brain icon
brain-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- brain-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
brainBoxIcons v2brainBoxIcons v2 SolidbrainFont Awesome 6 SolidbrainFont Awesome Solidbrain-outlineFlowbite Iconsbrain-16-filledFluent UI System IconsbrainFluent EmojibrainFluent Emoji FlatbrainFluent Emoji High ContrastbrainHuge IconsbrainIconParkbrainIconPark OutlinebrainIconPark SolidbrainIconPark TwoTonebrainIconoirbrainLine AwesomebrainLucidebrainMaterial Design Iconsbrain-fillMingCute IconbrainNoto EmojibrainOpenMojibrain-fillRemix Iconbrain-boldSolarbrainTabler Icons
Use the brain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 76v-4a44 44 0 0 0-74.86-31.31a3.93 3.93 0 0 0-1.14 2.8v88.72a4 4 0 0 0 6.2 3.33a47.67 47.67 0 0 1 25.48-7.54a8.18 8.18 0 0 1 8.31 7.58a8 8 0 0 1-8 8.42a32 32 0 0 0-32 32v33.88a4 4 0 0 0 1.49 3.12a47.92 47.92 0 0 0 74.21-17.16a4 4 0 0 0-4.49-5.56A68 68 0 0 1 192 192h-7.73a8.18 8.18 0 0 1-8.25-7.47a8 8 0 0 1 8-8.53h8a51.6 51.6 0 0 0 24-5.88A52 52 0 0 0 212 76m-12 36h-4a36 36 0 0 1-36-36v-4a8 8 0 0 1 16 0v4a20 20 0 0 0 20 20h4a8 8 0 0 1 0 16M88 28a44.05 44.05 0 0 0-44 44v4a52 52 0 0 0-4 94.12A51.6 51.6 0 0 0 64 176h7.73a8.18 8.18 0 0 1 8.27 7.47a8 8 0 0 1-8 8.53h-8a67.5 67.5 0 0 1-15.21-1.73a4 4 0 0 0-4.5 5.55A47.93 47.93 0 0 0 118.51 213a4 4 0 0 0 1.49-3.12V176a32 32 0 0 0-32-32a8 8 0 0 1-8-8.42a8.18 8.18 0 0 1 8.32-7.58a47.67 47.67 0 0 1 25.48 7.54a4 4 0 0 0 6.2-3.33V43.49a4 4 0 0 0-1.14-2.81A43.85 43.85 0 0 0 88 28m8 48a36 36 0 0 1-36 36h-4a8 8 0 0 1 0-16h4a20 20 0 0 0 20-20v-4a8 8 0 0 1 16 0Z"/></svg>
React
import type { SVGProps } from "react";
export function PhBrainFill(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="M212 76v-4a44 44 0 0 0-74.86-31.31a3.93 3.93 0 0 0-1.14 2.8v88.72a4 4 0 0 0 6.2 3.33a47.67 47.67 0 0 1 25.48-7.54a8.18 8.18 0 0 1 8.31 7.58a8 8 0 0 1-8 8.42a32 32 0 0 0-32 32v33.88a4 4 0 0 0 1.49 3.12a47.92 47.92 0 0 0 74.21-17.16a4 4 0 0 0-4.49-5.56A68 68 0 0 1 192 192h-7.73a8.18 8.18 0 0 1-8.25-7.47a8 8 0 0 1 8-8.53h8a51.6 51.6 0 0 0 24-5.88A52 52 0 0 0 212 76m-12 36h-4a36 36 0 0 1-36-36v-4a8 8 0 0 1 16 0v4a20 20 0 0 0 20 20h4a8 8 0 0 1 0 16M88 28a44.05 44.05 0 0 0-44 44v4a52 52 0 0 0-4 94.12A51.6 51.6 0 0 0 64 176h7.73a8.18 8.18 0 0 1 8.27 7.47a8 8 0 0 1-8 8.53h-8a67.5 67.5 0 0 1-15.21-1.73a4 4 0 0 0-4.5 5.55A47.93 47.93 0 0 0 118.51 213a4 4 0 0 0 1.49-3.12V176a32 32 0 0 0-32-32a8 8 0 0 1-8-8.42a8.18 8.18 0 0 1 8.32-7.58a47.67 47.67 0 0 1 25.48 7.54a4 4 0 0 0 6.2-3.33V43.49a4 4 0 0 0-1.14-2.81A43.85 43.85 0 0 0 88 28m8 48a36 36 0 0 1-36 36h-4a8 8 0 0 1 0-16h4a20 20 0 0 0 20-20v-4a8 8 0 0 1 16 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 76v-4a44 44 0 0 0-74.86-31.31a3.93 3.93 0 0 0-1.14 2.8v88.72a4 4 0 0 0 6.2 3.33a47.67 47.67 0 0 1 25.48-7.54a8.18 8.18 0 0 1 8.31 7.58a8 8 0 0 1-8 8.42a32 32 0 0 0-32 32v33.88a4 4 0 0 0 1.49 3.12a47.92 47.92 0 0 0 74.21-17.16a4 4 0 0 0-4.49-5.56A68 68 0 0 1 192 192h-7.73a8.18 8.18 0 0 1-8.25-7.47a8 8 0 0 1 8-8.53h8a51.6 51.6 0 0 0 24-5.88A52 52 0 0 0 212 76m-12 36h-4a36 36 0 0 1-36-36v-4a8 8 0 0 1 16 0v4a20 20 0 0 0 20 20h4a8 8 0 0 1 0 16M88 28a44.05 44.05 0 0 0-44 44v4a52 52 0 0 0-4 94.12A51.6 51.6 0 0 0 64 176h7.73a8.18 8.18 0 0 1 8.27 7.47a8 8 0 0 1-8 8.53h-8a67.5 67.5 0 0 1-15.21-1.73a4 4 0 0 0-4.5 5.55A47.93 47.93 0 0 0 118.51 213a4 4 0 0 0 1.49-3.12V176a32 32 0 0 0-32-32a8 8 0 0 1-8-8.42a8.18 8.18 0 0 1 8.32-7.58a47.67 47.67 0 0 1 25.48 7.54a4 4 0 0 0 6.2-3.33V43.49a4 4 0 0 0-1.14-2.81A43.85 43.85 0 0 0 88 28m8 48a36 36 0 0 1-36 36h-4a8 8 0 0 1 0-16h4a20 20 0 0 0 20-20v-4a8 8 0 0 1 16 0Z"/></svg> </template>
CSS
.icon-brain-fill {
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%22M212%2076v-4a44%2044%200%200%200-74.86-31.31a3.93%203.93%200%200%200-1.14%202.8v88.72a4%204%200%200%200%206.2%203.33a47.67%2047.67%200%200%201%2025.48-7.54a8.18%208.18%200%200%201%208.31%207.58a8%208%200%200%201-8%208.42a32%2032%200%200%200-32%2032v33.88a4%204%200%200%200%201.49%203.12a47.92%2047.92%200%200%200%2074.21-17.16a4%204%200%200%200-4.49-5.56A68%2068%200%200%201%20192%20192h-7.73a8.18%208.18%200%200%201-8.25-7.47a8%208%200%200%201%208-8.53h8a51.6%2051.6%200%200%200%2024-5.88A52%2052%200%200%200%20212%2076m-12%2036h-4a36%2036%200%200%201-36-36v-4a8%208%200%200%201%2016%200v4a20%2020%200%200%200%2020%2020h4a8%208%200%200%201%200%2016M88%2028a44.05%2044.05%200%200%200-44%2044v4a52%2052%200%200%200-4%2094.12A51.6%2051.6%200%200%200%2064%20176h7.73a8.18%208.18%200%200%201%208.27%207.47a8%208%200%200%201-8%208.53h-8a67.5%2067.5%200%200%201-15.21-1.73a4%204%200%200%200-4.5%205.55A47.93%2047.93%200%200%200%20118.51%20213a4%204%200%200%200%201.49-3.12V176a32%2032%200%200%200-32-32a8%208%200%200%201-8-8.42a8.18%208.18%200%200%201%208.32-7.58a47.67%2047.67%200%200%201%2025.48%207.54a4%204%200%200%200%206.2-3.33V43.49a4%204%200%200%200-1.14-2.81A43.85%2043.85%200%200%200%2088%2028m8%2048a36%2036%200%200%201-36%2036h-4a8%208%200%200%201%200-16h4a20%2020%200%200%200%2020-20v-4a8%208%200%200%201%2016%200Z%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%22M212%2076v-4a44%2044%200%200%200-74.86-31.31a3.93%203.93%200%200%200-1.14%202.8v88.72a4%204%200%200%200%206.2%203.33a47.67%2047.67%200%200%201%2025.48-7.54a8.18%208.18%200%200%201%208.31%207.58a8%208%200%200%201-8%208.42a32%2032%200%200%200-32%2032v33.88a4%204%200%200%200%201.49%203.12a47.92%2047.92%200%200%200%2074.21-17.16a4%204%200%200%200-4.49-5.56A68%2068%200%200%201%20192%20192h-7.73a8.18%208.18%200%200%201-8.25-7.47a8%208%200%200%201%208-8.53h8a51.6%2051.6%200%200%200%2024-5.88A52%2052%200%200%200%20212%2076m-12%2036h-4a36%2036%200%200%201-36-36v-4a8%208%200%200%201%2016%200v4a20%2020%200%200%200%2020%2020h4a8%208%200%200%201%200%2016M88%2028a44.05%2044.05%200%200%200-44%2044v4a52%2052%200%200%200-4%2094.12A51.6%2051.6%200%200%200%2064%20176h7.73a8.18%208.18%200%200%201%208.27%207.47a8%208%200%200%201-8%208.53h-8a67.5%2067.5%200%200%201-15.21-1.73a4%204%200%200%200-4.5%205.55A47.93%2047.93%200%200%200%20118.51%20213a4%204%200%200%200%201.49-3.12V176a32%2032%200%200%200-32-32a8%208%200%200%201-8-8.42a8.18%208.18%200%200%201%208.32-7.58a47.67%2047.67%200%200%201%2025.48%207.54a4%204%200%200%200%206.2-3.33V43.49a4%204%200%200%200-1.14-2.81A43.85%2043.85%200%200%200%2088%2028m8%2048a36%2036%200%200%201-36%2036h-4a8%208%200%200%201%200-16h4a20%2020%200%200%200%2020-20v-4a8%208%200%200%201%2016%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/brain-fill.svg?color=%231a73e8&size=48
