Skip to content
cccskills
FreePublished on GitHub

aria-icons

Use when working with icons in any project. Search 1.4M icons, add them as source files (no giant dependency), migrate existing icon libraries, and run as an MCP server. Commands: `aria-icons search`, `aria-icons add`, `aria-icons get`, `aria-icons migrate`, `aria-icons doctor`.

The English summary is being prepared. Showing the original description.

See how to install

Files included (1)

  • SKILL.md2.3 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Aria Icons

Find any icon. Put it directly into the codebase. Let AI use it.

The CLI is tiny — it talks to the Aria Icons API and only downloads the icons you ask for.

Installation

npm install -g aria-icons
# or
bun add -g aria-icons

Run without installing:

npx aria-icons search arrow --limit 10
npx aria-icons add house

Point at a local API during development:

ARIA_ICONS_API=http://localhost:3001 aria-icons search house

CLI

# Search
aria-icons search <query> [--collection lucide] [--style outline] [--limit 32] [--json]

# Get SVG / component source
aria-icons get lucide:house
aria-icons get lucide:house --format react --size 20 --color currentColor

# Add to the project (detects React/Vue/Svelte/Solid/Flutter/RN)
aria-icons add house arrow-up github
aria-icons add lucide:house --out-dir src/components/icons

# Audit + migrate
aria-icons doctor
aria-icons similar lucide:house
aria-icons equivalent lucide:house --to tabler
aria-icons migrate --to lucide --dry-run
aria-icons migrate --to lucide

# MCP for agents
aria-icons setup
aria-icons mcp

Icon IDs

collection:name — e.g. lucide:house, tabler:arrow-up, mdi:account, thesvg:github.

Aliases: lucide → lucide-icons, tabler → tabler-icons, feather → feathers.

MCP tools

ToolDescription
search_iconsSearch across all collections
get_iconSVG + framework snippets
get_icon_svgSVG only
get_icon_componentOne framework
get_iconsBatch fetch
list_collectionsBrowse sets
find_similar_iconsOther collections / related names
find_equivalent_iconMap onto a target collection
add_icon_to_projectWrite a component file
scan_project_iconsDetect existing icon libraries

Project config

aria-icons init writes .aria-icons.json:

{
  "framework": "react",
  "outDir": "src/components/icons",
  "defaultCollection": "lucide"
}

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Report a problem with this skill