A DNA double helix, for genetics, biology, lab results and what something is made of. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 2C20 2.8333 19.7918 3.6667 19.391 4.5C18.9903 5.3333 18.3973 6.1667 17.6569 7C16.9164 7.8333 16.029 8.6667 15.0615 9.5C14.094 10.3333 13.0472 11.1667 12 12C10.9528 12.8333 9.906 13.6667 8.9385 14.5C7.971 15.3333 7.0836 16.1667 6.3431 17C5.6027 17.8333 5.0097 18.6667 4.609 19.5C4.2082 20.3333 4 21.1667 4 22M4 2C4 2.8333 4.2082 3.6667 4.609 4.5C5.0097 5.3333 5.6027 6.1667 6.3431 7C7.0836 7.8333 7.971 8.6667 8.9385 9.5C9.906 10.3333 10.9528 11.1667 12 12C13.0472 12.8333 14.094 13.6667 15.0615 14.5C16.029 15.3333 16.9164 16.1667 17.6569 17C18.3973 17.8333 18.9903 18.6667 19.391 19.5C19.7918 20.3333 20 21.1667 20 22M4.3915 4L19.6085 4M7.2977 8L16.7023 8M16.7023 16L7.2977 16M19.6085 20L4.3915 20" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- genetics
- gene
- helix
- biology
- genome
- chromosome
Related icons
The rest of the dna family first, then the Science shelf.
FAQ
Answered from dna's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the dna icon for?
- A DNA double helix, for genetics, biology, lab results and what something is made of. It is filed under Science in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as genetics, gene, helix, biology, genome and chromosome, and the browser's search matches all of those.
- What styles does the dna icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of dna?
- No. dna is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with dna?
- atom, binoculars, flask-conical, flask-conical-off, flask-round and magnet, and 5 more, all shown below. They are the Science shelf: nothing else in the set is named after dna.
- How do I import dna in React?
- <Dna /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Dna size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the dna SVG?
- icons/stroke/dna.svg, icons/two-tone/dna.svg, icons/duotone/dna.svg and icons/fill/dna.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was dna added to the set?
- Added 25 Oct 2026. It ships in v2.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.