About Icon Set Builder
What It Does
Build named icon collections with consistent color schemes for your project. Define Regular, Disabled, and Highlighted states, then export all icons in all states as SVG or PNG.
Features
- Three color states — Regular, Disabled, and Highlighted, each with primary color, secondary color (for duotone), and opacity
- 3,300+ icons — browse Phosphor (6 weights) and Material Symbols (3 styles) via the shared icon picker
- No duplicates — icons already in your set are dimmed in the picker
- All States view — preview every icon in all three color states side by side
- Save as JSON — store your set definition alongside your project files, commit to git, share with your team
- Load sets — reload a saved set and continue adding icons or adjusting colors
- Export as ZIP — download all icons in all states as SVG or PNG at any size (32–512px)
Privacy
Everything runs in your browser. No data is sent to any server. Icon SVGs are fetched from public CDNs.