head circuit icon

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

Name: head-circuit-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

head-circuit head-circuit-duotone head-circuit-fill head-circuit-light 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="M203.91 230.51a12 12 0 0 1-10.42 13.4a13 13 0 0 1-1.49.09a12 12 0 0 1-11.89-10.51l-8-64a12 12 0 0 1 4.7-11.08a68.26 68.26 0 0 0 27.19-56c0-.81-.07-1.6-.11-2.4h-14.27l-23.1 27.72A23.7 23.7 0 0 1 168 136a24.07 24.07 0 1 1-19.92-23.64l26.7-32A12 12 0 0 1 184 76h13.91a68.19 68.19 0 0 0-58.22-39.9q-1.84-.1-3.69-.1v19.23a24 24 0 1 1-24 0V40.34A68.11 68.11 0 0 0 68 104a12 12 0 0 1-1.36 5.54l-21.13 40.61L69 160.9a12 12 0 0 1 7 10.91V204h44a12 12 0 0 1 0 24H72a20 20 0 0 1-20-20v-28.49l-20.57-9.42a3 3 0 0 1-.38-.18a20 20 0 0 1-9.43-25.76a8 8 0 0 1 .38-.81l22-42.37a92 92 0 0 1 97-88.84c47.7 2.51 85.93 41.92 87 89.71a92.33 92.33 0 0 1-31.25 71.26Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHeadCircuitBold(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="M203.91 230.51a12 12 0 0 1-10.42 13.4a13 13 0 0 1-1.49.09a12 12 0 0 1-11.89-10.51l-8-64a12 12 0 0 1 4.7-11.08a68.26 68.26 0 0 0 27.19-56c0-.81-.07-1.6-.11-2.4h-14.27l-23.1 27.72A23.7 23.7 0 0 1 168 136a24.07 24.07 0 1 1-19.92-23.64l26.7-32A12 12 0 0 1 184 76h13.91a68.19 68.19 0 0 0-58.22-39.9q-1.84-.1-3.69-.1v19.23a24 24 0 1 1-24 0V40.34A68.11 68.11 0 0 0 68 104a12 12 0 0 1-1.36 5.54l-21.13 40.61L69 160.9a12 12 0 0 1 7 10.91V204h44a12 12 0 0 1 0 24H72a20 20 0 0 1-20-20v-28.49l-20.57-9.42a3 3 0 0 1-.38-.18a20 20 0 0 1-9.43-25.76a8 8 0 0 1 .38-.81l22-42.37a92 92 0 0 1 97-88.84c47.7 2.51 85.93 41.92 87 89.71a92.33 92.33 0 0 1-31.25 71.26Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M203.91 230.51a12 12 0 0 1-10.42 13.4a13 13 0 0 1-1.49.09a12 12 0 0 1-11.89-10.51l-8-64a12 12 0 0 1 4.7-11.08a68.26 68.26 0 0 0 27.19-56c0-.81-.07-1.6-.11-2.4h-14.27l-23.1 27.72A23.7 23.7 0 0 1 168 136a24.07 24.07 0 1 1-19.92-23.64l26.7-32A12 12 0 0 1 184 76h13.91a68.19 68.19 0 0 0-58.22-39.9q-1.84-.1-3.69-.1v19.23a24 24 0 1 1-24 0V40.34A68.11 68.11 0 0 0 68 104a12 12 0 0 1-1.36 5.54l-21.13 40.61L69 160.9a12 12 0 0 1 7 10.91V204h44a12 12 0 0 1 0 24H72a20 20 0 0 1-20-20v-28.49l-20.57-9.42a3 3 0 0 1-.38-.18a20 20 0 0 1-9.43-25.76a8 8 0 0 1 .38-.81l22-42.37a92 92 0 0 1 97-88.84c47.7 2.51 85.93 41.92 87 89.71a92.33 92.33 0 0 1-31.25 71.26Z"/></svg>
</template>

CSS

.icon-head-circuit-bold {
  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%22M203.91%20230.51a12%2012%200%200%201-10.42%2013.4a13%2013%200%200%201-1.49.09a12%2012%200%200%201-11.89-10.51l-8-64a12%2012%200%200%201%204.7-11.08a68.26%2068.26%200%200%200%2027.19-56c0-.81-.07-1.6-.11-2.4h-14.27l-23.1%2027.72A23.7%2023.7%200%200%201%20168%20136a24.07%2024.07%200%201%201-19.92-23.64l26.7-32A12%2012%200%200%201%20184%2076h13.91a68.19%2068.19%200%200%200-58.22-39.9q-1.84-.1-3.69-.1v19.23a24%2024%200%201%201-24%200V40.34A68.11%2068.11%200%200%200%2068%20104a12%2012%200%200%201-1.36%205.54l-21.13%2040.61L69%20160.9a12%2012%200%200%201%207%2010.91V204h44a12%2012%200%200%201%200%2024H72a20%2020%200%200%201-20-20v-28.49l-20.57-9.42a3%203%200%200%201-.38-.18a20%2020%200%200%201-9.43-25.76a8%208%200%200%201%20.38-.81l22-42.37a92%2092%200%200%201%2097-88.84c47.7%202.51%2085.93%2041.92%2087%2089.71a92.33%2092.33%200%200%201-31.25%2071.26Z%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%22M203.91%20230.51a12%2012%200%200%201-10.42%2013.4a13%2013%200%200%201-1.49.09a12%2012%200%200%201-11.89-10.51l-8-64a12%2012%200%200%201%204.7-11.08a68.26%2068.26%200%200%200%2027.19-56c0-.81-.07-1.6-.11-2.4h-14.27l-23.1%2027.72A23.7%2023.7%200%200%201%20168%20136a24.07%2024.07%200%201%201-19.92-23.64l26.7-32A12%2012%200%200%201%20184%2076h13.91a68.19%2068.19%200%200%200-58.22-39.9q-1.84-.1-3.69-.1v19.23a24%2024%200%201%201-24%200V40.34A68.11%2068.11%200%200%200%2068%20104a12%2012%200%200%201-1.36%205.54l-21.13%2040.61L69%20160.9a12%2012%200%200%201%207%2010.91V204h44a12%2012%200%200%201%200%2024H72a20%2020%200%200%201-20-20v-28.49l-20.57-9.42a3%203%200%200%201-.38-.18a20%2020%200%200%201-9.43-25.76a8%208%200%200%201%20.38-.81l22-42.37a92%2092%200%200%201%2097-88.84c47.7%202.51%2085.93%2041.92%2087%2089.71a92.33%2092.33%200%200%201-31.25%2071.26Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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