The Phosphor paint brush icon depicts a tool used for applying paint, commonly utilized in UIs to represent actions related to design, customization, or editing.
Common uses
- Open color picker
- Apply theme or style
- Access design tools
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { PaintBrush } from '@phosphor-icons/react';
<PaintBrush size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<PaintBrush size={24} />thin
<PaintBrush size={24} weight="thin" />light
<PaintBrush size={24} weight="light" />bold
<PaintBrush size={24} weight="bold" />fill
<PaintBrush size={24} weight="fill" />duotone
<PaintBrush size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- colorscolor pickerartsdesigneditorobjectspaintbrushcolorartstyle
FAQ
- What is the paint brush icon used for?
- It typically signifies actions related to design, editing, or applying styles and colors within an application.
- How do I use the paint brush icon in React?
- Import it from the library and use it as a component: import { PaintBrush } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the paint brush icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →