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, embed the code in your file names: home-U0xE999 would get imported with a default code of E999 (hex).
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.
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 show 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 second option on top left. Doing so would make Font Book show all the glyphs 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 appear 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 cache headers for better performance and lower bandwidth usage.
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.
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.
Please contact us after making your purchase to receive an invoice.
If your question was not answered above, please feel free to use our contact form.