Back to Plugins
icon.dev — export, sync, and manage your icons

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

Ship icons from Figma to Code

Plugin Preview

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

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:Set up SVG export in Figma: Right-click your icon frames → Export settings → Add SVG formatOpen the plugin: Select your icons and launch icon.dev ExporterEnter your API key: Get yours free at icon.dev/dashboardSelect & upload: Choose up to 100 icons and click UploadShare with developers: Your icons are now live and code-readyDevelopers can use icons instantly:# NPM: Install and importnpm install icondevnpx icondev init// React componentsimport { Icon } from 'icondev/react'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 controlPerfect for design teams building icon systems that developers will actually love to use.

Plugin Details

Version1
CreatedNovember 3, 2025
Last UpdatedNovember 3, 2025
CategoryImport & export plugins
CreatorNick
Stats3 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.icon.dev