Scalable Vector Icons for Modern Interfaces
Sync the IconFlow library directly into your favorite design tools. Update, customize, and deploy consistent iconography across Figma, Sketch, and Adobe XD without leaving your canvas.
Native integrations for your design workflow
Our official plugins bridge the gap between static assets and dynamic design systems. Manage versions, toggle styles, and apply brand colors instantly.
Figma Plugin
Drag-and-drop 12,400+ icons directly onto your artboards. Auto-layout compatible, with variable font support and real-time team library syncing.
Sketch Plugin
Seamlessly inject vector icons into Sketch documents. Supports symbol overrides, layer grouping, and instant style matching to your existing color palettes.
Adobe XD Plugin
Access the full IconFlow catalog within XD. Batch replace placeholder icons, adjust stroke weights, and maintain perfect grid alignment across components.
Sync libraries and update in real-time
Get from zero to synchronized iconography in under two minutes. No manual exports or broken links.
1. Authenticate & Connect
Launch the plugin from the community marketplace or extensions menu. Sign in with your IconFlow account credentials to verify license tier and unlock the full 12,400+ asset library.
2. Sync Design Library
Click "Connect Library" to push the icon pack into your team's shared library. Changes propagate instantly across all open files and collaborator sessions.
3. Enable Auto-Updates
Toggle the real-time sync switch. New icon releases, weight adjustments, and style variants will automatically refresh in your components without manual re-imports.
4. Map to Design Tokens
Assign IconFlow colors to your existing design tokens. Use the built-in stroke weight slider to match your system's 1px, 2px, or 3px line conventions.
# Verify sync status in plugin console
iconflow-cli sync --workspace="acme-design-system" --mode="realtime"
Streamline your design-to-development handoff
Eliminate asset bloat and version drift. Keep your entire product team aligned on a single source of truth.
Real-Time Synchronization
When the IconFlow team releases new glyphs or refines existing paths, your design files update automatically. No more hunting for the latest `.svg` zip or manually replacing outdated components.
Consistent Brand Compliance
Lock stroke weights, corner radii, and color tokens at the plugin level. Enforce design system standards across dozens of contributors and prevent visual drift in production screens.
Zero Bloat File Sizes
Plugins inject lightweight vector references rather than heavy raster exports. Keep your Figma and Sketch documents lean, improving load times and reducing cloud storage costs.
Dev-Ready Export Pipeline
Generate clean, production-ready code snippets directly from the plugin panel. Supports React, Vue, Svelte, and Tailwind CSS with automatic accessibility labels and ARIA roles.