IcoMoon

[Abhi]

https://icomoon.io/app-features.html

IcoMoon allows you to import your choice of SVGs and then generate an icon font out of it. They say it is free and works offline. ie, once the IcoMoon font is ON through your browser, the icons to import to it will not be sent to IcoMoon server. They will be used locally

I will keep you posted more on this.

 

[Abhi]

Another icon font generator

http://fontello.com/

 

[Abhi]

A very good SVG sprite generator

https://svgsprit.es/

I have used it to create `Symbols` for Inkscape.

 

[Abhi]

A very good CLI based SVG Sprite Generator

https://www.npmjs.com/package/sts-svg-sprite-generator

I tried, works great.

 

[admin]

I wanted to try icon fonts using Icomoon. Something very light, with only the icon I need.

I am not sure how they deal with the class part. You will have to specify the ID every time.

 

[phenomlab]

I tend to steer clear of SVG these days and much other the "`i class`" CSS methods used by Font Awesome for example. Whilst SVG is very flexible, it's hard to beat the sizes for images that are font based versus an actual image. Developers often make the mistake of directly linking the library rather than hosting it locally on the same server, which in some cases causes unwanted latency outside of your control.

 

[Abhi]

> @phenomlab Developers often make the mistake of directly linking the library rather than hosting it locally on the same server,

I thought this is the fastest method

> @phenomlab it's hard to beat the sizes for images that are font based versus an actual image.

This part, I didn't follow.

 

[phenomlab]

> @Abhi I thought this is the fastest method

It can be, but there again, if the site is down, or experiencing a lot of traffic, then by definition, your site will also be slow.

> @Abhi This part, I didn't follow.

Yes, this is a well known fact. It's for the same reason that developers used sprites years ago as downloading one image containing hundreds of sprites was much more efficient than downloading hundreds of individual images. With sprites, you just needed to specify the coordinates on the image from where you wanted to locate that particular sprite - here's an examplehttps://stackoverflow.com/questions/1452961/how-to-find-pixel-position-of-image-from-sprite-image

 

[Abhi]

This Inkscape plugin can export SVGs out of an SVG sprite. Please note that it is a resource intensive extension

https://gitlab.com/su-v/inx-exportobjects

 

[admin]

["IconMoon","IcoMoon"]