skills.rest
seflless
sefllessCOMMUNITY
Explore all skills by this author →
𝕏@sefllessGitHub

better-icons

Search Iconify libraries and fetch icon SVGs via CLI or MCP.

Updated Jan 24, 2026
Search Tags:#cli#search#library#icons#svg#iconify
One-click install
npx skills add https://github.com/seflless/dot-agents --skill better-icons-seflless
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: better-icons
Source: https://github.com/seflless/dot-agents/tree/main/skills/better-icons
Command: npx skills add https://github.com/seflless/dot-agents --skill better-icons-seflless

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly locate and fetch icons from 200+ libraries (Iconify) for UI design and frontend development.

Core Features & Use Cases

  • CLI to search icons across Iconify libraries
  • Get icon SVGs by id and apply optional color or size tweaks
  • MCP server support for AI agent integration in design workflows
  • Standard icon IDs follow the prefix:name format (e.g., lucide:home)

Quick Start

Run better-icons search <query> to discover icons and retrieve SVGs for your project

Frequently Asked Questions about better-icons

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

FAQPage Schema
How do I search and retrieve SVG icons from Iconify libraries programmatically?▼

You can search and retrieve SVG icons from Iconify libraries by running CLI commands. Use the search command with a query to discover icons, then fetch specific SVGs using their standardized prefix:name IDs like lucide:home.

Can I use an MCP server to integrate icon retrieval into AI agent design workflows?▼

Yes, the MCP server support allows direct integration into AI agent design workflows. This enables programmatic access to search and retrieve SVG icons from over 200 Iconify-compatible libraries during UI design and frontend development.

How do I apply custom color or size tweaks to fetched SVG icons?▼

You can apply optional color or size tweaks to fetched SVG icons during the retrieval process. When you get an icon SVG by its ID, you can specify the desired modifications directly within the command parameters.

What is the standard ID format for fetching icons across multiple libraries?▼

The standard ID format for fetching icons across multiple libraries follows the prefix:name structure. An example is lucide:home, which ensures consistent programmatic access when retrieving SVGs from the 200+ supported Iconify libraries.

Does this tool support frontend development workflows requiring multiple icon libraries?▼

Yes, it is specifically applicable for frontend development workflows requiring multiple icon libraries. It supports over 200 Iconify-compatible libraries, allowing you to quickly locate and fetch SVGs using a standardized CLI or MCP server API.

Related Skills

Explore More Design & Creative Skills→
NaimalArain13NaimalArain13
2

openai-agents-sdk

Build AI agents with the OpenAI Agents SDK and MCP server integration.

Community
Advanced
trusted-americantrusted-american

fontawesome

Register FontAwesome 7 icons and render them with the A3 Icon component.

Official
Intermediate
einverneeinverne
119

cloudflare

Build and deploy edge applications on Cloudflare Workers.

Community
Intermediate
Ven0m0Ven0m0
6

svg

Create, optimize, and transform SVG graphics with SVGO.

Community
Advanced