paint brush icon

paint-brush-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: paint-brush-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

paint-brush paint-brush-duotone paint-brush-fill paint-brush-light paint-brush-thin

The same icon in other sets

paint-brushCarbon paint-brushFont Awesome Solid paint-brush-12-filledFluent UI System Icons paint-brush-16Fluent UI System Color Icons paint-brushHeroIcons paint-brushLine Awesome paint-brush-fillMingCute Icon paint-brush-fillRemix Icon paint-brush-boldSolar

Related icons in Phosphor

paint-brush-broad paint-brush-household paint-bucket paint-roller

Use the paint brush icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 32a12 12 0 0 0-12-12c-44.78 0-90 48.54-115.9 82a64 64 0 0 0-80 62c0 12-3.1 22.71-9.23 31.76a43 43 0 0 1-9.47 10.29a11.88 11.88 0 0 0-4.91 13.38A12.07 12.07 0 0 0 16.11 228h76A64 64 0 0 0 154 148c33.49-25.95 82-71.2 82-116m-26.38 14.39c-4 12.92-13.15 27.49-26.92 42.91c-3 3.39-6.16 6.7-9.35 9.89a104.3 104.3 0 0 0-16.5-16.51c3.19-3.19 6.49-6.32 9.88-9.35c15.42-13.78 29.98-22.9 42.89-26.94M92.07 204H42a80.17 80.17 0 0 0 10.14-40a40 40 0 1 1 40 40Zm38.18-91.32c3.12-3.93 6.55-8.09 10.23-12.35a80.5 80.5 0 0 1 15.23 15.24a388 388 0 0 1-12.35 10.23a64.4 64.4 0 0 0-13.11-13.12"/></svg>

React

import type { SVGProps } from "react";

export function PhPaintBrushBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 32a12 12 0 0 0-12-12c-44.78 0-90 48.54-115.9 82a64 64 0 0 0-80 62c0 12-3.1 22.71-9.23 31.76a43 43 0 0 1-9.47 10.29a11.88 11.88 0 0 0-4.91 13.38A12.07 12.07 0 0 0 16.11 228h76A64 64 0 0 0 154 148c33.49-25.95 82-71.2 82-116m-26.38 14.39c-4 12.92-13.15 27.49-26.92 42.91c-3 3.39-6.16 6.7-9.35 9.89a104.3 104.3 0 0 0-16.5-16.51c3.19-3.19 6.49-6.32 9.88-9.35c15.42-13.78 29.98-22.9 42.89-26.94M92.07 204H42a80.17 80.17 0 0 0 10.14-40a40 40 0 1 1 40 40Zm38.18-91.32c3.12-3.93 6.55-8.09 10.23-12.35a80.5 80.5 0 0 1 15.23 15.24a388 388 0 0 1-12.35 10.23a64.4 64.4 0 0 0-13.11-13.12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 32a12 12 0 0 0-12-12c-44.78 0-90 48.54-115.9 82a64 64 0 0 0-80 62c0 12-3.1 22.71-9.23 31.76a43 43 0 0 1-9.47 10.29a11.88 11.88 0 0 0-4.91 13.38A12.07 12.07 0 0 0 16.11 228h76A64 64 0 0 0 154 148c33.49-25.95 82-71.2 82-116m-26.38 14.39c-4 12.92-13.15 27.49-26.92 42.91c-3 3.39-6.16 6.7-9.35 9.89a104.3 104.3 0 0 0-16.5-16.51c3.19-3.19 6.49-6.32 9.88-9.35c15.42-13.78 29.98-22.9 42.89-26.94M92.07 204H42a80.17 80.17 0 0 0 10.14-40a40 40 0 1 1 40 40Zm38.18-91.32c3.12-3.93 6.55-8.09 10.23-12.35a80.5 80.5 0 0 1 15.23 15.24a388 388 0 0 1-12.35 10.23a64.4 64.4 0 0 0-13.11-13.12"/></svg>
</template>

CSS

.icon-paint-brush-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236%2032a12%2012%200%200%200-12-12c-44.78%200-90%2048.54-115.9%2082a64%2064%200%200%200-80%2062c0%2012-3.1%2022.71-9.23%2031.76a43%2043%200%200%201-9.47%2010.29a11.88%2011.88%200%200%200-4.91%2013.38A12.07%2012.07%200%200%200%2016.11%20228h76A64%2064%200%200%200%20154%20148c33.49-25.95%2082-71.2%2082-116m-26.38%2014.39c-4%2012.92-13.15%2027.49-26.92%2042.91c-3%203.39-6.16%206.7-9.35%209.89a104.3%20104.3%200%200%200-16.5-16.51c3.19-3.19%206.49-6.32%209.88-9.35c15.42-13.78%2029.98-22.9%2042.89-26.94M92.07%20204H42a80.17%2080.17%200%200%200%2010.14-40a40%2040%200%201%201%2040%2040Zm38.18-91.32c3.12-3.93%206.55-8.09%2010.23-12.35a80.5%2080.5%200%200%201%2015.23%2015.24a388%20388%200%200%201-12.35%2010.23a64.4%2064.4%200%200%200-13.11-13.12%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236%2032a12%2012%200%200%200-12-12c-44.78%200-90%2048.54-115.9%2082a64%2064%200%200%200-80%2062c0%2012-3.1%2022.71-9.23%2031.76a43%2043%200%200%201-9.47%2010.29a11.88%2011.88%200%200%200-4.91%2013.38A12.07%2012.07%200%200%200%2016.11%20228h76A64%2064%200%200%200%20154%20148c33.49-25.95%2082-71.2%2082-116m-26.38%2014.39c-4%2012.92-13.15%2027.49-26.92%2042.91c-3%203.39-6.16%206.7-9.35%209.89a104.3%20104.3%200%200%200-16.5-16.51c3.19-3.19%206.49-6.32%209.88-9.35c15.42-13.78%2029.98-22.9%2042.89-26.94M92.07%20204H42a80.17%2080.17%200%200%200%2010.14-40a40%2040%200%201%201%2040%2040Zm38.18-91.32c3.12-3.93%206.55-8.09%2010.23-12.35a80.5%2080.5%200%200%201%2015.23%2015.24a388%20388%200%200%201-12.35%2010.23a64.4%2064.4%200%200%200-13.11-13.12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/paint-brush-bold.svg?color=%231a73e8&size=48