Framework7 Icons
Framework7 Icons is a free iOS-style icon font made for Framework7, though it can also be used in other projects.
What Framework7 Icons is
Framework7 Icons is a free iOS-style icon font made for Framework7, though it can also be used in other projects. Personal and commercial use is covered by the MIT license, and the Free plan costs nothing. The font is available in WOFF2, WOFF, TTF, and SVG component formats, with multiple styles. In HTML, icons use the f7-icons class together with an icon name such as house. CSS can change their size and color; the documentation identifies 28px as the preferred display size. Framework7 Icons is not bundled in the Framework7 package, so it requires a separate download. The repository lists npm install framework7-icons and provides SVG component imports for React, Svelte, and Vue. Webpack projects need loaders for CSS and font files. Documentation recommends this font for an iOS theme and Material Icons for a Material theme.
Good
- Free MIT-licensed commercial use
- WOFF2, WOFF, TTF, and SVG formats
- React, Svelte, and Vue imports
- CSS sizing and color control
- Usable outside Framework7
Watch out
- Not included in the Framework7 package
- Webpack requires CSS and font loaders
- Material theme guidance favors Material Icons
Who it suits
Framework7 Icons suits developers building Framework7 or other web interfaces that need iOS-style symbols. It also fits projects requiring MIT-licensed commercial use and SVG component integrations.
Verdict
Framework7 Icons provides a straightforward, freely licensed iOS-style font with common web and component formats. Separate installation and build-tool setup are the main considerations.
Plans and prices
From Framework7 Icons's own pricing page, checked 11 Oct 2026.
| Plan | Price | What it gives you |
|---|---|---|
| Free | Free | Free to use for personal or commercial purposes · MIT license |
The facts
Each one read from Framework7 Icons's own pages, with the date it was checked.
What it does
- Distribution
- The repository README lists npm install framework7-icons as an installation option.checked 11 Oct 2026
- Framework7 package
- The icon font is not included in the Framework7 package and must be downloaded separately.checked 11 Oct 2026
- Framework integrations
- The repository README provides SVG component imports for React, Svelte, and Vue.checked 11 Oct 2026
- License
- The font is free for personal and commercial use under the MIT license.checked 11 Oct 2026
- Material icons
- The docs recommend Framework7 Icons for the iOS theme and Material Icons for the Material theme.checked 11 Oct 2026
- Product
- Framework7 Icons is an iOS-style icon font designed for use with Framework7.checked 11 Oct 2026
- Styling
- The docs say icons look best at 28px and can be resized or colored with CSS.checked 11 Oct 2026
- Use outside Framework7
- The font can also be used wherever it fits outside Framework7.checked 11 Oct 2026
- Webpack
- The repository README says Webpack users must add loaders for CSS and font files.checked 11 Oct 2026
- Web usage
- The docs show icons rendered in HTML using the f7-icons class and an icon name such as house.checked 11 Oct 2026
The company
- Maker
- The repository identifies the project as Framework7 Icons and describes it as a free iOS-icons font for Framework7.checked 11 Oct 2026
Alternatives to Framework7 Icons
- 1
Felgo
Free planAndroidiOSWebAPI8.2Free plan - 2
Qt Creator
Free planAndroidiOSWebLinux7.7From €546 a year - 3
B4X
Free planAndroidiOSLinuxmacOS7.5$59 one-time - 4
GitHub CodeQL
Free planWebExtensionLinuxmacOS7.5From $30 a month - 5
Tauri Bundler
Free planAndroidiOSLinuxmacOS7.2Free plan - 6
Avalonia
Free planAndroidiOSWebLinux7.0From €299 a year