dna icon
dna-fill from Remix Icon by Remix Design · Fill · Health & Medical · Apache-2.0 Free for personal and commercial use.
- Name
- dna-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Health & Medical
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
dnaBoxIcons v2dnaCarbondnaFont Awesome 6 SoliddnaFont Awesome Soliddna-outlineFlowbite IconsdnaFluent EmojidnaFluent Emoji FlatdnaFluent Emoji High ContrastdnaHealth IconsdnaHuge IconsdnaIconoirdnaJam IconsdnaLine AwesomednaLucidednaMaterial Design IconsdnaNoto EmojidnaOpenMojidnaPhosphordna-boldSolardnaTabler IconsdnaTwitter EmojidnaUnicons
More health & medical icons from Remix Icon
aed-electrodes-fillaed-fillatom-fillbrain-2-fillbrain-3-fillbrain-ai-3-fillbrain-fillcapsule-filldislike-filldossier-filldropper-fillempathize-fillfirst-aid-kit-fillflask-fillhand-sanitizer-fillhealth-book-fillheart-2-fillheart-3-fillheart-add-2-fillheart-add-fillheart-fillheart-pulse-fillhearts-fillinfrared-thermometer-fill
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="M18 1c0 .716-.064 1.38-.184 2H8.232c.639 2.552 2.562 4.229 5.35 6.428A48 48 0 0 1 12 10.727C8.73 8.135 6 5.668 6 1H4c0 5.466 3.21 8.464 6.386 11C7.21 14.537 4 17.534 4 23h2c0-4.96 3.08-7.434 6.618-10.214l.092-.072C16.149 10.012 20 6.987 20 1zm-.184 20H8.232c.659-2.634 2.687-4.335 5.622-6.64c.443-.35.888-.697 1.327-1.051C17.766 15.599 20 18.44 20 23h-2q-.002-1.071-.184-2"/></svg>
React
import type { SVGProps } from "react";
export function RiDnaFill(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="M18 1c0 .716-.064 1.38-.184 2H8.232c.639 2.552 2.562 4.229 5.35 6.428A48 48 0 0 1 12 10.727C8.73 8.135 6 5.668 6 1H4c0 5.466 3.21 8.464 6.386 11C7.21 14.537 4 17.534 4 23h2c0-4.96 3.08-7.434 6.618-10.214l.092-.072C16.149 10.012 20 6.987 20 1zm-.184 20H8.232c.659-2.634 2.687-4.335 5.622-6.64c.443-.35.888-.697 1.327-1.051C17.766 15.599 20 18.44 20 23h-2q-.002-1.071-.184-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 1c0 .716-.064 1.38-.184 2H8.232c.639 2.552 2.562 4.229 5.35 6.428A48 48 0 0 1 12 10.727C8.73 8.135 6 5.668 6 1H4c0 5.466 3.21 8.464 6.386 11C7.21 14.537 4 17.534 4 23h2c0-4.96 3.08-7.434 6.618-10.214l.092-.072C16.149 10.012 20 6.987 20 1zm-.184 20H8.232c.659-2.634 2.687-4.335 5.622-6.64c.443-.35.888-.697 1.327-1.051C17.766 15.599 20 18.44 20 23h-2q-.002-1.071-.184-2"/></svg> </template>
CSS
.icon-dna-fill {
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%22M18%201c0%20.716-.064%201.38-.184%202H8.232c.639%202.552%202.562%204.229%205.35%206.428A48%2048%200%200%201%2012%2010.727C8.73%208.135%206%205.668%206%201H4c0%205.466%203.21%208.464%206.386%2011C7.21%2014.537%204%2017.534%204%2023h2c0-4.96%203.08-7.434%206.618-10.214l.092-.072C16.149%2010.012%2020%206.987%2020%201zm-.184%2020H8.232c.659-2.634%202.687-4.335%205.622-6.64c.443-.35.888-.697%201.327-1.051C17.766%2015.599%2020%2018.44%2020%2023h-2q-.002-1.071-.184-2%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%22M18%201c0%20.716-.064%201.38-.184%202H8.232c.639%202.552%202.562%204.229%205.35%206.428A48%2048%200%200%201%2012%2010.727C8.73%208.135%206%205.668%206%201H4c0%205.466%203.21%208.464%206.386%2011C7.21%2014.537%204%2017.534%204%2023h2c0-4.96%203.08-7.434%206.618-10.214l.092-.072C16.149%2010.012%2020%206.987%2020%201zm-.184%2020H8.232c.659-2.634%202.687-4.335%205.622-6.64c.443-.35.888-.697%201.327-1.051C17.766%2015.599%2020%2018.44%2020%2023h-2q-.002-1.071-.184-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/dna-fill.svg?color=%231a73e8&size=48
