dna icon
dna from Material Design Icons by Pictogrammers · Filled · Science · Apache-2.0 Free for personal and commercial use.
- Name
- dna
- Set
- Material Design Icons
- Style
- Filled
- Category
- Science
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- helix
The same icon in other sets
dnaBoxIcons v2dnaCarbondnaFont Awesome 6 SoliddnaFont Awesome Soliddna-outlineFlowbite IconsdnaFluent EmojidnaFluent Emoji FlatdnaFluent Emoji High ContrastdnaHealth IconsdnaHuge IconsdnaIconoirdnaJam IconsdnaLine AwesomednaLucidednaNoto EmojidnaOpenMojidnaPhosphordna-fillRemix Icondna-boldSolardnaTabler IconsdnaTwitter EmojidnaUnicons
More science icons from Material Design Icons
atomatom-variantaurorabeakerbeaker-checkbeaker-minusbeaker-plusbeaker-questionbeaker-removebiohazardbottle-toniceyedropper-minuseyedropper-offeyedropper-pluseyedropper-removeflask-empty-minusflask-empty-plusflask-empty-removeflask-minusflask-plusflask-removeflask-round-bottomflask-round-bottom-emptymicroscope
Use the dna icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 2h2v2c0 1.44.68 2.61 1.88 3.78c.86.83 2.01 1.63 3.21 2.42l-1.83 1.19C8.27 10.72 7.31 10 6.5 9.21C5.07 7.82 4 6.1 4 4zm14 0h2v2c0 2.1-1.07 3.82-2.5 5.21c-1.41 1.38-3.21 2.52-4.96 3.63c-1.75 1.12-3.45 2.21-4.66 3.38C6.68 17.39 6 18.56 6 20v2H4v-2c0-2.1 1.07-3.82 2.5-5.21c1.41-1.38 3.21-2.52 4.96-3.63c1.75-1.12 3.45-2.21 4.66-3.38C17.32 6.61 18 5.44 18 4zm-3.26 10.61c.99.67 1.95 1.39 2.76 2.18C18.93 16.18 20 17.9 20 20v2h-2v-2c0-1.44-.68-2.61-1.88-3.78c-.86-.83-2.01-1.63-3.21-2.42zM7 3h10v1l-.06.5H7.06L7 4zm.68 3h8.64c-.24.34-.52.69-.9 1.06l-.51.44H9.07l-.49-.44c-.38-.37-.66-.72-.9-1.06m1.41 10.5h5.84l.49.44c.38.37.66.72.9 1.06H7.68c.24-.34.52-.69.9-1.06zm-2.03 3h9.88l.06.5v1H7v-1z"/></svg>
React
import type { SVGProps } from "react";
export function MdiDna(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 2h2v2c0 1.44.68 2.61 1.88 3.78c.86.83 2.01 1.63 3.21 2.42l-1.83 1.19C8.27 10.72 7.31 10 6.5 9.21C5.07 7.82 4 6.1 4 4zm14 0h2v2c0 2.1-1.07 3.82-2.5 5.21c-1.41 1.38-3.21 2.52-4.96 3.63c-1.75 1.12-3.45 2.21-4.66 3.38C6.68 17.39 6 18.56 6 20v2H4v-2c0-2.1 1.07-3.82 2.5-5.21c1.41-1.38 3.21-2.52 4.96-3.63c1.75-1.12 3.45-2.21 4.66-3.38C17.32 6.61 18 5.44 18 4zm-3.26 10.61c.99.67 1.95 1.39 2.76 2.18C18.93 16.18 20 17.9 20 20v2h-2v-2c0-1.44-.68-2.61-1.88-3.78c-.86-.83-2.01-1.63-3.21-2.42zM7 3h10v1l-.06.5H7.06L7 4zm.68 3h8.64c-.24.34-.52.69-.9 1.06l-.51.44H9.07l-.49-.44c-.38-.37-.66-.72-.9-1.06m1.41 10.5h5.84l.49.44c.38.37.66.72.9 1.06H7.68c.24-.34.52-.69.9-1.06zm-2.03 3h9.88l.06.5v1H7v-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 2h2v2c0 1.44.68 2.61 1.88 3.78c.86.83 2.01 1.63 3.21 2.42l-1.83 1.19C8.27 10.72 7.31 10 6.5 9.21C5.07 7.82 4 6.1 4 4zm14 0h2v2c0 2.1-1.07 3.82-2.5 5.21c-1.41 1.38-3.21 2.52-4.96 3.63c-1.75 1.12-3.45 2.21-4.66 3.38C6.68 17.39 6 18.56 6 20v2H4v-2c0-2.1 1.07-3.82 2.5-5.21c1.41-1.38 3.21-2.52 4.96-3.63c1.75-1.12 3.45-2.21 4.66-3.38C17.32 6.61 18 5.44 18 4zm-3.26 10.61c.99.67 1.95 1.39 2.76 2.18C18.93 16.18 20 17.9 20 20v2h-2v-2c0-1.44-.68-2.61-1.88-3.78c-.86-.83-2.01-1.63-3.21-2.42zM7 3h10v1l-.06.5H7.06L7 4zm.68 3h8.64c-.24.34-.52.69-.9 1.06l-.51.44H9.07l-.49-.44c-.38-.37-.66-.72-.9-1.06m1.41 10.5h5.84l.49.44c.38.37.66.72.9 1.06H7.68c.24-.34.52-.69.9-1.06zm-2.03 3h9.88l.06.5v1H7v-1z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%202h2v2c0%201.44.68%202.61%201.88%203.78c.86.83%202.01%201.63%203.21%202.42l-1.83%201.19C8.27%2010.72%207.31%2010%206.5%209.21C5.07%207.82%204%206.1%204%204zm14%200h2v2c0%202.1-1.07%203.82-2.5%205.21c-1.41%201.38-3.21%202.52-4.96%203.63c-1.75%201.12-3.45%202.21-4.66%203.38C6.68%2017.39%206%2018.56%206%2020v2H4v-2c0-2.1%201.07-3.82%202.5-5.21c1.41-1.38%203.21-2.52%204.96-3.63c1.75-1.12%203.45-2.21%204.66-3.38C17.32%206.61%2018%205.44%2018%204zm-3.26%2010.61c.99.67%201.95%201.39%202.76%202.18C18.93%2016.18%2020%2017.9%2020%2020v2h-2v-2c0-1.44-.68-2.61-1.88-3.78c-.86-.83-2.01-1.63-3.21-2.42zM7%203h10v1l-.06.5H7.06L7%204zm.68%203h8.64c-.24.34-.52.69-.9%201.06l-.51.44H9.07l-.49-.44c-.38-.37-.66-.72-.9-1.06m1.41%2010.5h5.84l.49.44c.38.37.66.72.9%201.06H7.68c.24-.34.52-.69.9-1.06zm-2.03%203h9.88l.06.5v1H7v-1z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%202h2v2c0%201.44.68%202.61%201.88%203.78c.86.83%202.01%201.63%203.21%202.42l-1.83%201.19C8.27%2010.72%207.31%2010%206.5%209.21C5.07%207.82%204%206.1%204%204zm14%200h2v2c0%202.1-1.07%203.82-2.5%205.21c-1.41%201.38-3.21%202.52-4.96%203.63c-1.75%201.12-3.45%202.21-4.66%203.38C6.68%2017.39%206%2018.56%206%2020v2H4v-2c0-2.1%201.07-3.82%202.5-5.21c1.41-1.38%203.21-2.52%204.96-3.63c1.75-1.12%203.45-2.21%204.66-3.38C17.32%206.61%2018%205.44%2018%204zm-3.26%2010.61c.99.67%201.95%201.39%202.76%202.18C18.93%2016.18%2020%2017.9%2020%2020v2h-2v-2c0-1.44-.68-2.61-1.88-3.78c-.86-.83-2.01-1.63-3.21-2.42zM7%203h10v1l-.06.5H7.06L7%204zm.68%203h8.64c-.24.34-.52.69-.9%201.06l-.51.44H9.07l-.49-.44c-.38-.37-.66-.72-.9-1.06m1.41%2010.5h5.84l.49.44c.38.37.66.72.9%201.06H7.68c.24-.34.52-.69.9-1.06zm-2.03%203h9.88l.06.5v1H7v-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/dna.svg?color=%231a73e8&size=48
