paint brush icon

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

Name: paint-brush-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

paint-brush paint-brush-bold paint-brush-duotone paint-brush-fill paint-brush-light

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="M224 28c-20.29 0-43.16 11.24-68 33.4c-18.47 16.49-34.39 35.83-45 49.93A56 56 0 0 0 36 164c0 33.22-21.26 48-22.22 48.68A4 4 0 0 0 16 220h76a56 56 0 0 0 52.67-75c14.11-10.63 33.44-26.55 49.93-45C216.76 75.16 228 52.29 228 32a4 4 0 0 0-4-4M92 212H26.35C33.91 203.69 44 188.08 44 164a48 48 0 1 1 48 48m26.52-97.31c4.13-5.44 9.32-12 15.29-18.9a80.1 80.1 0 0 1 26.4 26.4c-6.94 6-13.46 11.16-18.9 15.29a56.3 56.3 0 0 0-22.79-22.79m47.77 2.14a88.2 88.2 0 0 0-27.12-27.12c21.83-24.28 52.09-51.08 80.65-53.53c-2.45 28.56-29.25 58.82-53.53 80.65"/></svg>

React

import type { SVGProps } from "react";

export function PhPaintBrushThin(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="M224 28c-20.29 0-43.16 11.24-68 33.4c-18.47 16.49-34.39 35.83-45 49.93A56 56 0 0 0 36 164c0 33.22-21.26 48-22.22 48.68A4 4 0 0 0 16 220h76a56 56 0 0 0 52.67-75c14.11-10.63 33.44-26.55 49.93-45C216.76 75.16 228 52.29 228 32a4 4 0 0 0-4-4M92 212H26.35C33.91 203.69 44 188.08 44 164a48 48 0 1 1 48 48m26.52-97.31c4.13-5.44 9.32-12 15.29-18.9a80.1 80.1 0 0 1 26.4 26.4c-6.94 6-13.46 11.16-18.9 15.29a56.3 56.3 0 0 0-22.79-22.79m47.77 2.14a88.2 88.2 0 0 0-27.12-27.12c21.83-24.28 52.09-51.08 80.65-53.53c-2.45 28.56-29.25 58.82-53.53 80.65"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 28c-20.29 0-43.16 11.24-68 33.4c-18.47 16.49-34.39 35.83-45 49.93A56 56 0 0 0 36 164c0 33.22-21.26 48-22.22 48.68A4 4 0 0 0 16 220h76a56 56 0 0 0 52.67-75c14.11-10.63 33.44-26.55 49.93-45C216.76 75.16 228 52.29 228 32a4 4 0 0 0-4-4M92 212H26.35C33.91 203.69 44 188.08 44 164a48 48 0 1 1 48 48m26.52-97.31c4.13-5.44 9.32-12 15.29-18.9a80.1 80.1 0 0 1 26.4 26.4c-6.94 6-13.46 11.16-18.9 15.29a56.3 56.3 0 0 0-22.79-22.79m47.77 2.14a88.2 88.2 0 0 0-27.12-27.12c21.83-24.28 52.09-51.08 80.65-53.53c-2.45 28.56-29.25 58.82-53.53 80.65"/></svg>
</template>

CSS

.icon-paint-brush-thin {
  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%22M224%2028c-20.29%200-43.16%2011.24-68%2033.4c-18.47%2016.49-34.39%2035.83-45%2049.93A56%2056%200%200%200%2036%20164c0%2033.22-21.26%2048-22.22%2048.68A4%204%200%200%200%2016%20220h76a56%2056%200%200%200%2052.67-75c14.11-10.63%2033.44-26.55%2049.93-45C216.76%2075.16%20228%2052.29%20228%2032a4%204%200%200%200-4-4M92%20212H26.35C33.91%20203.69%2044%20188.08%2044%20164a48%2048%200%201%201%2048%2048m26.52-97.31c4.13-5.44%209.32-12%2015.29-18.9a80.1%2080.1%200%200%201%2026.4%2026.4c-6.94%206-13.46%2011.16-18.9%2015.29a56.3%2056.3%200%200%200-22.79-22.79m47.77%202.14a88.2%2088.2%200%200%200-27.12-27.12c21.83-24.28%2052.09-51.08%2080.65-53.53c-2.45%2028.56-29.25%2058.82-53.53%2080.65%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%22M224%2028c-20.29%200-43.16%2011.24-68%2033.4c-18.47%2016.49-34.39%2035.83-45%2049.93A56%2056%200%200%200%2036%20164c0%2033.22-21.26%2048-22.22%2048.68A4%204%200%200%200%2016%20220h76a56%2056%200%200%200%2052.67-75c14.11-10.63%2033.44-26.55%2049.93-45C216.76%2075.16%20228%2052.29%20228%2032a4%204%200%200%200-4-4M92%20212H26.35C33.91%20203.69%2044%20188.08%2044%20164a48%2048%200%201%201%2048%2048m26.52-97.31c4.13-5.44%209.32-12%2015.29-18.9a80.1%2080.1%200%200%201%2026.4%2026.4c-6.94%206-13.46%2011.16-18.9%2015.29a56.3%2056.3%200%200%200-22.79-22.79m47.77%202.14a88.2%2088.2%200%200%200-27.12-27.12c21.83-24.28%2052.09-51.08%2080.65-53.53c-2.45%2028.56-29.25%2058.82-53.53%2080.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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