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.
This park bench icon has each plank as a separate path.
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.
This icon has all planks merged into a single path. Please note, that this is a single path, though it looks like two separate objects.
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.
- Download samples and unzip them
- Open icomoon.io
- Click Import icons button and choose samples
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.