What is the dna icon used for?

It's used to visually represent concepts related to DNA, genetics, health, and biology in user interfaces.

How do I use the dna icon in React?

Import it from the library like this: import { Dna } from '@phosphor-icons/react'. Then use it as a React component: .

The Phosphor dna icon is available under the MIT license.

Phosphor · dna · MIT

The Phosphor dna icon depicts a double helix structure, commonly used in UIs to represent genetics, health, or biological concepts.

Install

npm i @phosphor-icons/react

Import & render

import { Dna } from '@phosphor-icons/react';

<Dna size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<Dna size={24} />

thin

<Dna size={24} weight="thin" />

light

<Dna size={24} weight="light" />

bold

<Dna size={24} weight="bold" />

fill

<Dna size={24} weight="fill" />

duotone

<Dna size={24} weight="duotone" />

What is the dna icon used for?: It's used to visually represent concepts related to DNA, genetics, health, and biology in user interfaces.
How do I use the dna icon in React?: Import it from the library like this: import { Dna } from '@phosphor-icons/react'. Then use it as a React component: <Dna />.
What is the license for the dna icon?: The Phosphor dna icon is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.