Plugins for Figma, Sketch, Adobe XD & More

Premium Icons for modern Interfaces. Seamlessly integrate 12,000+ vector assets into your daily design workflow.

Supported Environments

Native Integrations for Your Toolkit

Access the complete IconSphere library directly inside your preferred design or development application. No manual exports or format conversions required.

Figma & FigJam

Auto-layout aware components with 45 style variants. Supports variable themes, auto-scaling, and direct sync with your organization's library.

Install in Figma

Sketch

Native .sketch symbol export with retina @2x and @3x scaling. Includes 120+ predefined color palettes and automatic layer grouping.

Install in Sketch

Adobe XD

Plug-in adds a dedicated sidebar panel for instant drag-and-drop. Features include stroke weight presets, fill overrides, and repeat grid compatibility.

Install in XD

VS Code & JetBrains

Developer-focused extension for inline SVG injection. Generates optimized React, Vue, and Svelte components with tree-shaking support.

Install Extension

Quick Start

Installation in Under 60 Seconds

Follow these steps to connect your IconSphere account and pull assets directly into your canvas.

1. Authenticate via OAuth

Launch the plugin from your app's extensions menu. Sign in with your IconSphere workspace credentials to sync your licensed collections.

2. Configure Output Settings

Select your preferred format (SVG, PNG, or React). Adjust grid alignment, corner radius, and stroke width to match your design system tokens.

3. Drag, Drop & Sync

Search by keyword or browse categories. Assets automatically inherit your project's theme variables and update live when the main library changes.

View Full Setup Guide

Watch It In Action

Workflow Demos & Tutorials

See how IconSphere integrates with real-world projects. From building dashboard UIs to generating production-ready icon sets, our guides cover every step.

Figma: Auto-Layout & Theme Variables

Learn how to map IconSphere color tokens to Figma variables and maintain consistent stroke weights across complex component states. Duration: 4m 12s.

Watch Tutorial

VS Code: React & Vue Component Export

Step-by-step walkthrough of the CLI extension. Covers tree-shaking configuration, TypeScript type generation, and bundle size optimization. Duration: 6m 45s.

Watch Tutorial

Adobe XD: Batch Processing & Grid Alignment

Discover how to align hundreds of icons to a 24px baseline grid while preserving custom corner radii and export settings. Duration: 3m 58s.

Watch Tutorial