brain icon
brain from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- brain
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-brain
The same icon in other sets
brainBoxIcons v2 SolidbrainFont 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="M19.864 8.465a3.505 3.505 0 0 0-3.03-4.449A3.005 3.005 0 0 0 14 2a2.98 2.98 0 0 0-2 .78A2.98 2.98 0 0 0 10 2c-1.301 0-2.41.831-2.825 2.015a3.505 3.505 0 0 0-3.039 4.45A4.03 4.03 0 0 0 2 12c0 1.075.428 2.086 1.172 2.832A4 4 0 0 0 3 16c0 1.957 1.412 3.59 3.306 3.934A3.52 3.52 0 0 0 9.5 22c.979 0 1.864-.407 2.5-1.059A3.48 3.48 0 0 0 14.5 22a3.51 3.51 0 0 0 3.19-2.06a4.006 4.006 0 0 0 3.138-5.108A4 4 0 0 0 22 12a4.03 4.03 0 0 0-2.136-3.535M9.5 20c-.711 0-1.33-.504-1.47-1.198L7.818 18H7c-1.103 0-2-.897-2-2c0-.352.085-.682.253-.981l.456-.816l-.784-.51A2.02 2.02 0 0 1 4 12c0-.977.723-1.824 1.682-1.972l1.693-.26l-1.059-1.346a1.502 1.502 0 0 1 1.498-2.39L9 6.207V5a1 1 0 0 1 2 0v13.5c0 .827-.673 1.5-1.5 1.5m9.575-6.308l-.784.51l.456.816q.252.452.253.982c0 1.103-.897 2-2.05 2h-.818l-.162.802A1.5 1.5 0 0 1 14.5 20c-.827 0-1.5-.673-1.5-1.5V5c0-.552.448-1 1-1s1 .448 1 1.05v1.207l1.186-.225a1.502 1.502 0 0 1 1.498 2.39l-1.059 1.347l1.693.26A2 2 0 0 1 20 12c0 .683-.346 1.315-.925 1.692"/></svg>
React
import type { SVGProps } from "react";
export function BxBrain(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="M19.864 8.465a3.505 3.505 0 0 0-3.03-4.449A3.005 3.005 0 0 0 14 2a2.98 2.98 0 0 0-2 .78A2.98 2.98 0 0 0 10 2c-1.301 0-2.41.831-2.825 2.015a3.505 3.505 0 0 0-3.039 4.45A4.03 4.03 0 0 0 2 12c0 1.075.428 2.086 1.172 2.832A4 4 0 0 0 3 16c0 1.957 1.412 3.59 3.306 3.934A3.52 3.52 0 0 0 9.5 22c.979 0 1.864-.407 2.5-1.059A3.48 3.48 0 0 0 14.5 22a3.51 3.51 0 0 0 3.19-2.06a4.006 4.006 0 0 0 3.138-5.108A4 4 0 0 0 22 12a4.03 4.03 0 0 0-2.136-3.535M9.5 20c-.711 0-1.33-.504-1.47-1.198L7.818 18H7c-1.103 0-2-.897-2-2c0-.352.085-.682.253-.981l.456-.816l-.784-.51A2.02 2.02 0 0 1 4 12c0-.977.723-1.824 1.682-1.972l1.693-.26l-1.059-1.346a1.502 1.502 0 0 1 1.498-2.39L9 6.207V5a1 1 0 0 1 2 0v13.5c0 .827-.673 1.5-1.5 1.5m9.575-6.308l-.784.51l.456.816q.252.452.253.982c0 1.103-.897 2-2.05 2h-.818l-.162.802A1.5 1.5 0 0 1 14.5 20c-.827 0-1.5-.673-1.5-1.5V5c0-.552.448-1 1-1s1 .448 1 1.05v1.207l1.186-.225a1.502 1.502 0 0 1 1.498 2.39l-1.059 1.347l1.693.26A2 2 0 0 1 20 12c0 .683-.346 1.315-.925 1.692"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.864 8.465a3.505 3.505 0 0 0-3.03-4.449A3.005 3.005 0 0 0 14 2a2.98 2.98 0 0 0-2 .78A2.98 2.98 0 0 0 10 2c-1.301 0-2.41.831-2.825 2.015a3.505 3.505 0 0 0-3.039 4.45A4.03 4.03 0 0 0 2 12c0 1.075.428 2.086 1.172 2.832A4 4 0 0 0 3 16c0 1.957 1.412 3.59 3.306 3.934A3.52 3.52 0 0 0 9.5 22c.979 0 1.864-.407 2.5-1.059A3.48 3.48 0 0 0 14.5 22a3.51 3.51 0 0 0 3.19-2.06a4.006 4.006 0 0 0 3.138-5.108A4 4 0 0 0 22 12a4.03 4.03 0 0 0-2.136-3.535M9.5 20c-.711 0-1.33-.504-1.47-1.198L7.818 18H7c-1.103 0-2-.897-2-2c0-.352.085-.682.253-.981l.456-.816l-.784-.51A2.02 2.02 0 0 1 4 12c0-.977.723-1.824 1.682-1.972l1.693-.26l-1.059-1.346a1.502 1.502 0 0 1 1.498-2.39L9 6.207V5a1 1 0 0 1 2 0v13.5c0 .827-.673 1.5-1.5 1.5m9.575-6.308l-.784.51l.456.816q.252.452.253.982c0 1.103-.897 2-2.05 2h-.818l-.162.802A1.5 1.5 0 0 1 14.5 20c-.827 0-1.5-.673-1.5-1.5V5c0-.552.448-1 1-1s1 .448 1 1.05v1.207l1.186-.225a1.502 1.502 0 0 1 1.498 2.39l-1.059 1.347l1.693.26A2 2 0 0 1 20 12c0 .683-.346 1.315-.925 1.692"/></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%22M19.864%208.465a3.505%203.505%200%200%200-3.03-4.449A3.005%203.005%200%200%200%2014%202a2.98%202.98%200%200%200-2%20.78A2.98%202.98%200%200%200%2010%202c-1.301%200-2.41.831-2.825%202.015a3.505%203.505%200%200%200-3.039%204.45A4.03%204.03%200%200%200%202%2012c0%201.075.428%202.086%201.172%202.832A4%204%200%200%200%203%2016c0%201.957%201.412%203.59%203.306%203.934A3.52%203.52%200%200%200%209.5%2022c.979%200%201.864-.407%202.5-1.059A3.48%203.48%200%200%200%2014.5%2022a3.51%203.51%200%200%200%203.19-2.06a4.006%204.006%200%200%200%203.138-5.108A4%204%200%200%200%2022%2012a4.03%204.03%200%200%200-2.136-3.535M9.5%2020c-.711%200-1.33-.504-1.47-1.198L7.818%2018H7c-1.103%200-2-.897-2-2c0-.352.085-.682.253-.981l.456-.816l-.784-.51A2.02%202.02%200%200%201%204%2012c0-.977.723-1.824%201.682-1.972l1.693-.26l-1.059-1.346a1.502%201.502%200%200%201%201.498-2.39L9%206.207V5a1%201%200%200%201%202%200v13.5c0%20.827-.673%201.5-1.5%201.5m9.575-6.308l-.784.51l.456.816q.252.452.253.982c0%201.103-.897%202-2.05%202h-.818l-.162.802A1.5%201.5%200%200%201%2014.5%2020c-.827%200-1.5-.673-1.5-1.5V5c0-.552.448-1%201-1s1%20.448%201%201.05v1.207l1.186-.225a1.502%201.502%200%200%201%201.498%202.39l-1.059%201.347l1.693.26A2%202%200%200%201%2020%2012c0%20.683-.346%201.315-.925%201.692%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%22M19.864%208.465a3.505%203.505%200%200%200-3.03-4.449A3.005%203.005%200%200%200%2014%202a2.98%202.98%200%200%200-2%20.78A2.98%202.98%200%200%200%2010%202c-1.301%200-2.41.831-2.825%202.015a3.505%203.505%200%200%200-3.039%204.45A4.03%204.03%200%200%200%202%2012c0%201.075.428%202.086%201.172%202.832A4%204%200%200%200%203%2016c0%201.957%201.412%203.59%203.306%203.934A3.52%203.52%200%200%200%209.5%2022c.979%200%201.864-.407%202.5-1.059A3.48%203.48%200%200%200%2014.5%2022a3.51%203.51%200%200%200%203.19-2.06a4.006%204.006%200%200%200%203.138-5.108A4%204%200%200%200%2022%2012a4.03%204.03%200%200%200-2.136-3.535M9.5%2020c-.711%200-1.33-.504-1.47-1.198L7.818%2018H7c-1.103%200-2-.897-2-2c0-.352.085-.682.253-.981l.456-.816l-.784-.51A2.02%202.02%200%200%201%204%2012c0-.977.723-1.824%201.682-1.972l1.693-.26l-1.059-1.346a1.502%201.502%200%200%201%201.498-2.39L9%206.207V5a1%201%200%200%201%202%200v13.5c0%20.827-.673%201.5-1.5%201.5m9.575-6.308l-.784.51l.456.816q.252.452.253.982c0%201.103-.897%202-2.05%202h-.818l-.162.802A1.5%201.5%200%200%201%2014.5%2020c-.827%200-1.5-.673-1.5-1.5V5c0-.552.448-1%201-1s1%20.448%201%201.05v1.207l1.186-.225a1.502%201.502%200%200%201%201.498%202.39l-1.059%201.347l1.693.26A2%202%200%200%201%2020%2012c0%20.683-.346%201.315-.925%201.692%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/brain.svg?color=%231a73e8&size=48
