What is the license for IcoMoon icons/fonts?

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.

Where are the webfonts?

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 premium member of IcoMoon.

Why doesn't my font glyph show up?

  1. Check if the generated demo.html file (after unzipping) has the same issue. If it does, please contact us.
  2. If you are trying to install and use the TTF font in a desktop application, see this guide.
  3. If you are hosting the fonts yourself, make sure to set CORS headers properly.
  4. Check your browser's console to see if there are any reported issues related to the font.
  5. If you can see the icons in the demo.html but they don't show up in your own implementation, try to find the difference between the demo and your own code. If you still couldn't figure out what's wrong, try to make a reduced test case and contact us.

How do I prevent codes from changing?

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 MenuManage 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.

Who is going to access/own the resources I upload to IcoMoon?

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.

How can I add more glyphs to my font?

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, along with 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.

Is it possible to add alias class names to icons?

Yes! Use comma to separate multiple names.

Does IcoMoon generate WOFF2 fonts?

IcoMoon generates WOFF 2.0 fonts if you are a premium member.

How can I move icons or sets between IcoMoon projects?

  1. Select the icons that you want to move to a different project.
  2. From the main menu on top left, choose New Set From Selection.
  3. Select Download JSON from the menu on top right of the set that you want to move/copy.
  4. After loading the target project, use the Import Icons button (or drag/drop) to import the JSON file from previous step.

Why doesn't my SVG get imported properly?

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.

Why is my font empty or lacks some glyphs?

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.

Why can't I switch to, or use the TTF font I insalled?

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.

Learn more about using fonts locally

Why is there a question mark followed by some characters added to URLs generated by IcoMoon?

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.

Importing SVGs creates a new set in the IcoMoon app. How can I import to an existing set?

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.

Why doesn't IcoMoon apply font-family to :before?

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.

Why do some of my icons get imported into wide cells?

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.

Why is the generated CSS referencing TTF before WOFF?

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.

Is it possible to increase the precision of my font glyphs?

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.

Where can I download an invoice for my purchase?

Please contact us after making your purchase to receive an invoice.

Unanswered Questions…

If your question was not answered above, please feel free to use our contact form.