Icon Set Generator

About this plugin

Icon Set Generator streamlines your icon workflow by converting individual vector icons into complete component sets with multiple size variants - all with a single click.

KEY FEATURES

• Bulk Generation – Select multiple icons to create multiple component sets at once

• Custom Sizing – Add, remove, or modify size variants (16, 20, 24, 32, 40, 48px default)

• Smart Stroke Scaling – Automatically adjusts stroke widths for each size variant

• Auto-Grouping – Automatically wraps vector nodes for better structure

• Custom Naming – Rename component sets with automatic indexing for bulk operations

• Delete Originals – Optional cleanup to remove source icons after generation

• Real-time Selection – Live UI updates as you select/deselect icons

PERFECT FOR

• Icon design systems following 8pt grid

• Creating responsive icon libraries

• Material Design, iOS, or custom icon sets

• Design teams maintaining consistent icon sizing

HOW IT WORKS

1. Select one or more vector icons in your Figma file

2. Open the Icon Set Generator plugin

3. Customize sizes and stroke widths (or use smart defaults)

4. Optionally rename your component sets

5. Click "Generate Component"

6. Get perfectly sized component sets with horizontal auto layout

OUTPUT

Each generated component set includes:

• Variant property "Size" with numeric values

• Proportionally scaled icons (never stretched)

• Custom stroke widths per variant

• Transparent backgrounds

• Horizontal auto layout with 16px spacing