brain icon
brain from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- brain
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
brainBoxIcons v2brainFont Awesome 6 Solidbrain-16-filledFluent UI System IconsbrainFluent EmojibrainFluent Emoji FlatbrainFluent Emoji High ContrastbrainHuge IconsbrainIconoirbrainLine AwesomebrainLucidebrainMaterial Design Iconsbrain-fillMingCute IconbrainNoto EmojibrainOpenMojibrainPhosphorbrain-fillRemix Iconbrain-boldSolarbrainTabler IconsbrainTwitter EmojibrainUnicons
Use the brain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.299 17.596c.432 1.332 1.745 2.182 3.146 2.182H6.5A2.78 2.78 0 0 0 9.223 22c.457 0 .884-.115 1.262-.313a.99.99 0 0 0 .515-.882V3.027a1 1 0 0 0-.785-.983a2.32 2.32 0 0 0-1.479.201c-.744.356-1.18 1.151-1.18 1.978v.055a2.778 2.778 0 0 0-2.744 4.433A3.33 3.33 0 0 0 2 12c0 1.178.611 2.211 1.533 2.812c-.43.771-.571 1.746-.234 2.784m15.889-8.885a2.778 2.778 0 0 0-2.744-4.433v-.055c0-.826-.437-1.622-1.181-1.978a2.32 2.32 0 0 0-1.478-.201a1 1 0 0 0-.785.983v17.777c0 .365.192.712.516.882c.378.199.804.314 1.261.314a2.78 2.78 0 0 0 2.723-2.223h.056c1.4 0 2.714-.85 3.146-2.182c.337-1.038.196-2.013-.234-2.784A3.35 3.35 0 0 0 22 12a3.33 3.33 0 0 0-2.812-3.289"/></svg>
React
import type { SVGProps } from "react";
export function BxsBrain(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="M3.299 17.596c.432 1.332 1.745 2.182 3.146 2.182H6.5A2.78 2.78 0 0 0 9.223 22c.457 0 .884-.115 1.262-.313a.99.99 0 0 0 .515-.882V3.027a1 1 0 0 0-.785-.983a2.32 2.32 0 0 0-1.479.201c-.744.356-1.18 1.151-1.18 1.978v.055a2.778 2.778 0 0 0-2.744 4.433A3.33 3.33 0 0 0 2 12c0 1.178.611 2.211 1.533 2.812c-.43.771-.571 1.746-.234 2.784m15.889-8.885a2.778 2.778 0 0 0-2.744-4.433v-.055c0-.826-.437-1.622-1.181-1.978a2.32 2.32 0 0 0-1.478-.201a1 1 0 0 0-.785.983v17.777c0 .365.192.712.516.882c.378.199.804.314 1.261.314a2.78 2.78 0 0 0 2.723-2.223h.056c1.4 0 2.714-.85 3.146-2.182c.337-1.038.196-2.013-.234-2.784A3.35 3.35 0 0 0 22 12a3.33 3.33 0 0 0-2.812-3.289"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.299 17.596c.432 1.332 1.745 2.182 3.146 2.182H6.5A2.78 2.78 0 0 0 9.223 22c.457 0 .884-.115 1.262-.313a.99.99 0 0 0 .515-.882V3.027a1 1 0 0 0-.785-.983a2.32 2.32 0 0 0-1.479.201c-.744.356-1.18 1.151-1.18 1.978v.055a2.778 2.778 0 0 0-2.744 4.433A3.33 3.33 0 0 0 2 12c0 1.178.611 2.211 1.533 2.812c-.43.771-.571 1.746-.234 2.784m15.889-8.885a2.778 2.778 0 0 0-2.744-4.433v-.055c0-.826-.437-1.622-1.181-1.978a2.32 2.32 0 0 0-1.478-.201a1 1 0 0 0-.785.983v17.777c0 .365.192.712.516.882c.378.199.804.314 1.261.314a2.78 2.78 0 0 0 2.723-2.223h.056c1.4 0 2.714-.85 3.146-2.182c.337-1.038.196-2.013-.234-2.784A3.35 3.35 0 0 0 22 12a3.33 3.33 0 0 0-2.812-3.289"/></svg> </template>
CSS
.icon-brain {
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%22M3.299%2017.596c.432%201.332%201.745%202.182%203.146%202.182H6.5A2.78%202.78%200%200%200%209.223%2022c.457%200%20.884-.115%201.262-.313a.99.99%200%200%200%20.515-.882V3.027a1%201%200%200%200-.785-.983a2.32%202.32%200%200%200-1.479.201c-.744.356-1.18%201.151-1.18%201.978v.055a2.778%202.778%200%200%200-2.744%204.433A3.33%203.33%200%200%200%202%2012c0%201.178.611%202.211%201.533%202.812c-.43.771-.571%201.746-.234%202.784m15.889-8.885a2.778%202.778%200%200%200-2.744-4.433v-.055c0-.826-.437-1.622-1.181-1.978a2.32%202.32%200%200%200-1.478-.201a1%201%200%200%200-.785.983v17.777c0%20.365.192.712.516.882c.378.199.804.314%201.261.314a2.78%202.78%200%200%200%202.723-2.223h.056c1.4%200%202.714-.85%203.146-2.182c.337-1.038.196-2.013-.234-2.784A3.35%203.35%200%200%200%2022%2012a3.33%203.33%200%200%200-2.812-3.289%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%22M3.299%2017.596c.432%201.332%201.745%202.182%203.146%202.182H6.5A2.78%202.78%200%200%200%209.223%2022c.457%200%20.884-.115%201.262-.313a.99.99%200%200%200%20.515-.882V3.027a1%201%200%200%200-.785-.983a2.32%202.32%200%200%200-1.479.201c-.744.356-1.18%201.151-1.18%201.978v.055a2.778%202.778%200%200%200-2.744%204.433A3.33%203.33%200%200%200%202%2012c0%201.178.611%202.211%201.533%202.812c-.43.771-.571%201.746-.234%202.784m15.889-8.885a2.778%202.778%200%200%200-2.744-4.433v-.055c0-.826-.437-1.622-1.181-1.978a2.32%202.32%200%200%200-1.478-.201a1%201%200%200%200-.785.983v17.777c0%20.365.192.712.516.882c.378.199.804.314%201.261.314a2.78%202.78%200%200%200%202.723-2.223h.056c1.4%200%202.714-.85%203.146-2.182c.337-1.038.196-2.013-.234-2.784A3.35%203.35%200%200%200%2022%2012a3.33%203.33%200%200%200-2.812-3.289%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/brain.svg?color=%231a73e8&size=48
