There is a license link for each icon pack in IcoMoon's library.
If you are using your own vectors, there are no license requirements for using the IcoMoon app.
Instead of providing a big font containing hundreds of icons/glyphs that you may or may not use, IcoMoon lets you make your own custom and optimized font. IcoMoon's premium icon packs can also be accessed via the IcoMoon app so that you can make them into icon fonts. Icon font packs generated using the IcoMoon app contain all necessary webfont formats (WOFF, TTF, EOT, SVG); they also include an HTML cheat sheet which you can refer to when using your icon font. In order to generate WOFF 2.0 fonts, you need to be a premium member of IcoMoon.
The IcoMoon app stores everything in your browser's cache by default. In addition to that, if you're a premium member, your data will get saved to your account. As a result, you would most likely find your IcoMoon setup the same way you left it from the last time you downloaded a font pack. If so, go ahead and modify your icon selection. The codes of your previously selected glyphs won't change. But if your IcoMoon setup is different from the last time, you can import the selection.json file included in the zip pack you downloaded previously. You can import this file both via the Import Icons button in the app, or via IcoMoon's project manager (Main Menu → Manage Projects).
Note that newly imported SVGs do not have any codes assigned to them. Therefore, re-importing all your SVGs and reselecting them each time would most likely result in different codes, based on the order of icons. If you want to re-import all your SVGs each time while keeping your previous codes, add the code to your file names: home-U0xE999 would get imported with a default code of E999 (hex).
Unless you are using one of IcoMoon's paid plans, your projects only get stored locally in your browser. This has been noted in the sign up page as well as the Projects apge in the IcoMoon app.
If you have been using a paid plan, your projects get stored in your account, and we keep periodic backups of them as well. You could contact us if you need your projects to be reverted to an earlier state.
If you have been using the free plan and your projects are missing, you could import the selection.json file that is included in every icon pack downlaoded from the IcoMoon app.
Almost everything you do inside the IcoMoon app happens locally. When you import an SVG image/font or when you generate a font, everything happens in your browser and your SVG won't get "uploaded" to our servers, unless you choose to use our hosting or premium services for saving the data in your account. You can always use IcoMoon's Chrome extension while you're offline if you're still concerned about privacy.
Each font pack you download from the IcoMoon app comes with a selection.json file which you can import back to the app in order to modify or update your font and the class names associated with its glyphs. You could also save/load your IcoMoon project from Main Menu (top left) → Manage Projects.
If you don't have access to any of these files, you can import the SVG version of your font using the Import Icons button in the IcoMoon app.
Yes! Use comma to separate multiple names.
IcoMoon generates WOFF 2.0 fonts if you are a premium member.
The color property only gets added if your icon has a color. You can remove colors from your icons in the IcoMoon app via the edit panel. To bring up the edit panel, click on the icon while you’re in the Generate Font tab. Or you can use the pencil button in the toolbar of the Selection tab. Using the edit panel, you can remove any colors associated with your icon. Once you do that, the extra CSS property would go away.
In order to remove all colors from a set of icons, use the Properties panel. To bring up the Properties panel, use the menu on top right of the set.
There can be many reasons for that. The current version of IcoMoon ignores strokes and text, make sure you convert them to fills. See importing guidelines for more info.
IcoMoon uses the Private Use Area of Unicode by default. Operating systems usually don't list the glyphs in this part of Unicode. Therefore, it might appear that your TTF font is empty or lacks some glyphs. If you are using macOS (or OS X), after installing your font, select it in Font Book and then press cmd + 2, or choose the option with four squares on top. Doing so would make Font Book show all the glyphs included in the font.
See this gif to learn about other methods of finding/copying characters in your font.
Before downloading your font, you can set different codes for your glyphs. If you assign Latin character codes to your glyphs, your font will no longer look empty. You may also consider making ligatures if you want to install and use your font locally.
While using the type tool, if you enter a character that doesn't exist in your font, most desktop apps would switch the font to something else. To prevent this, do not enter any characters that don't exist in your font. See this gif to learn about various different methods of copying the characters in your font.
To prevent browsers from loading an older version of the icons from the cache, it is necessary to make the URLs look different while still pointing to the same (updated) files. This technique is often called "cache busting". With cache busting in place, we can take advantage of far-future expiration headers for better performance and lower bandwidth usage.
You could replace the cache-busting string that IcoMoon generates with any arbitrary string that you haven't used before. For example, you can use
You can use the "Import to Set" option from the menu on top right of each set to import your SVGs to existing sets. You can also drag your files and drop them in the area that appears on top and around each set.
See this pen. The default value for "vertical-align" is "baseline". Changing the font-family of only the pseudo element will result in elements with differing fonts. Different fonts can have different font metrics and different baselines. In order for different baselines to align, the overall height of the element has to increase, which is undesirable.
IcoMoon displays SVGs with a large width to height ratio in a wide rectangle, rather than a square. In other words, IcoMoon does not ignore the width/height ratio of your SVGs. This feature gives you a more precise control. If you want your icons to appear in a square, you will need to modify your SVG's canvas and make its width and height equal.
If you have a bunch of icons with the same width but varying heights, and would like to convert them all to squares, try importing all of them together. If you import them together, IcoMoon will recognize their pattern and it will automatically convert all of their canvases to squares.
TTF fonts with an installable fsType provide better browser support than WOFF fonts. Additionally, when gzipped, TTF fonts are slightly smaller in size than WOFF fonts. Therefore, IcoMoon recommends using TTF over WOFF. To generate WOFF 2.0 fonts which provide the best compression rate, you need to be a premium member.
You may increase the precision of your font by increasing its Em Square Height. This setting can be found under Font tab → Preferences → Font Metrics. Note that by increasing a font's Em size, your font file will get larger. You shouldn't increase the em size if not necessary.
If you are planning to host the files generated by IcoMoon yourself, get the Basic plan. Otherwise, get the Unlimited plan which generates Amazon CloudFront links suitable for production. The Basic plan does not generate these links. This is the only difference between the two plans.
After making your purchase, you will automatically receive a receipt from PayPal at the email address associated with your PayPal account or the email address you entered in the payment form. This receipt should suffice in most cases, but you could also contact us to receive an invoice.
If your question was not answered above, please feel free to use our contact form.