icon.dev — export, sync, and manage your icons

About this plugin

Transform your Figma icons into developer-ready libraries. Upload icons from Figma to icon.dev and give your team instant access through npm packages, CDN links, and framework-specific components—no manual exports needed.

How to use this plugin:

1. Set up SVG export in Figma: Right-click your icon frames → Export settings → Add SVG format
2. Open the plugin: Select your icons and launch icon.dev Exporter
3. Enter your API key: Get yours free at icon.dev/dashboard
4. Select & upload: Choose up to 100 icons and click Upload
5. Share with developers: Your icons are now live and code-ready

Developers can use icons instantly:

What you get with icon.dev:

✅ Automatic SVG optimization and validation

✅ Smart collections and organization

✅ Team collaboration with granular permissions

✅ CDN hosting for instant delivery

✅ Auto-generated npm packages with TypeScript support

✅ Built-in React, Vue, and Svelte components

✅ Version control

Perfect for design teams building icon systems that developers will actually love to use.