head circuit icon

head-circuit-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: head-circuit-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

head-circuit head-circuit-bold head-circuit-duotone head-circuit-fill head-circuit-thin

Use the head circuit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M190.37 170.62A86.27 86.27 0 0 0 222 102c-1-44.68-36.76-81.51-81.34-83.86A86 86 0 0 0 50 102.51l-22.69 43.6c-.07.13-.13.26-.19.4a14 14 0 0 0 6.61 18l.18.09l24.08 11V208a14 14 0 0 0 14 14h48a6 6 0 0 0 0-12H72a2 2 0 0 1-2-2v-36.19a6 6 0 0 0-3.5-5.46L39 153.78a2 2 0 0 1-.93-2.4l23.21-44.61A6 6 0 0 0 62 104a74.05 74.05 0 0 1 60-72.68v19.52a22 22 0 1 0 12 0V30.05c2-.05 4-.05 6 .06A74.29 74.29 0 0 1 206.63 82H184a6 6 0 0 0-4.61 2.16l-26.45 31.74a22.06 22.06 0 1 0 9.21 7.69L186.81 94h22.5a72 72 0 0 1 .67 8.26a74.24 74.24 0 0 1-29.58 60.94a6 6 0 0 0-2.35 5.54l8 64A6 6 0 0 0 192 238a6 6 0 0 0 .75-.05a6 6 0 0 0 5.21-6.7ZM138 72a10 10 0 1 1-10-10a10 10 0 0 1 10 10m6 74a10 10 0 1 1 10-10a10 10 0 0 1-10 10"/></svg>

React

import type { SVGProps } from "react";

export function PhHeadCircuitLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M190.37 170.62A86.27 86.27 0 0 0 222 102c-1-44.68-36.76-81.51-81.34-83.86A86 86 0 0 0 50 102.51l-22.69 43.6c-.07.13-.13.26-.19.4a14 14 0 0 0 6.61 18l.18.09l24.08 11V208a14 14 0 0 0 14 14h48a6 6 0 0 0 0-12H72a2 2 0 0 1-2-2v-36.19a6 6 0 0 0-3.5-5.46L39 153.78a2 2 0 0 1-.93-2.4l23.21-44.61A6 6 0 0 0 62 104a74.05 74.05 0 0 1 60-72.68v19.52a22 22 0 1 0 12 0V30.05c2-.05 4-.05 6 .06A74.29 74.29 0 0 1 206.63 82H184a6 6 0 0 0-4.61 2.16l-26.45 31.74a22.06 22.06 0 1 0 9.21 7.69L186.81 94h22.5a72 72 0 0 1 .67 8.26a74.24 74.24 0 0 1-29.58 60.94a6 6 0 0 0-2.35 5.54l8 64A6 6 0 0 0 192 238a6 6 0 0 0 .75-.05a6 6 0 0 0 5.21-6.7ZM138 72a10 10 0 1 1-10-10a10 10 0 0 1 10 10m6 74a10 10 0 1 1 10-10a10 10 0 0 1-10 10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M190.37 170.62A86.27 86.27 0 0 0 222 102c-1-44.68-36.76-81.51-81.34-83.86A86 86 0 0 0 50 102.51l-22.69 43.6c-.07.13-.13.26-.19.4a14 14 0 0 0 6.61 18l.18.09l24.08 11V208a14 14 0 0 0 14 14h48a6 6 0 0 0 0-12H72a2 2 0 0 1-2-2v-36.19a6 6 0 0 0-3.5-5.46L39 153.78a2 2 0 0 1-.93-2.4l23.21-44.61A6 6 0 0 0 62 104a74.05 74.05 0 0 1 60-72.68v19.52a22 22 0 1 0 12 0V30.05c2-.05 4-.05 6 .06A74.29 74.29 0 0 1 206.63 82H184a6 6 0 0 0-4.61 2.16l-26.45 31.74a22.06 22.06 0 1 0 9.21 7.69L186.81 94h22.5a72 72 0 0 1 .67 8.26a74.24 74.24 0 0 1-29.58 60.94a6 6 0 0 0-2.35 5.54l8 64A6 6 0 0 0 192 238a6 6 0 0 0 .75-.05a6 6 0 0 0 5.21-6.7ZM138 72a10 10 0 1 1-10-10a10 10 0 0 1 10 10m6 74a10 10 0 1 1 10-10a10 10 0 0 1-10 10"/></svg>
</template>

CSS

.icon-head-circuit-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M190.37%20170.62A86.27%2086.27%200%200%200%20222%20102c-1-44.68-36.76-81.51-81.34-83.86A86%2086%200%200%200%2050%20102.51l-22.69%2043.6c-.07.13-.13.26-.19.4a14%2014%200%200%200%206.61%2018l.18.09l24.08%2011V208a14%2014%200%200%200%2014%2014h48a6%206%200%200%200%200-12H72a2%202%200%200%201-2-2v-36.19a6%206%200%200%200-3.5-5.46L39%20153.78a2%202%200%200%201-.93-2.4l23.21-44.61A6%206%200%200%200%2062%20104a74.05%2074.05%200%200%201%2060-72.68v19.52a22%2022%200%201%200%2012%200V30.05c2-.05%204-.05%206%20.06A74.29%2074.29%200%200%201%20206.63%2082H184a6%206%200%200%200-4.61%202.16l-26.45%2031.74a22.06%2022.06%200%201%200%209.21%207.69L186.81%2094h22.5a72%2072%200%200%201%20.67%208.26a74.24%2074.24%200%200%201-29.58%2060.94a6%206%200%200%200-2.35%205.54l8%2064A6%206%200%200%200%20192%20238a6%206%200%200%200%20.75-.05a6%206%200%200%200%205.21-6.7ZM138%2072a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m6%2074a10%2010%200%201%201%2010-10a10%2010%200%200%201-10%2010%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M190.37%20170.62A86.27%2086.27%200%200%200%20222%20102c-1-44.68-36.76-81.51-81.34-83.86A86%2086%200%200%200%2050%20102.51l-22.69%2043.6c-.07.13-.13.26-.19.4a14%2014%200%200%200%206.61%2018l.18.09l24.08%2011V208a14%2014%200%200%200%2014%2014h48a6%206%200%200%200%200-12H72a2%202%200%200%201-2-2v-36.19a6%206%200%200%200-3.5-5.46L39%20153.78a2%202%200%200%201-.93-2.4l23.21-44.61A6%206%200%200%200%2062%20104a74.05%2074.05%200%200%201%2060-72.68v19.52a22%2022%200%201%200%2012%200V30.05c2-.05%204-.05%206%20.06A74.29%2074.29%200%200%201%20206.63%2082H184a6%206%200%200%200-4.61%202.16l-26.45%2031.74a22.06%2022.06%200%201%200%209.21%207.69L186.81%2094h22.5a72%2072%200%200%201%20.67%208.26a74.24%2074.24%200%200%201-29.58%2060.94a6%206%200%200%200-2.35%205.54l8%2064A6%206%200%200%200%20192%20238a6%206%200%200%200%20.75-.05a6%206%200%200%200%205.21-6.7ZM138%2072a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m6%2074a10%2010%200%201%201%2010-10a10%2010%200%200%201-10%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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