brush icon

brush-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.

Name
brush-fill
Set
Eva Icons
Style
Fill
Viewbox
24×24
License
MIT

1 other variant in Eva Icons

brush-outline

The same icon in other sets

brushBootstrap IconsbrushBoxIcons v2brushBoxIcons v2 SolidbrushElement PlusbrushFont Awesome 6 SolidbrushFont Awesome Solidbrushcss.ggbrushHuge IconsbrushIonIconsbrushJam 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 24 24"><path fill="currentColor" d="M7.12 12.55a4 4 0 0 0-3.07 3.86v3.11a.47.47 0 0 0 .48.48l3.24-.06a3.78 3.78 0 0 0 3.44-2.2a3.65 3.65 0 0 0-4.09-5.19m12.14-8.09a2.14 2.14 0 0 0-2.88.21L10 11.08a.47.47 0 0 0 0 .66L12.25 14a.47.47 0 0 0 .66 0l6.49-6.47a2.06 2.06 0 0 0 .6-1.47a2 2 0 0 0-.74-1.6"/></svg>

React

import type { SVGProps } from "react";

export function EvaBrushFill(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" d="M7.12 12.55a4 4 0 0 0-3.07 3.86v3.11a.47.47 0 0 0 .48.48l3.24-.06a3.78 3.78 0 0 0 3.44-2.2a3.65 3.65 0 0 0-4.09-5.19m12.14-8.09a2.14 2.14 0 0 0-2.88.21L10 11.08a.47.47 0 0 0 0 .66L12.25 14a.47.47 0 0 0 .66 0l6.49-6.47a2.06 2.06 0 0 0 .6-1.47a2 2 0 0 0-.74-1.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.12 12.55a4 4 0 0 0-3.07 3.86v3.11a.47.47 0 0 0 .48.48l3.24-.06a3.78 3.78 0 0 0 3.44-2.2a3.65 3.65 0 0 0-4.09-5.19m12.14-8.09a2.14 2.14 0 0 0-2.88.21L10 11.08a.47.47 0 0 0 0 .66L12.25 14a.47.47 0 0 0 .66 0l6.49-6.47a2.06 2.06 0 0 0 .6-1.47a2 2 0 0 0-.74-1.6"/></svg>
</template>

CSS

.icon-brush-fill {
  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%20d%3D%22M7.12%2012.55a4%204%200%200%200-3.07%203.86v3.11a.47.47%200%200%200%20.48.48l3.24-.06a3.78%203.78%200%200%200%203.44-2.2a3.65%203.65%200%200%200-4.09-5.19m12.14-8.09a2.14%202.14%200%200%200-2.88.21L10%2011.08a.47.47%200%200%200%200%20.66L12.25%2014a.47.47%200%200%200%20.66%200l6.49-6.47a2.06%202.06%200%200%200%20.6-1.47a2%202%200%200%200-.74-1.6%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%20d%3D%22M7.12%2012.55a4%204%200%200%200-3.07%203.86v3.11a.47.47%200%200%200%20.48.48l3.24-.06a3.78%203.78%200%200%200%203.44-2.2a3.65%203.65%200%200%200-4.09-5.19m12.14-8.09a2.14%202.14%200%200%200-2.88.21L10%2011.08a.47.47%200%200%200%200%20.66L12.25%2014a.47.47%200%200%200%20.66%200l6.49-6.47a2.06%202.06%200%200%200%20.6-1.47a2%202%200%200%200-.74-1.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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