The Web is optimized for displaying text. Easily change the color of your icons or apply other CSS effects.
Using icon fonts, changing the size of your icons would be as easy as changing the font size.
Font icons are vector and resolution independent. They look good on both high and low PPI displays, on both mobile and desktop devices.
By having your icons in a font, you can load them with one HTTP request.
When done right, icon fonts are 100% accessible and compatible with screen readers.
By installing custom built TTF fonts on your system, you could use them in various different design and editing applications. Assigning ligatures to your glyphs would make using them even easier.
Using the IcoMoon App, you can build your own custom fonts that only contain the icons that you need.
Unlike similar services, the IcoMoon app takes grid sizes of icons into account and generates crisp, pixel perfect results. With a proper alignment, the font size you set would directly translate to the size of the icons.
The IcoMoon app is free. You don't need to pay anything or give back any credit for using it. IcoMoon's Library features many high quality icon sets. All of these icons are designed on a grid and they are optimized to be used with the IcoMoon app. Add any set you wish to easily browse and search its icons.
The IcoMoon app is an advanced iconography tool. It lets you sort your icons, manage your icon collections, or make your icons searchable by adding tags to them. In addition to fonts, you can generate PNGs, SVGs and CSS sprites in any size and color you wish.
In the IcoMoon app, you can import your own vectors (SVG images or SVG fonts). Importing icons happens locally, in your browser. Your vectors won't get uploaded to our servers when you import them. Some basic editing options such as moving, mirroring and rotating are available too.
Once loaded in your browser, the IcoMoon app works offline. When you import an icon or generate a font, everything happens locally, in your own browser. Your icons/fonts won't be uploaded to our servers. You can even load the IcoMoon app when you have no connection if you install it from the Chrome Web Store.
Instead of assigning single characters to your glyphs, you could assign different tags to them (ligatures). This feature is especially useful for fallbacks or desktop usage of the fonts. Learn More…