metabolism icon

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

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

1 other variant in Material Symbols Light

metabolism-rounded

The same icon in other sets

metabolismMaterial Symbols

More social icons from Material Symbols Light

Use the metabolism icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.058 17.077v-3.116H8.75v-2.907q0-.46.634-.776q.633-.316 1.616-.316t1.616.316q.634.316.634.776v2.908h-1.308v3.115zm.098-8.117q-.348-.348-.348-.844q0-.497.348-.845T11 6.923t.844.348t.348.845t-.348.844t-.844.348t-.844-.348M11 20q-3.327 0-5.663-2.336T3 12q0-1.664.626-3.118T5.34 6.34t2.542-1.714T11 4t3.118.626T16.66 6.34t1.714 2.542T19 12v1.412l2.152-2.178l.714.689l-3.366 3.365l-3.365-3.365l.713-.688L18 13.387V12q0-2.9-2.05-4.95T11 5T6.05 7.05T4 12q.006 2.92 2.043 4.96T11 19q1.406 0 2.589-.499t2.17-1.386l.733.714q-1.129 1.027-2.539 1.599T11 20"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMetabolism(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="M10.058 17.077v-3.116H8.75v-2.907q0-.46.634-.776q.633-.316 1.616-.316t1.616.316q.634.316.634.776v2.908h-1.308v3.115zm.098-8.117q-.348-.348-.348-.844q0-.497.348-.845T11 6.923t.844.348t.348.845t-.348.844t-.844.348t-.844-.348M11 20q-3.327 0-5.663-2.336T3 12q0-1.664.626-3.118T5.34 6.34t2.542-1.714T11 4t3.118.626T16.66 6.34t1.714 2.542T19 12v1.412l2.152-2.178l.714.689l-3.366 3.365l-3.365-3.365l.713-.688L18 13.387V12q0-2.9-2.05-4.95T11 5T6.05 7.05T4 12q.006 2.92 2.043 4.96T11 19q1.406 0 2.589-.499t2.17-1.386l.733.714q-1.129 1.027-2.539 1.599T11 20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.058 17.077v-3.116H8.75v-2.907q0-.46.634-.776q.633-.316 1.616-.316t1.616.316q.634.316.634.776v2.908h-1.308v3.115zm.098-8.117q-.348-.348-.348-.844q0-.497.348-.845T11 6.923t.844.348t.348.845t-.348.844t-.844.348t-.844-.348M11 20q-3.327 0-5.663-2.336T3 12q0-1.664.626-3.118T5.34 6.34t2.542-1.714T11 4t3.118.626T16.66 6.34t1.714 2.542T19 12v1.412l2.152-2.178l.714.689l-3.366 3.365l-3.365-3.365l.713-.688L18 13.387V12q0-2.9-2.05-4.95T11 5T6.05 7.05T4 12q.006 2.92 2.043 4.96T11 19q1.406 0 2.589-.499t2.17-1.386l.733.714q-1.129 1.027-2.539 1.599T11 20"/></svg>
</template>

CSS

.icon-metabolism {
  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%22M10.058%2017.077v-3.116H8.75v-2.907q0-.46.634-.776q.633-.316%201.616-.316t1.616.316q.634.316.634.776v2.908h-1.308v3.115zm.098-8.117q-.348-.348-.348-.844q0-.497.348-.845T11%206.923t.844.348t.348.845t-.348.844t-.844.348t-.844-.348M11%2020q-3.327%200-5.663-2.336T3%2012q0-1.664.626-3.118T5.34%206.34t2.542-1.714T11%204t3.118.626T16.66%206.34t1.714%202.542T19%2012v1.412l2.152-2.178l.714.689l-3.366%203.365l-3.365-3.365l.713-.688L18%2013.387V12q0-2.9-2.05-4.95T11%205T6.05%207.05T4%2012q.006%202.92%202.043%204.96T11%2019q1.406%200%202.589-.499t2.17-1.386l.733.714q-1.129%201.027-2.539%201.599T11%2020%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%22M10.058%2017.077v-3.116H8.75v-2.907q0-.46.634-.776q.633-.316%201.616-.316t1.616.316q.634.316.634.776v2.908h-1.308v3.115zm.098-8.117q-.348-.348-.348-.844q0-.497.348-.845T11%206.923t.844.348t.348.845t-.348.844t-.844.348t-.844-.348M11%2020q-3.327%200-5.663-2.336T3%2012q0-1.664.626-3.118T5.34%206.34t2.542-1.714T11%204t3.118.626T16.66%206.34t1.714%202.542T19%2012v1.412l2.152-2.178l.714.689l-3.366%203.365l-3.365-3.365l.713-.688L18%2013.387V12q0-2.9-2.05-4.95T11%205T6.05%207.05T4%2012q.006%202.92%202.043%204.96T11%2019q1.406%200%202.589-.499t2.17-1.386l.733.714q-1.129%201.027-2.539%201.599T11%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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