Framework7 Icons Icons
The official icon set for Framework7, a full-featured HTML framework for building iOS and Android apps. iOS-style aesthetics.
About Framework7 Icons
The official icon set for Framework7, a full-featured HTML framework for building iOS and Android apps. iOS-style aesthetics.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 1,253 icons in this library |
| License | MIT |
| Creator | Framework7 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 Framework7 Icons Icons
1. Search the library
Head to Browse Icons and filter by “Framework7 Icons” to browse all 1,253 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 Framework7 Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Framework7 Icons icon
<Icon icon="f7:home" className="h-6 w-6" />Browse Framework7 Icons Icons Free
1,253 icons. No watermarks, no account, no attribution required.