Free iOS-icons font for Framework7


This repository is a module of the full icon repository.


This repository is distributed with npm. After installing npm, you can install @icon/framework7-icons with this command.

npm install --save @icon/framework7-icons


There are many ways/formats of how to use framework7-icons. The fastest and recommended way is via SVG directly. Or use the webfont version if you want to include all icons at once:

SVG icons -- when you need just a few icons in your project

  1. If you want to use just a few icons. Find the icons you need in "icons" folder. Then use them as regular images:
  <img height="32" width="32" src="@icon/framework7-icons/add.svg" />
  1. Icons can be served from a CDN such as Unpkg. Simply use the @icon/framework7-icons npm package in the URL like the following:
  <img height="32" width="32" src="https://unpkg.com/@icon/framework7-icons/icons/add.svg" />

Icons font -- ideal when you want to include all icons at once

  1. Install @icon/framework7-icons with this command. In the <head> of your html, reference the location to your framework7-icons.css.
  <link rel="stylesheet" href="@icon/framework7-icons/framework7-icons.css">
  1. Use unpkg.com to load directly framework7-icons without installing anything:
  <link rel="stylesheet" href="https://unpkg.com/@icon/framework7-icons/framework7-icons.css">

Place framework7-icons with <i> tag in your html like this. Icon class names are to be used with the f7 class prefix.

  <i class="f7 f7-add"></i>

Bugs, Ideas, Pull Requests

If you have any ideas or found bugs, please send me Pull Requests or let me know with GitHub Issues.


Framework7-icons is copyright by Vladimir Kharlampidi.

  • Framework7 Icons is licensed under the MIT.