Custom Icon font in Ionic 2 7

Create/Get icons in SVG format (e.g. FlatIcon)

Create and download icons-font using IcoMoon App

Extract only the font folder from the downloaded  archive to assets  folder.

Create a new file in theme  folder called _icomoon.scss  with following content (thanks to Stackoverflow user):

Import that file in variables.scss :

Now you will have to write following line for each icon you want to use from your generated icon-font:

The NUMBER you will get from the  archive in style.css  like:

Now you can use your icons in the usual Ionic2 way:





Leave a comment

Your email address will not be published. Required fields are marked *

7 thoughts on “Custom Icon font in Ionic 2