Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using svg or font icon in the ios applications

In my iOS application we need to change the color of the icons based on the user configuration. It is one of our important business option.

One of my friend advised me for using .svg or font icon. And shared me this link

They are creating web applications while I am developing iOS application. Does iOS support this technique too? If yes, how can I use it?

Edit

I found SVGKit that is used for the iPhone/iPad apps. Is there any binding library for using it on the monotouch?

like image 356
Husein Behboudi Rad Avatar asked Dec 21 '13 11:12

Husein Behboudi Rad


People also ask

Which is better SVG or font icons?

SVGs are more flexible than icon fonts. First, you can add more colors with SVGs. Unlike single-color icon fonts, SVG icons allow for gradients. Furthermore, you can animate individual strokes in SVG icons.

Should you use SVG for icons?

Not only does offer SVG offer an unmatched ability to be scaled to any size without any shred of quality degradation but also better anti aliasing than Icon fonts. Moreover, you can edit, color, or animate each individual bit of an SVG icon, unlike your traditional icon font.

Can I use SVG for app icon?

They cannot be used in conjunction with other sorts of icons, which is a disadvantage. Because SVG icons are not natively supported by iOS or Android devices, you must convert them into a unique typeface before using them in your mobile application.


1 Answers

SVG fonts (paths) are kind of easy to convert into source code. Once you have this it's very simple to render them in different colours, sizes (iphone/ipad) or resolutions (e.g. retina).

That's what I did here. That's for an older version of FontAwesome, but it could be used as is (or updated to the latest) for your application.

like image 190
poupou Avatar answered Sep 19 '22 20:09

poupou