brush icon

brush-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name
brush-sharp
Set
IonIcons
Style
Sharp
Viewbox
512×512
License
MIT

2 other variants in IonIcons

brushbrush-outline

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="m480 96l-64-64l-244 260l64 64ZM142 320c-36.52 0-66 30.63-66 68.57c0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43c0-37.94-29.48-68.57-66-68.57"/></svg>

React

import type { SVGProps } from "react";

export function IonBrushSharp(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="m480 96l-64-64l-244 260l64 64ZM142 320c-36.52 0-66 30.63-66 68.57c0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43c0-37.94-29.48-68.57-66-68.57"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m480 96l-64-64l-244 260l64 64ZM142 320c-36.52 0-66 30.63-66 68.57c0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43c0-37.94-29.48-68.57-66-68.57"/></svg>
</template>

CSS

.icon-brush-sharp {
  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%22m480%2096l-64-64l-244%20260l64%2064ZM142%20320c-36.52%200-66%2030.63-66%2068.57c0%2025.43-31%2045.72-44%2045.72C52.24%20462.17%2086.78%20480%20120%20480c48.62%200%2088-40.91%2088-91.43c0-37.94-29.48-68.57-66-68.57%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%22m480%2096l-64-64l-244%20260l64%2064ZM142%20320c-36.52%200-66%2030.63-66%2068.57c0%2025.43-31%2045.72-44%2045.72C52.24%20462.17%2086.78%20480%20120%20480c48.62%200%2088-40.91%2088-91.43c0-37.94-29.48-68.57-66-68.57%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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