dna 01 icon

dna-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: dna-01
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

Related icons in Huge Icons

Use the dna 01 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M8.667 22c.534-.534 1.068-1.068.574-4m-.574-2.666C7.334 10 8.334 9 8.667 8.667s1.333-1.333 6.667 0m-6.667 6.667c-5.333-1.334-6-.668-6.667-.001m6.667 0c5.333 1.334 6.333.333 6.666 0s1.334-1.333 0-6.666m6.667 0c-.667.667-1.333 1.333-6.666 0M15.333 2c-.534.534-1.068 1.068-.574 4"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsDna01(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M8.667 22c.534-.534 1.068-1.068.574-4m-.574-2.666C7.334 10 8.334 9 8.667 8.667s1.333-1.333 6.667 0m-6.667 6.667c-5.333-1.334-6-.668-6.667-.001m6.667 0c5.333 1.334 6.333.333 6.666 0s1.334-1.333 0-6.666m6.667 0c-.667.667-1.333 1.333-6.666 0M15.333 2c-.534.534-1.068 1.068-.574 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M8.667 22c.534-.534 1.068-1.068.574-4m-.574-2.666C7.334 10 8.334 9 8.667 8.667s1.333-1.333 6.667 0m-6.667 6.667c-5.333-1.334-6-.668-6.667-.001m6.667 0c5.333 1.334 6.333.333 6.666 0s1.334-1.333 0-6.666m6.667 0c-.667.667-1.333 1.333-6.666 0M15.333 2c-.534.534-1.068 1.068-.574 4"/></svg>
</template>

CSS

.icon-dna-01 {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8.667%2022c.534-.534%201.068-1.068.574-4m-.574-2.666C7.334%2010%208.334%209%208.667%208.667s1.333-1.333%206.667%200m-6.667%206.667c-5.333-1.334-6-.668-6.667-.001m6.667%200c5.333%201.334%206.333.333%206.666%200s1.334-1.333%200-6.666m6.667%200c-.667.667-1.333%201.333-6.666%200M15.333%202c-.534.534-1.068%201.068-.574%204%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8.667%2022c.534-.534%201.068-1.068.574-4m-.574-2.666C7.334%2010%208.334%209%208.667%208.667s1.333-1.333%206.667%200m-6.667%206.667c-5.333-1.334-6-.668-6.667-.001m6.667%200c5.333%201.334%206.333.333%206.666%200s1.334-1.333%200-6.666m6.667%200c-.667.667-1.333%201.333-6.666%200M15.333%202c-.534.534-1.068%201.068-.574%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/dna-01.svg?color=%231a73e8&size=48