paint brush icon
paint-brush from Font Awesome Solid by Dave Gandy · Solid · Design · CC-BY-4.0 Attribution required.
- Name
- paint-brush
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Design
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More design icons from Font Awesome Solid
Use the paint brush icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.5 74.3L291.1 222c-29.1 19.4-47.6 50.9-50.6 85.3c62.3 12.8 111.4 61.9 124.3 124.3c34.5-3 65.9-21.5 85.3-50.6l147.6-221.5c6.7-10.1 10.3-21.9 10.3-34.1c0-33.9-27.5-61.4-61.4-61.4c-12.1 0-24 3.6-34.1 10.3M320 464c0-61.9-50.1-112-112-112S96 402.1 96 464c0 3.9.2 7.8.6 11.6c1.8 17.5-10.2 36.4-27.8 36.4H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c61.9 0 112-50.1 112-112"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidPaintBrush(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.5 74.3L291.1 222c-29.1 19.4-47.6 50.9-50.6 85.3c62.3 12.8 111.4 61.9 124.3 124.3c34.5-3 65.9-21.5 85.3-50.6l147.6-221.5c6.7-10.1 10.3-21.9 10.3-34.1c0-33.9-27.5-61.4-61.4-61.4c-12.1 0-24 3.6-34.1 10.3M320 464c0-61.9-50.1-112-112-112S96 402.1 96 464c0 3.9.2 7.8.6 11.6c1.8 17.5-10.2 36.4-27.8 36.4H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c61.9 0 112-50.1 112-112"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.5 74.3L291.1 222c-29.1 19.4-47.6 50.9-50.6 85.3c62.3 12.8 111.4 61.9 124.3 124.3c34.5-3 65.9-21.5 85.3-50.6l147.6-221.5c6.7-10.1 10.3-21.9 10.3-34.1c0-33.9-27.5-61.4-61.4-61.4c-12.1 0-24 3.6-34.1 10.3M320 464c0-61.9-50.1-112-112-112S96 402.1 96 464c0 3.9.2 7.8.6 11.6c1.8 17.5-10.2 36.4-27.8 36.4H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c61.9 0 112-50.1 112-112"/></svg> </template>
CSS
.icon-paint-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512.5%2074.3L291.1%20222c-29.1%2019.4-47.6%2050.9-50.6%2085.3c62.3%2012.8%20111.4%2061.9%20124.3%20124.3c34.5-3%2065.9-21.5%2085.3-50.6l147.6-221.5c6.7-10.1%2010.3-21.9%2010.3-34.1c0-33.9-27.5-61.4-61.4-61.4c-12.1%200-24%203.6-34.1%2010.3M320%20464c0-61.9-50.1-112-112-112S96%20402.1%2096%20464c0%203.9.2%207.8.6%2011.6c1.8%2017.5-10.2%2036.4-27.8%2036.4H64c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h144c61.9%200%20112-50.1%20112-112%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512.5%2074.3L291.1%20222c-29.1%2019.4-47.6%2050.9-50.6%2085.3c62.3%2012.8%20111.4%2061.9%20124.3%20124.3c34.5-3%2065.9-21.5%2085.3-50.6l147.6-221.5c6.7-10.1%2010.3-21.9%2010.3-34.1c0-33.9-27.5-61.4-61.4-61.4c-12.1%200-24%203.6-34.1%2010.3M320%20464c0-61.9-50.1-112-112-112S96%20402.1%2096%20464c0%203.9.2%207.8.6%2011.6c1.8%2017.5-10.2%2036.4-27.8%2036.4H64c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h144c61.9%200%20112-50.1%20112-112%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/paint-brush.svg?color=%231a73e8&size=48
