Icon Studio

OverviewIcon Studio is a precision utility designed to streamline the icon production workflow for UI designers and Design System maintainers. Starting from a single base draft, you can instantly generate standardized Outline, Solid, and Duotone versions with custom stroke weights and corner radii.

Why Icon Studio?

Creating multiple icon styles manually is time-consuming and prone to errors. Icon Studio automates the technical heavy lifting, ensuring your icons remain consistent and production-ready.

Key FeaturesMulti-Style Specs: Define custom Stroke Weights and Corner Radii for Outline, Solid, and Duotone styles simultaneously.

Smart Duotone Logic:

Auto-Union: Automatically detects closed shapes and performs a Boolean Union to prevent unwanted color darkening caused by overlapping transparent layers.

Path Awareness: Intelligently keeps open lines (paths) at 100% opacity while applying specified transparency to filled areas.

Export Ready: Automatically configures export settings for both PNG (@2x) and SVG formats for every generated variant.

Local Memory: Remembers your preferred parameters so you can maintain a consistent workflow without re-entering values.

How to UseSelect your base icon draft (Frame or Vector).

Open Icon Studio.

Toggle the styles you wish to generate.

Adjust the weights, radii, and opacity.

Click "Generate Icons".