brush icon

brush from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
brush
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

2 other variants in IonIcons

brush-outlinebrush-sharp

The same icon in other sets

brushBootstrap IconsbrushBoxIcons v2brushBoxIcons v2 SolidbrushElement Plusbrush-fillEva IconsbrushFont Awesome 6 SolidbrushFont Awesome Solidbrushcss.ggbrushHuge IconsbrushJam IconsbrushLine AwesomebrushLucidebrushMaterial SymbolsbrushMaterial Symbols LightbrushMaterial Design Iconsbrush-fillMingCute IconbrushPixelarticonsbrush-fillRemix IconbrushTabler IconsbrushTDesign Iconsbrush-outlineTeenyiconsbrushWeb3 Icons Branded

Use the brush icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M233.15 360.11a15.7 15.7 0 0 1-4.92-.77a16 16 0 0 1-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 0 1-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0 1 79.89 0a56.51 56.51 0 0 1 .11 79.78l-219 227a16 16 0 0 1-11.53 4.9m-113.26 120c-32.14 0-65.45-16.89-84.85-43a16 16 0 0 1 12.85-25.54c5.34 0 20-4.87 20-20.57c0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11"/></svg>

React

import type { SVGProps } from "react";

export function IonBrush(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M233.15 360.11a15.7 15.7 0 0 1-4.92-.77a16 16 0 0 1-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 0 1-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0 1 79.89 0a56.51 56.51 0 0 1 .11 79.78l-219 227a16 16 0 0 1-11.53 4.9m-113.26 120c-32.14 0-65.45-16.89-84.85-43a16 16 0 0 1 12.85-25.54c5.34 0 20-4.87 20-20.57c0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M233.15 360.11a15.7 15.7 0 0 1-4.92-.77a16 16 0 0 1-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 0 1-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0 1 79.89 0a56.51 56.51 0 0 1 .11 79.78l-219 227a16 16 0 0 1-11.53 4.9m-113.26 120c-32.14 0-65.45-16.89-84.85-43a16 16 0 0 1 12.85-25.54c5.34 0 20-4.87 20-20.57c0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11"/></svg>
</template>

CSS

.icon-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M233.15%20360.11a15.7%2015.7%200%200%201-4.92-.77a16%2016%200%200%201-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16%2016%200%200%201-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57%2056.57%200%200%201%2079.89%200a56.51%2056.51%200%200%201%20.11%2079.78l-219%20227a16%2016%200%200%201-11.53%204.9m-113.26%20120c-32.14%200-65.45-16.89-84.85-43a16%2016%200%200%201%2012.85-25.54c5.34%200%2020-4.87%2020-20.57c0-39.07%2031.4-70.86%2070-70.86s70%2031.79%2070%2070.86c0%2049.12-39.48%2089.11-88%2089.11%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M233.15%20360.11a15.7%2015.7%200%200%201-4.92-.77a16%2016%200%200%201-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16%2016%200%200%201-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57%2056.57%200%200%201%2079.89%200a56.51%2056.51%200%200%201%20.11%2079.78l-219%20227a16%2016%200%200%201-11.53%204.9m-113.26%20120c-32.14%200-65.45-16.89-84.85-43a16%2016%200%200%201%2012.85-25.54c5.34%200%2020-4.87%2020-20.57c0-39.07%2031.4-70.86%2070-70.86s70%2031.79%2070%2070.86c0%2049.12-39.48%2089.11-88%2089.11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Brush icon — IonIcons · IconsDB