Introduction
Ship icons from design to code with version control, CDN delivery, and team collaboration.
What is icon.dev?
icon.dev is a centralized icon management platform that bridges the gap between design and development. Upload icons once, integrate anywhere—whether through our CDN SDK or NPM package.
Perfect for:
- Design teams syncing icons from Figma to production
- Developers who need consistent icons across multiple projects
- Product teams requiring version control capabilities
- Organizations managing shared icon libraries
Key Features
CDN SDK
Zero-config JavaScript SDK with auto-loading and smart caching. Just add a script tag.
NPM Package
Official React/Vue/Angular components with CDN-based loading. TypeScript support included.
Version Control
Track every change and maintain complete icon history.
Team Collaboration
Granular permissions, invite members, and manage access across projects.
Quick Start
Ready to get started? Create an account and follow these steps:
- Create a project in the dashboard
- Upload icons via drag-and-drop or Figma plugin
- Copy integration code from the Installation tab
- Start using icons in your application
Icons are delivered via Cloudflare CDN with automatic cache busting and version management.
Need help? Check out our CDN SDK guide or NPM package guide for detailed instructions.
Integration Options
CDN SDK (Fastest Setup)
Add one script tag and start using icons immediately. No build step required.
<script src="https://cdn.icon.dev/id-{projectSlug}/sdk.min.js"></script>
<i data-icon="home"></i>NPM Package (React, Vue, Next.js)
Install via NPM and use framework components with full TypeScript support.
npm install icondev
npx icondev initimport { Icon } from 'icondev/react'
<Icon name="home" size={24} />What's in This Documentation
CDN SDK
Learn how to integrate icons with zero configuration using our auto-generated JavaScript SDK. Covers HTML attributes, JavaScript API, framework wrappers, and performance optimization.
Topics:
- Getting Started - Installation and basic usage
- JavaScript API - Advanced features and methods
- Framework Integration - React, Vue, Svelte components
- Best Practices - Performance tips and optimization
NPM Package
Official NPM package for React, Vue, Angular, Svelte and JavaScript applications with CDN-based loading.
Topics:
- Getting Started - Installation with
npx icondev init - API Reference - React/Vue components and core functions
- Framework Integration - Next.js, Nuxt, Remix and more
- Best Practices - Caching, performance, and optimization
Legal & About
- About - Learn more about the platform
- Terms of Service - Usage terms and conditions
- Privacy Policy - Data handling and privacy