IcoMoon

@icomoon.io

SVG editor for precise and quick icon design, multicolor font generator, and thousands of free icons. https://IcoMoon.io

Changes made in IcoMoon's SVG editor can be copied to other glyphs via the Edits tab of the Batch panel. This can be especially useful for batch-editing strokes, colors, padding, or adding a common background shape to multiple glyphs.

Using the rotation tool, repeating actions, and the union boolean operation to draw a gear icon in IcoMoon's vector editor. Holding Alt when using the rotation tool would make a duplicate while holding Shift snaps the rotation angle to multiples of 15 degrees.

Drawing a cloud icon in IcoMoon's SVG editor. Notice that the pen tool can be used for extending a Bézier curve beyond its default endings without adding extra points.

Excited to introduce the new IcoMoon app: 📐 SVG editor for icon design 🎨 Multicolor fonts (COLRv0, Baseline widely available) ⚡️ No need to outline strokes or unify paths 📤 Export as @vuejs.org, Elm, @react.dev, Web Component, @flutter.dev (under Font), favicon and more 👥 Real-time collaboration

IcoMoon's SVG editor in dark mode on a wide screen. Changes made in the main editing area (center) get reflected in the code editor (bottom) and vice versa. The history panel can be seen on the right side, with an item that is toggled off and disabled. Each item in the history panel has an indicator for the user that made the change. The properties panel appears on left, with options for changing size, smooth rounding with G2 continuity, color, opacity, stroke width, and more. The View panel with the Preview tab selected can be seen on the right side. It shows the approximate size of the icon in bytes along with thumbnail previews at different sizes.