Iconsax Platform: Magic for Your Workflow!:

"It's not just where you find icons, it's where you MASTER them."

"It's not just where you find icons, it's where you MASTER them."

We've already told you our library is a brutal visual universe (check out The Icon Library section if you skipped it!). But, let's be honest, what good is an arsenal like ours if finding the right icon or tweaking it is mission impossible? The real magic happens when you can tune them so EACH one fits like a glove in YOUR design and integrates perfectly into the soul of your final project.

That's where our web platform iconsax.io comes into play and changes EVERYTHING!

Here we'll tell you how you'll get the sparks flying... We give you the tools to take total control in an insultingly easy way: adjust colors, stroke weights, and sizes to the millimeter; ensure consistency with your brand; prep your icons for light/dark modes... and get them ready and optimized to export and integrate without breaking a sweat 

Shall we discover your new operations center? Let's go!

Breaking Down the Iconsax Galaxy's Tools

We've organized the library focusing on power and flexibility. Here's what awaits you:

1. Search and Filters: Find EVERYTHING Instantly!

Forget wasting time searching. Our tools pinpoint what you need in seconds:

  • Smart Search: Type what you're looking for (try English or Spanish!); it understands what you need.
  • Powerful Filter Panel (Left): Your secret weapon to filter by:
    • Icon Type: Static or Animated (Premium).
    • Termination: Straight or Rounded, or All.
    • Plan: Free icons, Premium icons, or All.
    • Category: 70 in total (with many more being created!), 32 Free, and 47 Premium (including new ones and expansions like Essential 2 & 3).
  • Quick Style Filters (Top Panel): Easily switch between the 6 core styles: Linear, Bold, Bulk, Two-tone, Broken, Outline. ...Find that needle in the +40k haystack in seconds!

gif

2. Visualization and Selection

The core interface designed for smooth exploration and selection:

  • Main Viewer (Gallery): The visual heart where thousands of icons parade, changing dynamically as you apply filters. Easily identify Free vs. Premium, and selected status.
  • Slide-Select (UX Jewel): Click and hold the left mouse button, then slide over the icons you like. Watch them get added (or removed) instantly to your temporary selection in "Your Workspace" (right panel). Effortless multi-selection. A UX revolution!

3. Preparation & Organization: Your Workspace

The right-hand panel is your personal space for organizing and prepping icons:

  • "Selected Icons" Tab: Your temporary holding area for icons chosen via Slide-Select or individually. Review, remove one-by-one, or clear all. You can also turn this selection into a Project from here.
  • "Projects" Tab (Premium Feature): Working on multiple projects? Get organized! Save your icon selections as named Projects (up to 20). Access them anytime, add/remove icons easily. Stop searching for the same icons repeatedly! Bye-bye chaos!

4. Total Customization (Make 'Em Yours!)

Get granular control over icon appearance:

  • Pop-up Customization Panel: Clicking a single icon (in Gallery or Your Workspace) triggers a dedicated modalwith intuitive controls and a real-time preview:
    • Adjust Color (picker or HEX).
    • Modify Stroke Weight via a precise slider (for applicable styles).
    • Define exact Size.
    • Perfectly adapt to Light/Dark Mode  by easily changing the color!
    • Download the tweaked icon individually or add it to your current selection. Total granular control!
  • Bulk Editing (Configuration Panel): Below your icon list in "Your Workspace" (for "Selected Icons" or a loaded "Project"), find the "Configuration" dropdown/panel. Apply changes to color, stroke weight, size, and export format to ALL icons in that selection/project at once. Brutal time saver for x1000 productivity!
  • Ultimate Freedom (SVG): If you need maximum control beyond the platform tools, download the SVG and go wild in your favorite vector editor!

5. Smart Download (On-Demand: Zero Waste)

Stop downloading massive, useless ZIPs! Our On-Demand system is pure intelligence:

Get ONLY What You Need: When you hit "Download" from Your Workspace (after selecting icons/project and setting options in "Configuration"), we generate a custom ZIP pack ON THE SPOT.

Perfectly Packaged: Contains only the chosen icons, in the selected format (SVG, PNG, Font Icon, Code...), with your exact style adjustments applied. Clean, fast, and no useless files cluttering your drive. Awesome! (Remember the daily limits for fair use).

gif

6. Export As You Wish (Formats and Code)

A killer icon is useless if you can't easily integrate it. We provide an arsenal of output options:

  • For Design and Web Flexibility:
    • SVG: The vector gold standard. Infinitely scalable, super lightweight, perfect for the modern web and endlessly editable. The undisputed king!
    • PNG / WebP: Optimized bitmap images, with or without transparency, ready for use where vectors don't fit.
  • For CSS Development (The Classic Way!):
    • Font Icons: Prefer implementing with CSS classes? We generate lightweight packages with WOFF, WOFF2, and TTF formats, accompanied by their ready-to-link CSS file. Efficiency and compatibility!
  • For Modern Development (Copy & Paste is Life!)
    • Ready Code: Our jewel for devs! We generate components or snippets ready to import and use directly in React, Vue, Svelte, Flutter, pure JavaScript/TypeScript, Web Components, and many more. Less typing boilerplate, more business logic!

Whether you're designing the next groundbreaking interface, mocking up a landing page, or coding an app that rocks, you have the perfect format waiting for you. Check out the Integration Guides.

7. Iconsax AI Mode: Create the Icon You Can't Find!

Is there a super specific concept you can't find among the +40,000 icons? Don't give up, create it! Use our AI Generator integrated into the platform.

  • Describe what you're looking for in text.
  • Our AI creates it for you, maintaining the Iconsax visual style.
  • It works with a credit system that you can purchase separately.
  • The result is unique and coherent icons for your most special needs!

gif

Now that you know the platform, discover how to bring these icons directly into your design environment with the Figma Plugin or how to implement them frictionlessly in your code with our Integration Guides.

The complete Iconsax V2 ecosystem is designed to empower you! Keep exploring!

gif