genomic icon

genomic from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.

Name
genomic
Set
EOS Icons
Style
Regular
Viewbox
24×24
License
MIT

Use the genomic icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.368 16a21 21 0 0 0-2.751-3.992S10.12 9.153 10.003 9h2.448c-.163.232-.335.45-.513.677l1.326 1.53A24 24 0 0 0 15.454 8a11.2 11.2 0 0 0 1.534-5c.023-.507.007-1.038-.002-1.575A.96.96 0 0 0 15.993.5a1 1 0 0 0-.997 1.02c.023.494-.006.977-.005 1.48l-6.992.002L8 1.505A.99.99 0 0 0 7 .5a.95.95 0 0 0-.995.955l-.001 1.359a11.62 11.62 0 0 0 2.853 7.918S12.182 14.67 12.415 15h-2.35c.046-.058.302-.366.569-.684l-1.335-1.54l-.442.509A10.4 10.4 0 0 0 7.164 16a11.7 11.7 0 0 0-1.16 5.186l.001 1.359A.95.95 0 0 0 7 23.5a.99.99 0 0 0 1-1.005s0-1.45 0-1.497l6.99.002c-.001.503.028.986.005 1.48a1 1 0 0 0 .997 1.02a.96.96 0 0 0 .993-.925c.009-.537.025-1.068.002-1.575a11.36 11.36 0 0 0-1.62-5m-.915-11a12.7 12.7 0 0 1-.782 2H8.81a10 10 0 0 1-.613-2Zm-3.169 8.54h.002l.03.037ZM8.198 19a10 10 0 0 1 .614-2h4.859a12.7 12.7 0 0 1 .782 2Z"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsGenomic(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="M15.368 16a21 21 0 0 0-2.751-3.992S10.12 9.153 10.003 9h2.448c-.163.232-.335.45-.513.677l1.326 1.53A24 24 0 0 0 15.454 8a11.2 11.2 0 0 0 1.534-5c.023-.507.007-1.038-.002-1.575A.96.96 0 0 0 15.993.5a1 1 0 0 0-.997 1.02c.023.494-.006.977-.005 1.48l-6.992.002L8 1.505A.99.99 0 0 0 7 .5a.95.95 0 0 0-.995.955l-.001 1.359a11.62 11.62 0 0 0 2.853 7.918S12.182 14.67 12.415 15h-2.35c.046-.058.302-.366.569-.684l-1.335-1.54l-.442.509A10.4 10.4 0 0 0 7.164 16a11.7 11.7 0 0 0-1.16 5.186l.001 1.359A.95.95 0 0 0 7 23.5a.99.99 0 0 0 1-1.005s0-1.45 0-1.497l6.99.002c-.001.503.028.986.005 1.48a1 1 0 0 0 .997 1.02a.96.96 0 0 0 .993-.925c.009-.537.025-1.068.002-1.575a11.36 11.36 0 0 0-1.62-5m-.915-11a12.7 12.7 0 0 1-.782 2H8.81a10 10 0 0 1-.613-2Zm-3.169 8.54h.002l.03.037ZM8.198 19a10 10 0 0 1 .614-2h4.859a12.7 12.7 0 0 1 .782 2Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.368 16a21 21 0 0 0-2.751-3.992S10.12 9.153 10.003 9h2.448c-.163.232-.335.45-.513.677l1.326 1.53A24 24 0 0 0 15.454 8a11.2 11.2 0 0 0 1.534-5c.023-.507.007-1.038-.002-1.575A.96.96 0 0 0 15.993.5a1 1 0 0 0-.997 1.02c.023.494-.006.977-.005 1.48l-6.992.002L8 1.505A.99.99 0 0 0 7 .5a.95.95 0 0 0-.995.955l-.001 1.359a11.62 11.62 0 0 0 2.853 7.918S12.182 14.67 12.415 15h-2.35c.046-.058.302-.366.569-.684l-1.335-1.54l-.442.509A10.4 10.4 0 0 0 7.164 16a11.7 11.7 0 0 0-1.16 5.186l.001 1.359A.95.95 0 0 0 7 23.5a.99.99 0 0 0 1-1.005s0-1.45 0-1.497l6.99.002c-.001.503.028.986.005 1.48a1 1 0 0 0 .997 1.02a.96.96 0 0 0 .993-.925c.009-.537.025-1.068.002-1.575a11.36 11.36 0 0 0-1.62-5m-.915-11a12.7 12.7 0 0 1-.782 2H8.81a10 10 0 0 1-.613-2Zm-3.169 8.54h.002l.03.037ZM8.198 19a10 10 0 0 1 .614-2h4.859a12.7 12.7 0 0 1 .782 2Z"/></svg>
</template>

