[Vuejs]-Nativescript-vue. Using SVG Graphics, Images, Icons

by

0👍

✅

In my opinion, the easiest way to display vector graphics is an icon font. I use the plugin nativescript-fonticon and generate the font with Fontello, which lets you upload custom icons and set the unicode value.

Some tips:

  • You have to format your icon css classes like this: .your-icon-name:before { content: "\f80b"; } or the plugin won’t recognize it
  • You might have to edit the vector files as explained and set the same height
  • On Android, your icons will scale with the device font size

Leave a comment