Feather Icons Icons
Simply beautiful open-source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
About Feather Icons
Simply beautiful open-source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 286 icons in this library |
| License | MIT |
| Creator | Cole Bemis |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Feather Icons Icons
1. Search the library
Head to Browse Icons and filter by “Feather Icons” to browse all 286 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between fill and outline, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Feather Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Feather Icons icon
<Icon icon="feather:home" className="h-6 w-6" />Browse Feather Icons Icons Free
286 icons. No watermarks, no account, no attribution required.