brush icon
brush from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- brush
- Set
- Bootstrap Icons
- Style
- Outline
- 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.04M4.705 11.912a1.2 1.2 0 0 0-.419-.1c-.246-.013-.573.05-.879.479c-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4 3.4 0 0 1-.76.861c.69.112 1.736.111 2.657-.12c.559-.139.843-.569.993-1.06a3 3 0 0 0 .126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1 5.1 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631c-2.59 1.927-5.566 4.66-7.302 6.792c-.442.543-.795 1.243-1.042 1.826c-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04l.007-.005zm3.582-3.043l.002.001h-.002z"/></svg>
React
import type { SVGProps } from "react";
export function BiBrush(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.04M4.705 11.912a1.2 1.2 0 0 0-.419-.1c-.246-.013-.573.05-.879.479c-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4 3.4 0 0 1-.76.861c.69.112 1.736.111 2.657-.12c.559-.139.843-.569.993-1.06a3 3 0 0 0 .126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1 5.1 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631c-2.59 1.927-5.566 4.66-7.302 6.792c-.442.543-.795 1.243-1.042 1.826c-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04l.007-.005zm3.582-3.043l.002.001h-.002z"/></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.04M4.705 11.912a1.2 1.2 0 0 0-.419-.1c-.246-.013-.573.05-.879.479c-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4 3.4 0 0 1-.76.861c.69.112 1.736.111 2.657-.12c.559-.139.843-.569.993-1.06a3 3 0 0 0 .126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1 5.1 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631c-2.59 1.927-5.566 4.66-7.302 6.792c-.442.543-.795 1.243-1.042 1.826c-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04l.007-.005zm3.582-3.043l.002.001h-.002z"/></svg> </template>
CSS
.icon-brush {
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.04M4.705%2011.912a1.2%201.2%200%200%200-.419-.1c-.246-.013-.573.05-.879.479c-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4%203.4%200%200%201-.76.861c.69.112%201.736.111%202.657-.12c.559-.139.843-.569.993-1.06a3%203%200%200%200%20.126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1%205.1%200%200%200%201.535-1.1c1.9-1.996%204.412-5.57%206.052-8.631c-2.59%201.927-5.566%204.66-7.302%206.792c-.442.543-.795%201.243-1.042%201.826c-.121.288-.214.54-.275.72v.001l.575.575zm-4.973%203.04l.007-.005zm3.582-3.043l.002.001h-.002z%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.04M4.705%2011.912a1.2%201.2%200%200%200-.419-.1c-.246-.013-.573.05-.879.479c-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4%203.4%200%200%201-.76.861c.69.112%201.736.111%202.657-.12c.559-.139.843-.569.993-1.06a3%203%200%200%200%20.126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1%205.1%200%200%200%201.535-1.1c1.9-1.996%204.412-5.57%206.052-8.631c-2.59%201.927-5.566%204.66-7.302%206.792c-.442.543-.795%201.243-1.042%201.826c-.121.288-.214.54-.275.72v.001l.575.575zm-4.973%203.04l.007-.005zm3.582-3.043l.002.001h-.002z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/brush.svg?color=%231a73e8&size=48
