paint brush icon

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

Name: paint-brush-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

paint-brush paint-brush-bold paint-brush-duotone paint-brush-fill 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="M224 26c-20.8 0-44.11 11.41-69.3 33.9c-18.08 16.16-33.7 35-44.4 49.1A58 58 0 0 0 34 164c0 32.07-20.43 46.39-21.35 47A6 6 0 0 0 16 222h76a58 58 0 0 0 55-76.3c14.08-10.67 32.92-26.32 49.08-44.4C218.59 76.11 230 52.8 230 32a6 6 0 0 0-6-6M92 210H30.65C37.92 200.85 46 185.78 46 164a46 46 0 1 1 46 46m29.49-95.91c3.6-4.67 7.88-10 12.71-15.69a78.2 78.2 0 0 1 23.4 23.4c-5.67 4.83-11 9.11-15.69 12.71a58.4 58.4 0 0 0-20.42-20.42m45.2-.3a90.2 90.2 0 0 0-24.48-24.48C163.05 66.46 191 42 217.56 38.44C214 65 189.54 93 166.69 113.79"/></svg>

React

import type { SVGProps } from "react";

export function PhPaintBrushLight(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 26c-20.8 0-44.11 11.41-69.3 33.9c-18.08 16.16-33.7 35-44.4 49.1A58 58 0 0 0 34 164c0 32.07-20.43 46.39-21.35 47A6 6 0 0 0 16 222h76a58 58 0 0 0 55-76.3c14.08-10.67 32.92-26.32 49.08-44.4C218.59 76.11 230 52.8 230 32a6 6 0 0 0-6-6M92 210H30.65C37.92 200.85 46 185.78 46 164a46 46 0 1 1 46 46m29.49-95.91c3.6-4.67 7.88-10 12.71-15.69a78.2 78.2 0 0 1 23.4 23.4c-5.67 4.83-11 9.11-15.69 12.71a58.4 58.4 0 0 0-20.42-20.42m45.2-.3a90.2 90.2 0 0 0-24.48-24.48C163.05 66.46 191 42 217.56 38.44C214 65 189.54 93 166.69 113.79"/></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 26c-20.8 0-44.11 11.41-69.3 33.9c-18.08 16.16-33.7 35-44.4 49.1A58 58 0 0 0 34 164c0 32.07-20.43 46.39-21.35 47A6 6 0 0 0 16 222h76a58 58 0 0 0 55-76.3c14.08-10.67 32.92-26.32 49.08-44.4C218.59 76.11 230 52.8 230 32a6 6 0 0 0-6-6M92 210H30.65C37.92 200.85 46 185.78 46 164a46 46 0 1 1 46 46m29.49-95.91c3.6-4.67 7.88-10 12.71-15.69a78.2 78.2 0 0 1 23.4 23.4c-5.67 4.83-11 9.11-15.69 12.71a58.4 58.4 0 0 0-20.42-20.42m45.2-.3a90.2 90.2 0 0 0-24.48-24.48C163.05 66.46 191 42 217.56 38.44C214 65 189.54 93 166.69 113.79"/></svg>
</template>

CSS

.icon-paint-brush-light {
  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%2026c-20.8%200-44.11%2011.41-69.3%2033.9c-18.08%2016.16-33.7%2035-44.4%2049.1A58%2058%200%200%200%2034%20164c0%2032.07-20.43%2046.39-21.35%2047A6%206%200%200%200%2016%20222h76a58%2058%200%200%200%2055-76.3c14.08-10.67%2032.92-26.32%2049.08-44.4C218.59%2076.11%20230%2052.8%20230%2032a6%206%200%200%200-6-6M92%20210H30.65C37.92%20200.85%2046%20185.78%2046%20164a46%2046%200%201%201%2046%2046m29.49-95.91c3.6-4.67%207.88-10%2012.71-15.69a78.2%2078.2%200%200%201%2023.4%2023.4c-5.67%204.83-11%209.11-15.69%2012.71a58.4%2058.4%200%200%200-20.42-20.42m45.2-.3a90.2%2090.2%200%200%200-24.48-24.48C163.05%2066.46%20191%2042%20217.56%2038.44C214%2065%20189.54%2093%20166.69%20113.79%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%2026c-20.8%200-44.11%2011.41-69.3%2033.9c-18.08%2016.16-33.7%2035-44.4%2049.1A58%2058%200%200%200%2034%20164c0%2032.07-20.43%2046.39-21.35%2047A6%206%200%200%200%2016%20222h76a58%2058%200%200%200%2055-76.3c14.08-10.67%2032.92-26.32%2049.08-44.4C218.59%2076.11%20230%2052.8%20230%2032a6%206%200%200%200-6-6M92%20210H30.65C37.92%20200.85%2046%20185.78%2046%20164a46%2046%200%201%201%2046%2046m29.49-95.91c3.6-4.67%207.88-10%2012.71-15.69a78.2%2078.2%200%200%201%2023.4%2023.4c-5.67%204.83-11%209.11-15.69%2012.71a58.4%2058.4%200%200%200-20.42-20.42m45.2-.3a90.2%2090.2%200%200%200-24.48-24.48C163.05%2066.46%20191%2042%20217.56%2038.44C214%2065%20189.54%2093%20166.69%20113.79%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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