brush icon
brush from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- brush
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
The same icon in other sets
brushBootstrap IconsbrushBoxIcons v2brushBoxIcons v2 Solidbrush-fillEva IconsbrushFont Awesome 6 Solidbrushcss.ggbrushHuge IconsbrushIonIconsbrushLine AwesomebrushLucidebrushMaterial SymbolsbrushMaterial Design Iconsbrush-fillMingCute IconbrushPixelarticonsbrush-fillRemix IconbrushTabler Iconsbrush-outlineTeenyicons
Use the brush icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -3 24 24"><path fill="currentColor" d="M6.816 11.556c-1.008.464-1.69 1.003-2.084 1.598a52 52 0 0 0-1.115 1.756c1.124.244 1.969.127 2.578-.281c.852-.57 1.408-1.221 1.717-1.977zm1.395-1.433l1.02 1.02c.742-.382 1.489-.987 2.234-1.832c1.139-1.29 3.061-3.588 5.757-6.88a.211.211 0 0 0-.297-.296c-3.286 2.693-5.583 4.615-6.881 5.758c-.849.746-1.454 1.491-1.833 2.23m-.903 6.168q-2.423 1.622-6.63-.298a58 58 0 0 1 2.387-3.945q.983-1.48 3.17-2.422q.728-1.688 2.487-3.236q1.98-1.743 6.936-5.803a2.21 2.21 0 0 1 3.111 3.111q-4.065 4.965-5.804 6.935q-1.467 1.662-3.067 2.408q-.645 1.946-2.59 3.249z"/></svg>
React
import type { SVGProps } from "react";
export function JamBrush(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -3 24 24"><path fill="currentColor" d="M6.816 11.556c-1.008.464-1.69 1.003-2.084 1.598a52 52 0 0 0-1.115 1.756c1.124.244 1.969.127 2.578-.281c.852-.57 1.408-1.221 1.717-1.977zm1.395-1.433l1.02 1.02c.742-.382 1.489-.987 2.234-1.832c1.139-1.29 3.061-3.588 5.757-6.88a.211.211 0 0 0-.297-.296c-3.286 2.693-5.583 4.615-6.881 5.758c-.849.746-1.454 1.491-1.833 2.23m-.903 6.168q-2.423 1.622-6.63-.298a58 58 0 0 1 2.387-3.945q.983-1.48 3.17-2.422q.728-1.688 2.487-3.236q1.98-1.743 6.936-5.803a2.21 2.21 0 0 1 3.111 3.111q-4.065 4.965-5.804 6.935q-1.467 1.662-3.067 2.408q-.645 1.946-2.59 3.249z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -3 24 24"><path fill="currentColor" d="M6.816 11.556c-1.008.464-1.69 1.003-2.084 1.598a52 52 0 0 0-1.115 1.756c1.124.244 1.969.127 2.578-.281c.852-.57 1.408-1.221 1.717-1.977zm1.395-1.433l1.02 1.02c.742-.382 1.489-.987 2.234-1.832c1.139-1.29 3.061-3.588 5.757-6.88a.211.211 0 0 0-.297-.296c-3.286 2.693-5.583 4.615-6.881 5.758c-.849.746-1.454 1.491-1.833 2.23m-.903 6.168q-2.423 1.622-6.63-.298a58 58 0 0 1 2.387-3.945q.983-1.48 3.17-2.422q.728-1.688 2.487-3.236q1.98-1.743 6.936-5.803a2.21 2.21 0 0 1 3.111 3.111q-4.065 4.965-5.804 6.935q-1.467 1.662-3.067 2.408q-.645 1.946-2.59 3.249z"/></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%22-2%20-3%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.816%2011.556c-1.008.464-1.69%201.003-2.084%201.598a52%2052%200%200%200-1.115%201.756c1.124.244%201.969.127%202.578-.281c.852-.57%201.408-1.221%201.717-1.977zm1.395-1.433l1.02%201.02c.742-.382%201.489-.987%202.234-1.832c1.139-1.29%203.061-3.588%205.757-6.88a.211.211%200%200%200-.297-.296c-3.286%202.693-5.583%204.615-6.881%205.758c-.849.746-1.454%201.491-1.833%202.23m-.903%206.168q-2.423%201.622-6.63-.298a58%2058%200%200%201%202.387-3.945q.983-1.48%203.17-2.422q.728-1.688%202.487-3.236q1.98-1.743%206.936-5.803a2.21%202.21%200%200%201%203.111%203.111q-4.065%204.965-5.804%206.935q-1.467%201.662-3.067%202.408q-.645%201.946-2.59%203.249z%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%22-2%20-3%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.816%2011.556c-1.008.464-1.69%201.003-2.084%201.598a52%2052%200%200%200-1.115%201.756c1.124.244%201.969.127%202.578-.281c.852-.57%201.408-1.221%201.717-1.977zm1.395-1.433l1.02%201.02c.742-.382%201.489-.987%202.234-1.832c1.139-1.29%203.061-3.588%205.757-6.88a.211.211%200%200%200-.297-.296c-3.286%202.693-5.583%204.615-6.881%205.758c-.849.746-1.454%201.491-1.833%202.23m-.903%206.168q-2.423%201.622-6.63-.298a58%2058%200%200%201%202.387-3.945q.983-1.48%203.17-2.422q.728-1.688%202.487-3.236q1.98-1.743%206.936-5.803a2.21%202.21%200%200%201%203.111%203.111q-4.065%204.965-5.804%206.935q-1.467%201.662-3.067%202.408q-.645%201.946-2.59%203.249z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/brush.svg?color=%231a73e8&size=48
