Explore Compare Trending Submit Articles

Iconsax

Freemium

The most intuitive and effective icon library

Iconsax is a large-scale icon library created by the Vuesax team, offering more than 50,000 icons across 12 variations generated from six styles and two stroke finishes. It provides a web platform for searching, customizing, and downloading icons on demand, plus an official Figma plugin and ready-to-use code components for Vue, React, Svelte, Flutter, JavaScript, TypeScript, and Web Components. A free tier includes roughly 7,000 icons, while Pro and Team plans unlock the full premium collection, animated icons, project saving, and broader commercial usage rights.

icon librarySVG iconsFigma pluginUI designdesign systemicon fontAI iconsVue React SvelteImage GenerationCode GenerationKnowledge DiscoveryData RetrievalTask ExecutiongenerationrecognitioneditingImage & VisionCode AssistantWorkflow Automation

Visit Website

FavoriteSaved

What is it

A comprehensive icon library and visual ecosystem that supplies designers and developers with thousands of consistent, customizable icons for web, mobile, and graphic projects.

What it can do

Search and filter icons, apply color, stroke, and size changes, select multiple icons via Slide-Select, export to SVG, PNG, WebP, font, or framework-specific code, and generate new icons with AI credits.

Who is it for

UI/UX designers, frontend developers, design-system maintainers, template creators, and product teams who need a scalable, consistent icon set with direct design-tool and code integration.

Key Features

Massive Icon Library — 50,000+ Icons in One Collection

Access over 50,000 modern icons organized into more than 70 categories, ranging from general UI and eCommerce to niche topics such as crypto, health, real estate, ecology, gaming, and gourmet food. The free tier includes approximately 7,000 icons, while Premium unlocks the complete catalog.

12 Coherent Variations — Styles × Finishes

Each base icon is available in six styles (Linear, Bold, Bulk, Two-tone, Broken, Outline) and two terminations (Straight or Rounded), producing up to 12 consistent variations per icon. This lets teams match a single icon set to different UI contexts without visual drift.

Smart Search, Filters, and Slide-Select

Find icons instantly with a powerful search engine and detailed filters for type, category, style, and stroke. The Slide-Select feature lets users click and drag across the gallery to add or remove multiple icons from their workspace in one motion.

Real-Time Customization Panel

Adjust color, stroke weight, and size for any icon directly in the browser or Figma plugin, then preview changes instantly. Group configuration applies the same settings to an entire selection, saving time when preparing matching icon sets.

Use Cases

Building Consistent Design Systems

Define a single icon language across products by using the same base icons in multiple styles and terminations, ensuring visual coherence in buttons, navigation, lists, and empty states.

Integrating Icons into Frontend Projects

Drop Vue, React, Svelte, or TypeScript icon components directly into a codebase, with SVG and font-icon fallbacks available for legacy or framework-agnostic setups.

Designing Mobile and Web Apps in Figma

Use the Figma plugin to search, drag, drop, and swap icons inside design files, reducing the time spent switching between browser libraries and design tools.

Creating Marketing and Presentation Materials

Download PNG or WebP icons in custom colors and sizes for slide decks, social graphics, landing pages, and print collateral without needing design software expertise.