paint brush icon

paint-brush-solid from HeroIcons by Refactoring UI Inc · Solid 24x24 · MIT Free for personal and commercial use.

Name: paint-brush-solid
Set: HeroIcons
Style: Solid 24x24
Viewbox: 24×24
License: MIT

3 other variants in HeroIcons

paint-brush paint-brush-16-solid paint-brush-20-solid

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-brushLine Awesome paint-brush-fillMingCute Icon paint-brushPhosphor paint-brush-fillRemix Icon paint-brush-boldSolar

Use the paint brush icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.599 1.5c-.376 0-.743.111-1.055.32l-5.08 3.385a18.8 18.8 0 0 0-3.471 2.987a10.04 10.04 0 0 1 4.815 4.815a18.8 18.8 0 0 0 2.987-3.472l3.386-5.079A1.902 1.902 0 0 0 20.599 1.5m-8.3 14.025a19 19 0 0 0 1.896-1.207a8.03 8.03 0 0 0-4.513-4.513A19 19 0 0 0 8.475 11.7l-.278.5a5.26 5.26 0 0 1 3.601 3.602zM6.75 13.5A3.75 3.75 0 0 0 3 17.25a1.5 1.5 0 0 1-1.601 1.497a.75.75 0 0 0-.7 1.123a5.25 5.25 0 0 0 9.8-2.62a3.75 3.75 0 0 0-3.75-3.75" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function HeroiconsPaintBrushSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M20.599 1.5c-.376 0-.743.111-1.055.32l-5.08 3.385a18.8 18.8 0 0 0-3.471 2.987a10.04 10.04 0 0 1 4.815 4.815a18.8 18.8 0 0 0 2.987-3.472l3.386-5.079A1.902 1.902 0 0 0 20.599 1.5m-8.3 14.025a19 19 0 0 0 1.896-1.207a8.03 8.03 0 0 0-4.513-4.513A19 19 0 0 0 8.475 11.7l-.278.5a5.26 5.26 0 0 1 3.601 3.602zM6.75 13.5A3.75 3.75 0 0 0 3 17.25a1.5 1.5 0 0 1-1.601 1.497a.75.75 0 0 0-.7 1.123a5.25 5.25 0 0 0 9.8-2.62a3.75 3.75 0 0 0-3.75-3.75" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.599 1.5c-.376 0-.743.111-1.055.32l-5.08 3.385a18.8 18.8 0 0 0-3.471 2.987a10.04 10.04 0 0 1 4.815 4.815a18.8 18.8 0 0 0 2.987-3.472l3.386-5.079A1.902 1.902 0 0 0 20.599 1.5m-8.3 14.025a19 19 0 0 0 1.896-1.207a8.03 8.03 0 0 0-4.513-4.513A19 19 0 0 0 8.475 11.7l-.278.5a5.26 5.26 0 0 1 3.601 3.602zM6.75 13.5A3.75 3.75 0 0 0 3 17.25a1.5 1.5 0 0 1-1.601 1.497a.75.75 0 0 0-.7 1.123a5.25 5.25 0 0 0 9.8-2.62a3.75 3.75 0 0 0-3.75-3.75" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-paint-brush-solid {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.599%201.5c-.376%200-.743.111-1.055.32l-5.08%203.385a18.8%2018.8%200%200%200-3.471%202.987a10.04%2010.04%200%200%201%204.815%204.815a18.8%2018.8%200%200%200%202.987-3.472l3.386-5.079A1.902%201.902%200%200%200%2020.599%201.5m-8.3%2014.025a19%2019%200%200%200%201.896-1.207a8.03%208.03%200%200%200-4.513-4.513A19%2019%200%200%200%208.475%2011.7l-.278.5a5.26%205.26%200%200%201%203.601%203.602zM6.75%2013.5A3.75%203.75%200%200%200%203%2017.25a1.5%201.5%200%200%201-1.601%201.497a.75.75%200%200%200-.7%201.123a5.25%205.25%200%200%200%209.8-2.62a3.75%203.75%200%200%200-3.75-3.75%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.599%201.5c-.376%200-.743.111-1.055.32l-5.08%203.385a18.8%2018.8%200%200%200-3.471%202.987a10.04%2010.04%200%200%201%204.815%204.815a18.8%2018.8%200%200%200%202.987-3.472l3.386-5.079A1.902%201.902%200%200%200%2020.599%201.5m-8.3%2014.025a19%2019%200%200%200%201.896-1.207a8.03%208.03%200%200%200-4.513-4.513A19%2019%200%200%200%208.475%2011.7l-.278.5a5.26%205.26%200%200%201%203.601%203.602zM6.75%2013.5A3.75%203.75%200%200%200%203%2017.25a1.5%201.5%200%200%201-1.601%201.497a.75.75%200%200%200-.7%201.123a5.25%205.25%200%200%200%209.8-2.62a3.75%203.75%200%200%200-3.75-3.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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