Ionic-framework: IONIC ICONS

[JacquesSchalkwyk]

Hi Guy. I have been using ionic 4 now and it is super great. I do believe IONIC would be even better if the team drops building there own icons and concentrate on IONIC and simply make use of fontawesome. I have been trying to port my app to IONIC 4 but the icons are just not there. Cant you make use of fontawesome as a default. I think all the ionic developers will love it even more

[kael]

Fontawesome as a default, I wouldn't want it ; as an easy-to-use alternate set of icons, yep.

The new release has lots of new icons btw.

[JacquesSchalkwyk]

I have tried to use fontawesome 5 for tabs in ionic 4 but cannot get it to work. any suggestions?

[kael]

I've read that there were new goodies regarding the use of custom SVG icons with Stencil but can't find the link.

I've come across that thead about the customization of SVG icons. But for tabs specifically, I'll let you dive into the code, I don't know much. :smile:

[RHinderiks]

We use svg from font-awesome 5 in our tabs. You can add them in your assets folder and reference them directly

<ion-tab icon="/assets/font-awesome/light/bars.svg" label="{{managementTabTitle}}" href="/tabs/tab/(management:management)">

[JacquesSchalkwyk]

Could you please give me an example. It would be greatly appreciated.

On Wed, 19 Sep 2018 at 16:31, RHinderiks [e-mail] wrote:

We use svg from font-awesome 5 in our tabs. You can add them in your
assets folder and reference them directly

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/ionic-team/ionic/issues/15657#issuecomment-422825758,
or mute the thread
https://github.com/notifications/unsubscribe-auth/Aawhy_RR-HiGpxjqEDgWTJ7rXNyzPZeEks5uclVHgaJpZM4Wvg0t
.

--
Best regards,

Jacques Schalkwyk
The 'Coding' Grandpa

[RHinderiks]

I edited with an example. I forgot to put the example in quotes and it got removed :)

[brandyscarney]

Thank you for the issue and your feedback! At this time we will be keeping ionicons as our default icon font. It is possible to pass any svg to the ion-icon, we have some documentation on that here: https://ionicons.com/usage

Components that use ion-icon should work the same way to pass a path like the example from @RHinderiks. Thanks!