The article explains the difference about two formats we support:
- Original SVGs, where all the paths are preserved
- Simplified SVGs, where all the paths are merged into a single path.
These are the images created by our icons designer, without any further editing. They have all the paths preserved, so you may edit them to adjust or create your own icons.
These are the icons that have the whole shape merged. These icons are suitable for practically everything else besides editing. In particular, we recommend them for:
- Inserting into HTML
- Generating fonts
- Rasterizing, etc.
Download few samples of simplified icons to try them on.
In particular, simplified SVGs are great for generating fonts. Here we’ll see two different ways to generate a font: with Icons8 Web App and with a third party tool, Icomoon.
1. Generating Fonts with Icons8
It takes few clicks only. In the Icons8 Web App, go to collections and upload some icons (click the Collections tab and the upload link). Alternatively, drag some SVG files from Finder or Windows Explorer:
Click Generate Font button. It will load a ZIP file with the icon font in all required format, as well as supplementary CSS and the examples of use:
2. Generating a Font With Icomoon
If you don’t like our font generator for some reason, we recommend using Icomoon.
You should see something like this:
Then generate a font, resulting pretty much with the same font files as our tool produces.
Hint: if you get the icons distorted after Icomoon (with missing parts of the icon or broken shapes), give a try to our Icons8 App. We perform several operations on icons before generating a font. They allow to save the icon more frequently than not.
Did it work for you? Please let us know in the comments. We actually respond in the comments, even for articles published years ago.