Color

Advanced editing in SVG Editor

Carbon Icons

Dna Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: dna biology science gene helix

The Dna icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/319907.svg" alt="Dna icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319907.svg" alt="Dna icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319907.svg"
  alt="Dna icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-dna {
  background-image: url('https://proicons.com/icon/319907.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="dna_1_" d="M23,31.36c-0.199,0-0.36-0.161-0.36-0.36v-1c0-0.597-0.111-1.14-0.314-1.64H9.673
	C9.468,28.861,9.36,29.403,9.36,30v1c0,0.199-0.161,0.36-0.36,0.36S8.64,31.199,8.64,31v-1c0-0.788,0.17-1.489,0.466-2.12
	c0.008-0.024,0.02-0.047,0.032-0.068c0.923-1.894,2.982-3.143,4.944-4.19c0.174-0.097,0.394-0.028,0.487,0.147
	c0.094,0.176,0.028,0.394-0.148,0.487c-2.021,1.08-3.546,2.107-4.371,3.384h11.901c-1.147-1.813-3.58-3.04-6.114-4.318
	c-2.307-1.163-4.666-2.353-6.028-4.062c-0.023-0.023-0.044-0.049-0.061-0.077C9.059,18.286,8.64,17.249,8.64,16
	c0-3.363,2.578-4.94,5.45-6.388c0.179-0.091,0.394-0.018,0.483,0.159c0.09,0.178,0.018,0.394-0.159,0.483
	c-1.578,0.795-2.808,1.534-3.66,2.385h10.388c-1.292-1.295-3.265-2.29-5.305-3.319C12.299,7.537,8.64,5.692,8.64,2V1
	c0-0.199,0.161-0.36,0.36-0.36S9.36,0.801,9.36,1v1c0,0.597,0.111,1.14,0.315,1.64h12.65C22.527,3.138,22.64,2.594,22.64,2V1
	c0-0.199,0.161-0.36,0.36-0.36S23.36,0.801,23.36,1v1c0,3.143-2.613,4.972-5.438,6.481c-0.176,0.092-0.394,0.028-0.487-0.148
	c-0.094-0.175-0.027-0.393,0.147-0.487c1.78-0.951,3.471-2.03,4.375-3.486h-11.91c1.148,1.814,3.581,3.041,6.115,4.319
	c3.539,1.784,7.198,3.629,7.198,7.321c0,3.131-2.177,4.87-5.445,6.518c-0.178,0.089-0.395,0.019-0.483-0.159
	c-0.09-0.178-0.019-0.395,0.159-0.483c1.574-0.794,2.846-1.577,3.72-2.515H10.858c1.291,1.295,3.265,2.29,5.304,3.318
	c3.539,1.784,7.198,3.63,7.198,7.321v1C23.36,31.199,23.199,31.36,23,31.36z M10.238,18.64h11.641
	c0.437-0.663,0.694-1.408,0.75-2.28H9.374C9.441,17.224,9.751,17.972,10.238,18.64z M9.371,15.64h13.255
	c-0.067-0.864-0.377-1.612-0.864-2.28H10.153c-0.002,0-0.004,0-0.006,0C9.688,14.019,9.426,14.758,9.371,15.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Dna in other icon packs

Tabler Icons Outline

Phosphor Icons

Lucide Icons

Forge Icons

Hugeicons

Atlas Icons

Copied!

Dna Icon

More from Carbon Icons

Dna in other icon packs