skills.rest
ratnesh-maurya
ratnesh-mauryaCOMMUNITY
Explore all skills by this author →
Website𝕏@_ratneshmauryaGitHub

iconsax-library

Selects and integrates Iconsax icons into UI components with consistent styling.

1|Updated Aug 17, 2025
Search Tags:#design system#icon generation#icons#svg#ui design#web components#iconsax
One-click install
npx skills add https://github.com/ratnesh-maurya/mdconverter --skill iconsax-library-ratnesh-maurya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: iconsax-library
Source: https://github.com/ratnesh-maurya/mdconverter/tree/main/.claude/skills/iconsax-library
Command: npx skills add https://github.com/ratnesh-maurya/mdconverter --skill iconsax-library-ratnesh-maurya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? It replaces generic default icons with a cohesive Iconsax icon set so navigation menus, toolbars, and buttons share one consistent visual style across an application. ## Core Features & Use Cases - Style Selection: Choose from Linear, Bold, Bulk, or Two-tone icon styles to match the project's design direction. - Icon Search and Generation: Find existing Iconsax icons or generate custom variations with Iconsax AI when a concept is not covered. - Integration Guidance: Implement icons as SVGs or web components with 24x24 grid sizing for crisp rendering. - Use Case: When building a dashboard sidebar, use this Skill to pick matching Two-tone icons for every menu item instead of mixing unrelated icon sets. ## Quick Start Use the iconsax-library skill to add consistent Linear-style icons to my navigation menu and action buttons.

Frequently Asked Questions about iconsax-library

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Iconsax icons to a web project?▼

Identify the concept the icon represents, pick one style such as Linear or Two-tone, then find the icon in the Iconsax library. Integrate it as an SVG or web component using the standard 24x24 grid size.

What icon styles does Iconsax offer?▼

Iconsax offers Linear for minimal interfaces, Bold and Bulk for solid emphasis in dark modes, and Two-tone for colorful branded aesthetics. The skill requires sticking to one style per project for consistency.

Can I generate a custom icon if Iconsax does not have one?▼

Yes, the skill directs you to Iconsax AI at app.iconsax.io/ai to generate a custom icon variation that matches your chosen style when no existing icon fits the concept.

Why should I avoid mixing icon styles in one project?▼

Mixing styles like Linear and Two-tone breaks visual cohesion and makes the interface look unpolished. The skill mandates a single style throughout a project to maintain a consistent design system.

What icon size should I use for crisp rendering?▼

Use the standard 24x24 grid size specified by the skill. This ensures precise alignment and crisp rendering on high-DPI displays.

Related Skills

Explore More Design & Creative Skills→
ihlamuryihlamury
73

planetscale-ui-skills

Enforce Planetscale UI design tokens, dark mode, Inter font, and 4px grid.

Community
Intermediate
ThiritinThiritin

polish

Align visuals, spacing, and interaction details before release or QA handoff.

Community
Advanced
BRANDNEWSHVTBRANDNEWSHVT

accessibility-audit

Identify and fix WCAG 2.1 AA accessibility gaps in frontend user interfaces.

Official
Advanced
douincdouinc
1

figma-icons-iconify

Fetch SVG icons from Iconify and insert them into Figma designs.

Official
Intermediate