CSS

.icon-genomic {
  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%22M15.368%2016a21%2021%200%200%200-2.751-3.992S10.12%209.153%2010.003%209h2.448c-.163.232-.335.45-.513.677l1.326%201.53A24%2024%200%200%200%2015.454%208a11.2%2011.2%200%200%200%201.534-5c.023-.507.007-1.038-.002-1.575A.96.96%200%200%200%2015.993.5a1%201%200%200%200-.997%201.02c.023.494-.006.977-.005%201.48l-6.992.002L8%201.505A.99.99%200%200%200%207%20.5a.95.95%200%200%200-.995.955l-.001%201.359a11.62%2011.62%200%200%200%202.853%207.918S12.182%2014.67%2012.415%2015h-2.35c.046-.058.302-.366.569-.684l-1.335-1.54l-.442.509A10.4%2010.4%200%200%200%207.164%2016a11.7%2011.7%200%200%200-1.16%205.186l.001%201.359A.95.95%200%200%200%207%2023.5a.99.99%200%200%200%201-1.005s0-1.45%200-1.497l6.99.002c-.001.503.028.986.005%201.48a1%201%200%200%200%20.997%201.02a.96.96%200%200%200%20.993-.925c.009-.537.025-1.068.002-1.575a11.36%2011.36%200%200%200-1.62-5m-.915-11a12.7%2012.7%200%200%201-.782%202H8.81a10%2010%200%200%201-.613-2Zm-3.169%208.54h.002l.03.037ZM8.198%2019a10%2010%200%200%201%20.614-2h4.859a12.7%2012.7%200%200%201%20.782%202Z%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%22M15.368%2016a21%2021%200%200%200-2.751-3.992S10.12%209.153%2010.003%209h2.448c-.163.232-.335.45-.513.677l1.326%201.53A24%2024%200%200%200%2015.454%208a11.2%2011.2%200%200%200%201.534-5c.023-.507.007-1.038-.002-1.575A.96.96%200%200%200%2015.993.5a1%201%200%200%200-.997%201.02c.023.494-.006.977-.005%201.48l-6.992.002L8%201.505A.99.99%200%200%200%207%20.5a.95.95%200%200%200-.995.955l-.001%201.359a11.62%2011.62%200%200%200%202.853%207.918S12.182%2014.67%2012.415%2015h-2.35c.046-.058.302-.366.569-.684l-1.335-1.54l-.442.509A10.4%2010.4%200%200%200%207.164%2016a11.7%2011.7%200%200%200-1.16%205.186l.001%201.359A.95.95%200%200%200%207%2023.5a.99.99%200%200%200%201-1.005s0-1.45%200-1.497l6.99.002c-.001.503.028.986.005%201.48a1%201%200%200%200%20.997%201.02a.96.96%200%200%200%20.993-.925c.009-.537.025-1.068.002-1.575a11.36%2011.36%200%200%200-1.62-5m-.915-11a12.7%2012.7%200%200%201-.782%202H8.81a10%2010%200%200%201-.613-2Zm-3.169%208.54h.002l.03.037ZM8.198%2019a10%2010%200%200%201%20.614-2h4.859a12.7%2012.7%200%200%201%20.782%202Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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