dna icon
dna from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- dna
- Set
- Carbon
- Style
- Outline
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
dnaBoxIcons v2dnaFont Awesome 6 SoliddnaFont Awesome Soliddna-outlineFlowbite IconsdnaFluent EmojidnaFluent Emoji FlatdnaFluent Emoji High ContrastdnaHealth IconsdnaHuge IconsdnaIconoirdnaJam IconsdnaLine AwesomednaLucidednaMaterial Design IconsdnaNoto EmojidnaOpenMojidnaPhosphordna-fillRemix Icondna-boldSolardnaTabler IconsdnaTwitter EmojidnaUnicons
Use the dna icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M22 2V1h-2v1a7.04 7.04 0 0 1-.08 1h-7.84A7.04 7.04 0 0 1 12 2V1h-2v1c0 3.755 1.97 5.604 4.1 7c-2.13 1.396-4.1 3.245-4.1 7s1.97 5.604 4.1 7c-2.13 1.396-4.1 3.245-4.1 7v1h2v-1a7.04 7.04 0 0 1 .08-1h7.84a7.04 7.04 0 0 1 .08 1v1h2v-1c0-3.755-1.97-5.604-4.1-7c2.13-1.396 4.1-3.245 4.1-7s-1.97-5.604-4.1-7C20.03 7.604 22 5.755 22 2zm-2 14a7.04 7.04 0 0 1-.08 1h-7.84a6.321 6.321 0 0 1 0-2h7.84a7.04 7.04 0 0 1 .08 1zm-.756 11h-6.488A8.908 8.908 0 0 1 16 24.17A8.908 8.908 0 0 1 19.244 27zM16 21.83A8.908 8.908 0 0 1 12.756 19h6.488A8.908 8.908 0 0 1 16 21.83zM19.244 13h-6.488A8.908 8.908 0 0 1 16 10.17A8.908 8.908 0 0 1 19.244 13zM16 7.83A8.908 8.908 0 0 1 12.756 5h6.488A8.908 8.908 0 0 1 16 7.83z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function CarbonDna(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M22 2V1h-2v1a7.04 7.04 0 0 1-.08 1h-7.84A7.04 7.04 0 0 1 12 2V1h-2v1c0 3.755 1.97 5.604 4.1 7c-2.13 1.396-4.1 3.245-4.1 7s1.97 5.604 4.1 7c-2.13 1.396-4.1 3.245-4.1 7v1h2v-1a7.04 7.04 0 0 1 .08-1h7.84a7.04 7.04 0 0 1 .08 1v1h2v-1c0-3.755-1.97-5.604-4.1-7c2.13-1.396 4.1-3.245 4.1-7s-1.97-5.604-4.1-7C20.03 7.604 22 5.755 22 2zm-2 14a7.04 7.04 0 0 1-.08 1h-7.84a6.321 6.321 0 0 1 0-2h7.84a7.04 7.04 0 0 1 .08 1zm-.756 11h-6.488A8.908 8.908 0 0 1 16 24.17A8.908 8.908 0 0 1 19.244 27zM16 21.83A8.908 8.908 0 0 1 12.756 19h6.488A8.908 8.908 0 0 1 16 21.83zM19.244 13h-6.488A8.908 8.908 0 0 1 16 10.17A8.908 8.908 0 0 1 19.244 13zM16 7.83A8.908 8.908 0 0 1 12.756 5h6.488A8.908 8.908 0 0 1 16 7.83z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M22 2V1h-2v1a7.04 7.04 0 0 1-.08 1h-7.84A7.04 7.04 0 0 1 12 2V1h-2v1c0 3.755 1.97 5.604 4.1 7c-2.13 1.396-4.1 3.245-4.1 7s1.97 5.604 4.1 7c-2.13 1.396-4.1 3.245-4.1 7v1h2v-1a7.04 7.04 0 0 1 .08-1h7.84a7.04 7.04 0 0 1 .08 1v1h2v-1c0-3.755-1.97-5.604-4.1-7c2.13-1.396 4.1-3.245 4.1-7s-1.97-5.604-4.1-7C20.03 7.604 22 5.755 22 2zm-2 14a7.04 7.04 0 0 1-.08 1h-7.84a6.321 6.321 0 0 1 0-2h7.84a7.04 7.04 0 0 1 .08 1zm-.756 11h-6.488A8.908 8.908 0 0 1 16 24.17A8.908 8.908 0 0 1 19.244 27zM16 21.83A8.908 8.908 0 0 1 12.756 19h6.488A8.908 8.908 0 0 1 16 21.83zM19.244 13h-6.488A8.908 8.908 0 0 1 16 10.17A8.908 8.908 0 0 1 19.244 13zM16 7.83A8.908 8.908 0 0 1 12.756 5h6.488A8.908 8.908 0 0 1 16 7.83z" fill="currentColor"/></svg> </template>
CSS
.icon-dna {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M22%202V1h-2v1a7.04%207.04%200%200%201-.08%201h-7.84A7.04%207.04%200%200%201%2012%202V1h-2v1c0%203.755%201.97%205.604%204.1%207c-2.13%201.396-4.1%203.245-4.1%207s1.97%205.604%204.1%207c-2.13%201.396-4.1%203.245-4.1%207v1h2v-1a7.04%207.04%200%200%201%20.08-1h7.84a7.04%207.04%200%200%201%20.08%201v1h2v-1c0-3.755-1.97-5.604-4.1-7c2.13-1.396%204.1-3.245%204.1-7s-1.97-5.604-4.1-7C20.03%207.604%2022%205.755%2022%202zm-2%2014a7.04%207.04%200%200%201-.08%201h-7.84a6.321%206.321%200%200%201%200-2h7.84a7.04%207.04%200%200%201%20.08%201zm-.756%2011h-6.488A8.908%208.908%200%200%201%2016%2024.17A8.908%208.908%200%200%201%2019.244%2027zM16%2021.83A8.908%208.908%200%200%201%2012.756%2019h6.488A8.908%208.908%200%200%201%2016%2021.83zM19.244%2013h-6.488A8.908%208.908%200%200%201%2016%2010.17A8.908%208.908%200%200%201%2019.244%2013zM16%207.83A8.908%208.908%200%200%201%2012.756%205h6.488A8.908%208.908%200%200%201%2016%207.83z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M22%202V1h-2v1a7.04%207.04%200%200%201-.08%201h-7.84A7.04%207.04%200%200%201%2012%202V1h-2v1c0%203.755%201.97%205.604%204.1%207c-2.13%201.396-4.1%203.245-4.1%207s1.97%205.604%204.1%207c-2.13%201.396-4.1%203.245-4.1%207v1h2v-1a7.04%207.04%200%200%201%20.08-1h7.84a7.04%207.04%200%200%201%20.08%201v1h2v-1c0-3.755-1.97-5.604-4.1-7c2.13-1.396%204.1-3.245%204.1-7s-1.97-5.604-4.1-7C20.03%207.604%2022%205.755%2022%202zm-2%2014a7.04%207.04%200%200%201-.08%201h-7.84a6.321%206.321%200%200%201%200-2h7.84a7.04%207.04%200%200%201%20.08%201zm-.756%2011h-6.488A8.908%208.908%200%200%201%2016%2024.17A8.908%208.908%200%200%201%2019.244%2027zM16%2021.83A8.908%208.908%200%200%201%2012.756%2019h6.488A8.908%208.908%200%200%201%2016%2021.83zM19.244%2013h-6.488A8.908%208.908%200%200%201%2016%2010.17A8.908%208.908%200%200%201%2019.244%2013zM16%207.83A8.908%208.908%200%200%201%2012.756%205h6.488A8.908%208.908%200%200%201%2016%207.83z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/dna.svg?color=%231a73e8&size=48
