One of the most important details on a website are their icons. Once the right set of icons for your project is completed, in many applications, it makes sense to convert them to web fonts.
Lightweight - smaller file size when compared to images.
Standard Font Sizes - graphic can be set to font sizes.
Effects - can be easily applied (shadows, colors and more).
Icons set in format vector.
Icomoon web app by Keyamoon.
Vector-drawing program (such as Illustrator).
Must be one solid color.
The same size thickness for each icon.
Simplify as much as possible and fix imperfections.
Select an icon.
Create a new artboard in Illustrator and paste icon there.
Color the icon to black.
Leave the background white.
Go to File - Save as... - SVG
Open the IcoMoon web app.
Click on Import icons and select all the SVG files to be converted.
Then, select the icons that you want as web fonts.
The icons selected will appear in yellow.
When you are ready select Generate Font
Have fun with your icon fonts!
App user experience, interface design, iOS and Android development for a location based social media app. Common features include maps, in-app messaging, twillio SMS service, Facebook and Twitter APIs integrations.