Beta Testing the New App
We are excited to announce that after several years in development, IcoMoon's new app is publicly available for beta testing. This version is quite different from its predecessors. Here are some of the biggest features and changes:
-
Command Bar
Press Cmd/Ctrl + K or Shift + : or Slash to bring up the command bar anytime you get stuck. Chances are you will find what you're looking for. You could also bring up the command/action bar via the question mark button on top right.
-
Clean Projects
There is only one set of glyphs per IcoMoon project. The intention is to help keep IcoMoon projects clean and make them reflect the icons used in production. By default, every glyph imported to an IcoMoon project is meant to be included in exported assets. It is no longer necessary to select icons inside the project. Instead, you can optionally mark (aka flag) glyphs for performing certain operations on them. You could still change the subset that would get exported to marked glyphs, but you should rarely need to do so. The notion of selecting icons makes more sense for the library pane. You can select which icons from the library would be included in your project by a single tap/click. Glyphs selected in the library would get imported to your project. A second tap on the same glyph would remove it from your project. The new library also keeps track of the icons added to your project. It would show a notification when updates are available for the icons you've added, allowing you to optionally update and replace the icons in your project, without affecting their name, character code, or other metadata.
-
SVG Editor
The new app comes with an advanced SVG editor. Unlike most vector editors on the web that use a canvas for rendering, IcoMoon uses SVG for rendering SVG! In other words, what you see is what you get. This editor has been optimized for designing icons and glyphs. We have ourselves used this vector editor for designing all the icons and SVGs you see on this website, as well as two new icon sets available in the library: Harmonicons and Orbiters.
The new app is a PWA and works on narrow and touch screens too. It's offline-first as well. You could "install" it (aka "Add to Home Screen" or "Add to Dock") to have access to an SVG editor on your device whenever needed!
Check out the editor's dedicated docs page to learn more.
-
Multicolor Fonts
IcoMoon can now generate actual multicolor fonts (COLRv0); which are widely supported and work in every modern browser. No CSS layering is required. You can even install generated multicolor fonts and use them in desktop apps.
-
Better Import and Export
IcoMoon now supports SVG gradients, masks, clip paths, and more. You no longer need to outline your strokes or convert them to fills or get rid of even-odd fills or intersecting shapes. IcoMoon itself would take care of it all upon export.
Importing fonts is now supported too. You can import TTF, OTF and WOFF(2) font files without having to convert them to SVG first. Kerning gets ignored for now but we do intend to support it in both imported and exported fonts in the near future.
-
Live Collaboration
With an active paid plan, you can now collaborate and make changes to the same project in real time. This can work in two ways:
- By sharing the same account, multiple users can log in and make changes to the same projects together.
- Using the new Share button under each project, you can allow other paid members to access your projects with either restricted (read-only) permission, or edit permission.
-
Non-destructive Undo & Redo
The history panel reflects changes made to the project. Undoing and then making new changes would result in creation of a new branch, as opposed to destruction of the undo history. Each change can also be toggled off, which can be very handy at times. The history is stored persistently, meaning it won't get removed when you reload/refresh the app. It also gets stored in exported project files.
-
Publishing with Revisions
Each time you upload assets for hosting, a new link would get associated with them, allowing you to switch to previous revisions if necessary. There is also a generic, unchanging link which always points to the latest version.
These are only a few of the changes and features of the new app. You can check out the docs to learn more or reach out if you have any questions or suggestions.