genetics icon

genetics from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: genetics
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: genetics-outline, genetics-outline-sharp, genetics-sharp

1 other variant in Material Symbols

genetics-rounded

The same icon in other sets

geneticsMaterial Symbols Light

More social icons from Material Symbols

Use the genetics icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 23v-1q0-3.475 1.45-5.637t4-4.363q-2.55-2.2-4-4.362T5 2V1h2v1q0 .275.013.513T7.05 3h9.9q.025-.25.038-.488T17 2V1h2v1q0 3.475-1.45 5.638t-4 4.362q2.55 2.2 4 4.363T19 22v1h-2v-1q0-.275-.012-.513T16.95 21h-9.9q-.025.25-.037.488T7 22v1zM8.45 7h7.1q.325-.475.563-.95T16.55 5h-9.1q.2.55.437 1.038T8.45 7M12 10.7q.5-.425.975-.85t.9-.85h-3.75q.425.425.9.85t.975.85M10.125 15h3.75q-.425-.425-.9-.85T12 13.3q-.5.425-.975.85t-.9.85M7.45 19h9.1q-.2-.55-.437-1.037T15.55 17h-7.1q-.325.475-.562.95T7.45 19"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsGenetics(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="M5 23v-1q0-3.475 1.45-5.637t4-4.363q-2.55-2.2-4-4.362T5 2V1h2v1q0 .275.013.513T7.05 3h9.9q.025-.25.038-.488T17 2V1h2v1q0 3.475-1.45 5.638t-4 4.362q2.55 2.2 4 4.363T19 22v1h-2v-1q0-.275-.012-.513T16.95 21h-9.9q-.025.25-.037.488T7 22v1zM8.45 7h7.1q.325-.475.563-.95T16.55 5h-9.1q.2.55.437 1.038T8.45 7M12 10.7q.5-.425.975-.85t.9-.85h-3.75q.425.425.9.85t.975.85M10.125 15h3.75q-.425-.425-.9-.85T12 13.3q-.5.425-.975.85t-.9.85M7.45 19h9.1q-.2-.55-.437-1.037T15.55 17h-7.1q-.325.475-.562.95T7.45 19"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 23v-1q0-3.475 1.45-5.637t4-4.363q-2.55-2.2-4-4.362T5 2V1h2v1q0 .275.013.513T7.05 3h9.9q.025-.25.038-.488T17 2V1h2v1q0 3.475-1.45 5.638t-4 4.362q2.55 2.2 4 4.363T19 22v1h-2v-1q0-.275-.012-.513T16.95 21h-9.9q-.025.25-.037.488T7 22v1zM8.45 7h7.1q.325-.475.563-.95T16.55 5h-9.1q.2.55.437 1.038T8.45 7M12 10.7q.5-.425.975-.85t.9-.85h-3.75q.425.425.9.85t.975.85M10.125 15h3.75q-.425-.425-.9-.85T12 13.3q-.5.425-.975.85t-.9.85M7.45 19h9.1q-.2-.55-.437-1.037T15.55 17h-7.1q-.325.475-.562.95T7.45 19"/></svg>
</template>

CSS

.icon-genetics {
  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%22M5%2023v-1q0-3.475%201.45-5.637t4-4.363q-2.55-2.2-4-4.362T5%202V1h2v1q0%20.275.013.513T7.05%203h9.9q.025-.25.038-.488T17%202V1h2v1q0%203.475-1.45%205.638t-4%204.362q2.55%202.2%204%204.363T19%2022v1h-2v-1q0-.275-.012-.513T16.95%2021h-9.9q-.025.25-.037.488T7%2022v1zM8.45%207h7.1q.325-.475.563-.95T16.55%205h-9.1q.2.55.437%201.038T8.45%207M12%2010.7q.5-.425.975-.85t.9-.85h-3.75q.425.425.9.85t.975.85M10.125%2015h3.75q-.425-.425-.9-.85T12%2013.3q-.5.425-.975.85t-.9.85M7.45%2019h9.1q-.2-.55-.437-1.037T15.55%2017h-7.1q-.325.475-.562.95T7.45%2019%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%22M5%2023v-1q0-3.475%201.45-5.637t4-4.363q-2.55-2.2-4-4.362T5%202V1h2v1q0%20.275.013.513T7.05%203h9.9q.025-.25.038-.488T17%202V1h2v1q0%203.475-1.45%205.638t-4%204.362q2.55%202.2%204%204.363T19%2022v1h-2v-1q0-.275-.012-.513T16.95%2021h-9.9q-.025.25-.037.488T7%2022v1zM8.45%207h7.1q.325-.475.563-.95T16.55%205h-9.1q.2.55.437%201.038T8.45%207M12%2010.7q.5-.425.975-.85t.9-.85h-3.75q.425.425.9.85t.975.85M10.125%2015h3.75q-.425-.425-.9-.85T12%2013.3q-.5.425-.975.85t-.9.85M7.45%2019h9.1q-.2-.55-.437-1.037T15.55%2017h-7.1q-.325.475-.562.95T7.45%2019%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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