Iconsax

Iconsax is a comprehensive icon library offering over 40,000 pixel-perfect icons in 12 style variations for developers and designers to enhance UI/UX across web, mobile, and design tools.

🚀 Overview

Iconsax solves the problem of sourcing modern, consistent, and customizable icons for UI design and development, providing a vast library that saves time on asset creation.

It is built for frontend developers using frameworks like React, Vue.js, Svelte, and Flutter, UI/UX designers in Figma, and product teams needing scalable icon systems. The Vuesax team built it to offer intuitive, effective icons that integrate seamlessly and help projects stand out with smart search and advanced tools.

✨ Key Features

Smart search and advanced filters (quickly find icons among 40k+, matters for efficiency)
Organize icons into custom packs for projects (streamlines workflow per app/design)
12 style variations: 6 styles × 2 finishes (rounded/straight, versatile for any design)
Figma plugin for search, export, replace (boosts designer productivity)
Animated icons, pixel-perfect 24×24 SVGs (adds motion and precision)
Iconsax AI: generate custom icons (innovative creation on-demand)
Optional: upcoming full Vuesax 5 compatibility, constant new icons

🛠 Tech Stack

Icons: SVG, PNG, WebP
Packages: NPM/Yarn for React (react-icons-sax), Vue.js, Svelte, Flutter, TypeScript, JavaScript
Figma: Plugin
Web: Icon Fonts, Web Components
Hosting: iconsax.io (Nuxt/Vue.js based)

👥 Who Is This For?

This project is useful for:

Developers who want to integrate thousands of customizable icons into React/Vue/Flutter apps
Designers looking for Figma-ready icons with styles and AI generation
Indie makers building UIs needing free/premium icon packs quickly