Paint Brush Subtract icon
Used to remove photo mask/selection. The Paint Brush Subtract icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Paint Brush Subtract icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { PaintBrushSubtract24Regular, PaintBrushSubtract24Filled } from "@fluentui/react-icons";
export function Example() {
return <PaintBrushSubtract24Regular aria-label="Paint Brush Subtract" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_paint_brush_subtract_24_regular.svg" width="24" height="24" alt="Paint Brush Subtract"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 2C5.33579 2 5 2.33579 5 2.75V14.2505C5 15.4932 6.00736 16.5005 7.25 16.5005H9.49976V19.5C9.49976 20.8807 10.619 22 11.9998 22C12.2475 22 12.4868 21.964 12.7127 21.8969C12.3172 21.4665 11.9791 20.9827 11.7102 20.4574C11.2991 20.3333 10.9998 19.9516 10.9998 19.5V15.7505C10.9998 15.3363 10.664 15.0005 10.2498 15.0005H7.25C6.83579 15.0005 6.5 14.6647 6.5 14.2505V12.5003H13.3461C14.4574 11.576 15.8817 11.0151 17.4366 11.0003H6.5V3.5H12.4998V5.25154C12.4998 5.66576 12.8355 6.00154 13.2498 6.00154C13.664 6.00154 13.9998 5.66576 13.9998 5.25154V3.5H14.9998V6.25112C14.9998 6.66534 15.3355 7.00112 15.7498 7.00112C16.164 7.00112 16.4998 6.66534 16.4998 6.25112V3.5H17.5V11C18.0163 11 18.5185 11.0602 19 11.1739V2.75C19 2.33579 18.6642 2 18.25 2H5.75ZM17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM20.4966 18C20.7725 18 20.9961 17.7762 20.9961 17.5C20.9961 17.2239 20.7725 17 20.4966 17H14.4956C14.2197 17 13.9961 17.2239 13.9961 17.5C13.9961 17.7762 14.2197 18 14.4956 18H20.4966Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/paint_brush_subtract_24_regular.svg";Details
| Name | Paint Brush Subtract |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_paint_brush_subtract_24_regular.svg |
| Filled file | ic_fluent_paint_brush_subtract_24_filled.svg |
| React components | PaintBrushSubtract24Regular, PaintBrushSubtract24Filled |
| License | MIT (© Microsoft Corporation) |