Iconsax

Iconsax provides a structured, multi-style icon system built on a clean 24px grid for consistent visuals. The library covers most product use cases, helping designers build a coherent UI quickly. Supports Figma, React, Vue, Flutter, and other frameworks directly.

Visit Site

What is Iconsax

Iconsax is the official Vuesax icon library, providing over 34,000+ premium icons and 6,000+ free icons. Iconsax is the most intuitive and effective icon library, supporting multiple formats and frameworks including Vuejs, React, Svelte, Flutter, TypeScript, Font, JavaScript, Figma, etc. The site also provides Iconsax AI functionality to generate and download icons using AI. Provides Iconsax Figma plugin to search, access, export, and replace thousands of icons within Figma. The site offers both free and paid versions. Free users can access 6,000+ free icons, while paid users can access all 34,000+ premium icons.

How to use Iconsax

Browse icons - Browse all icons on the homepage, use search function to quickly find icons
Filter by framework - Use framework filters such as Vuejs, React, Svelte, Flutter, TypeScript, Font, JavaScript, Figma, etc.
Use Iconsax AI - Use Iconsax AI functionality to generate and download custom icons
Use Figma plugin - Install Iconsax Figma plugin to directly search, access, export, and replace icons within Figma
Download icons - Select icons and download, supporting multiple formats
Upgrade to Pro - Upgrade to Pro version to access all 34,000+ premium icons

Iconsax Key Features

34,000+ Premium Icons

Provides over 34,000+ premium icons with rich content

6,000+ Free Icons

Provides 6,000+ free icons that can be used freely

Multi-Framework Support

Supports multiple formats and frameworks including Vuejs, React, Svelte, Flutter, TypeScript, Font, JavaScript, Figma, etc.

Iconsax AI

Provides AI functionality to generate and download custom icons

Figma Plugin

Provides Figma plugin to directly search, access, export, and replace icons within Figma

Animated Icons

Provides animated icons to enhance interface interaction effects

Iconsax Use Cases

Interface Design

Use Iconsax icons as interface elements when designing and developing interfaces

Multi-Framework Projects

Use Iconsax icons in Vue, React, Svelte, Flutter, and other framework projects

Figma Design

Use Iconsax Figma plugin to directly use icons in Figma for design

AI Icon Generation

Use Iconsax AI to generate custom icons to meet specific needs

Iconsax Pros & Cons

Pros

34,000+ premium icons with extremely rich content

6,000+ free icons that can be used freely

Multi-framework support for convenient use

Iconsax AI functionality to generate custom icons

Figma plugin to improve design efficiency

Animated icons to enhance interaction effects

Loved by designers worldwide

Cons

Full access requires payment

AI functionality requires credits

Large number of icons may require time to filter

Some advanced features require Pro version

Iconsax FAQ

Q1: Is Iconsax free?

The site provides 6,000+ free icons that can be used freely. Pro version can access all 34,000+ premium icons.

Q2: Which frameworks are supported?