Ionicons Icons
Premium open-source icons by the Ionic Framework team. Designed for web, iOS, Android, and desktop apps with platform-specific variants.
About Ionicons
Premium open-source icons by the Ionic Framework team. Designed for web, iOS, Android, and desktop apps with platform-specific variants.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 1,357 icons in this library |
| License | MIT |
| Creator | Ionic team |
| 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 Ionicons Icons
1. Search the library
Head to Browse Icons and filter by “Ionicons” to browse all 1,357 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between Outline and Filled styles, 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 Ionicons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Ionicons icon
<Icon icon="ion:home" className="h-6 w-6" />Browse Ionicons Icons Free
1,357 icons. No watermarks, no account, no attribution required.