Brush 2 Icon
Add Duotone Brush 2. Fully compatible with Tailwind CSS, React, Vue and 6+ modern frameworks. Ideal for creative projects. Download the optimized SVG!
Use in your project
Install the package and drop the icon into your code.
npm install @duo-icons/react
# or
yarn add @duo-icons/react
# or
pnpm add @duo-icons/reactimport { AlignBottom, AlertOctagon, AppDots } from '@duo-icons/react';Icon in action
Live preview of Brush 2 inside real UI components. Reacts to your customizer settings.
Buttons
Input fields
Alerts & notifications
Brush 2
This is an example alert using the Brush 2 duotone icon.
Action completed!
Just now
Navigation
Badges & chips
Card
Brush 2
Art & Design
Add Duotone Brush 2. Fully compatible with Tailwind CSS, React, Vue and 6+ modern frameworks. Ideal for creative projects. Download the optimized SVG!
About the Brush 2 icon
Everything you need to know about this icon and how to use it.
The Brush 2 icon is part of the DuoIcons collection, a free and open-source duotone icon library designed for modern web and mobile development. Every icon in the collection features two carefully balanced layers — a primary layer and a secondary layer with reduced opacity — creating a distinctive depth-of-field aesthetic that stands out in any UI.
Add Duotone Brush 2. Fully compatible with Tailwind CSS, React, Vue and 6+ modern frameworks. Ideal for creative projects. Download the optimized SVG! This icon is filed under the Art & Design category, making it easy to discover alongside related symbols in the same visual family.
You can personalise the Brush 2 icon directly on this page using the Customizer panel. Adjust the colour (any valid hex value or pick from the curated presets) and the size from 8 px up to 256 px. All code snippets and the live preview update instantly so you can copy exactly the code you need without any extra tooling.
The Brush 2 icon is available as a native component for React, Vue, Svelte, Flutter, Tailwind CSS and Vanilla JS through the respective DuoIcons packages. Each package is independently tree-shakeable, meaning only the icons you import are included in your final bundle. TypeScript definitions are bundled by default.
In addition to component packages, the Brush 2 icon can be exported in multiple formats including plain SVG, an SVG symbol sprite, a base-64 Data URI for CSS backgrounds, and a high-resolution PNG at 512 px. A Figma source file is also available for designers who want to work directly with the vector shapes.
All DuoIcons — including Brush 2 — are released under the MIT License. You are free to use them in personal projects, commercial products, open-source libraries, and SaaS applications without attribution. Contributions, bug reports, and icon requests are always welcome on GitHub.
- Category
- Art & Design
- License
- MIT — free forever
- Slug
brush-2- Tailwind class
duo-icons-brush-2
Available formats
Related icons
More icons from Art & Design
Frequently asked questions
Common questions about the Brush 2 icon and DuoIcons.
You can use the Brush 2 icon in several ways: copy it as a plain SVG and paste it directly into your HTML, install the framework-specific package (@duo-icons/react, @duo-icons/vue, @duo-icons/svelte, etc.) and import it as a component, or use the Tailwind CSS plugin and apply the class duo-icons-brush-2 to any element. All options are shown in the code examples section above.
Still have questions? Contact us or open an issue on GitHub.
View all DuoIcons