brush icon
brush-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- brush-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
brushBoxIcons v2brushBoxIcons v2 SolidbrushElement Plusbrush-fillEva IconsbrushFont Awesome 6 SolidbrushFont Awesome Solidbrushcss.ggbrushHuge IconsbrushIonIconsbrushJam IconsbrushLine AwesomebrushLucidebrushMaterial SymbolsbrushMaterial Symbols LightbrushMaterial Design Iconsbrush-fillMingCute IconbrushPixelarticonsbrush-fillRemix IconbrushTabler IconsbrushTDesign Iconsbrush-outlineTeenyiconsbrushWeb3 Icons Branded
Use the brush icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868c-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132a4 4 0 0 1-.562-.135a1.4 1.4 0 0 1-.466-.247a.7.7 0 0 1-.204-.288a.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452c.394-.197.625-.453.867-.826c.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848c.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608c.261-.619.658-1.419 1.187-2.069c2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04"/></svg>
React
import type { SVGProps } from "react";
export function BiBrushFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868c-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132a4 4 0 0 1-.562-.135a1.4 1.4 0 0 1-.466-.247a.7.7 0 0 1-.204-.288a.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452c.394-.197.625-.453.867-.826c.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848c.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608c.261-.619.658-1.419 1.187-2.069c2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868c-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132a4 4 0 0 1-.562-.135a1.4 1.4 0 0 1-.466-.247a.7.7 0 0 1-.204-.288a.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452c.394-.197.625-.453.867-.826c.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848c.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608c.261-.619.658-1.419 1.187-2.069c2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04"/></svg> </template>
CSS
.icon-brush-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.825.12a.5.5%200%200%201%20.132.584c-1.53%203.43-4.743%208.17-7.095%2010.64a6.1%206.1%200%200%201-2.373%201.534c-.018.227-.06.538-.16.868c-.201.659-.667%201.479-1.708%201.74a8.1%208.1%200%200%201-3.078.132a4%204%200%200%201-.562-.135a1.4%201.4%200%200%201-.466-.247a.7.7%200%200%201-.204-.288a.62.62%200%200%201%20.004-.443c.095-.245.316-.38.461-.452c.394-.197.625-.453.867-.826c.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848c.528-.739%201.201-.925%201.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608c.261-.619.658-1.419%201.187-2.069c2.176-2.67%206.18-6.206%209.117-8.104a.5.5%200%200%201%20.596.04%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.825.12a.5.5%200%200%201%20.132.584c-1.53%203.43-4.743%208.17-7.095%2010.64a6.1%206.1%200%200%201-2.373%201.534c-.018.227-.06.538-.16.868c-.201.659-.667%201.479-1.708%201.74a8.1%208.1%200%200%201-3.078.132a4%204%200%200%201-.562-.135a1.4%201.4%200%200%201-.466-.247a.7.7%200%200%201-.204-.288a.62.62%200%200%201%20.004-.443c.095-.245.316-.38.461-.452c.394-.197.625-.453.867-.826c.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848c.528-.739%201.201-.925%201.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608c.261-.619.658-1.419%201.187-2.069c2.176-2.67%206.18-6.206%209.117-8.104a.5.5%200%200%201%20.596.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/brush-fill.svg?color=%231a73e8&size=48
