How to get ionic extra icon

Ionic Framework ionic-v3
1

How do i get extra ionic 2 icons

2

what do you mean extra icons??

3

any other way to call without ionic framework icon

4

You mean to say, you want to have other Icons apart from Ionic’s? like for ex. fontAwesome Icons in ionic?

5

how to use it and implement. please give a small example for it

6

Place fontawesome files in assets folders and use font-face in app.scss like this:

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 300;
  font-style: normal;
  src: url('../assets/fonts/Roboto-Condensed-300/Roboto-Condensed-300.eot');
  src: url('../assets/fonts/Roboto-Condensed-300/Roboto-Condensed-300.eot?#iefix') format('embedded-opentype'),
       local('Roboto Condensed Light'),
       local('Roboto-Condensed-300'),
       url('../assets/fonts/Roboto-Condensed-300/Roboto-Condensed-300.woff2') format('woff2'),
       url('../assets/fonts/Roboto-Condensed-300/Roboto-Condensed-300.woff') format('woff'),
       url('../assets/fonts/Roboto-Condensed-300/Roboto-Condensed-300.ttf') format('truetype'),
       url('../assets/fonts/Roboto-Condensed-300/Roboto-Condensed-300.svg#RobotoCondensed') format('svg');
}
7

this is for font style not for icon. can you give icon reference link please

8

I prefer Ionic Material Icons: https://material.io/icons/

1 Like
9

I think the way is same, in icons you just need to link css in index.html.

10

I believe Material Icons is only for Android not for iOS.

11

The look and feel yes, but you can’t say it is just for Android.

12

Here is a link, you can install and use it in Ionic 2:

https://www.npmjs.com/package/angular2-font-awesome

13

Currently not working with Ionic: