Using font icons with the nativescript-ngx-fonticon plugin

It sure would be nice to swap all those boring label buttons out with nice crisp icons, so let's do that. NativeScript provides support for custom font icons out of the box using Unicode values on text attributes on buttons, labels, and much more. However, with Angular, we can take advantage of another nifty plugin, which will provide a nice Pipe allowing us to use the font names for ease of use and clarity.

Install the following plugin:

npm install nativescript-ngx-fonticon --save

For this app, we will use the versatile font-awesome icons, so let's download that package here from the official site: http://fontawesome.io/.

Inside of it, we will find the font files and the css we will ...

Get NativeScript for Angular Mobile Development now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.