Icon Editor

About This Tool

Icon Editor is a vector-first tool for creating and refining scalable icons used in user interfaces. It supports a canvas with grid, shape primitives, path editing, and boolean operations to compose complex glyphs. Designers can import existing SVGs or start from a blank canvas, apply consistent stroke widths and fills, and organize work with layers and groups. The editor emphasizes repeatable, scalable results that align with a design system’s rules, enabling teams to generate a cohesive icon library. Conceptually, the core is a vector model where shapes are resolved through rendering rules and serialized into reusable assets. The tool also provides export workflows for SVG and PNG, preserving transparency and ensuring assets integrate cleanly with front-end projects. Beneficiaries include UI/UX designers, frontend developers, product teams, and design system maintainers who need reliable icons across platforms. Its unique value lies in its vector-first focus, precise snapping, and robust export options that support batch delivery for large icon sets, while avoiding raster-only editing. Core features include canvas setup, primitive shapes, path editing, snapping, alignment guides, grouping/layers, boolean path operations, stroke and fill controls, color management, and multi-format exports. Typical use cases include creating a new icon family for a mobile app, updating an existing icon set for a web app, or producing consistent assets for a design system.

Sign in to see all your usage