skills.rest
jrmatherly
jrmatherlyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

better-icons

Search Iconify libraries and fetch SVGs with color and size customization.

Updated Jan 30, 2026
Search Tags:#frontend#search#CLI#SVG#UI assets#Iconify
One-click install
npx skills add https://github.com/jrmatherly/metorial-workspace --skill better-icons
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: better-icons
Source: https://github.com/jrmatherly/metorial-workspace/tree/main/.github/skills/better-icons
Command: npx skills add https://github.com/jrmatherly/metorial-workspace --skill better-icons

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers quickly locate and retrieve SVG icons from Iconify's 200+ libraries, eliminating manual searches and downloads.

Core Features & Use Cases

  • Icon search across Iconify libraries to discover suitable icons for UI components.
  • Retrieve SVGs for a given icon ID with optional color and size customization.
  • Expose an MCP-compatible server mode for AI agents to fetch icons as needed.

Quick Start

Use better-icons to search for icons and fetch SVGs for your UI components. For example:

  • better-icons search arrow
  • better-icons get lucide:home --color '#333' --size 24

Frequently Asked Questions about better-icons

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

FAQPage Schema
How do I fetch SVG icons from Iconify libraries for frontend development?▼

To fetch SVG icons from Iconify libraries, use a CLI tool to search across 200+ collections and retrieve SVG data with optional color and size customization for your UI components.

Can I customize the color and size of SVG UI assets retrieved from Iconify?▼

Yes, you can customize SVG UI assets by passing optional color and size parameters during the icon retrieval process, outputting tailored SVG data for frontend integration.

Does the better-icons CLI expose an MCP server mode for AI agents?▼

Yes, the better-icons CLI exposes an MCP-compatible server mode, allowing AI agents to dynamically search and fetch SVG icons as needed during MCP workflows.

What is the best way to search across 200+ icon collections for UI components?▼

The best way to search across 200+ icon collections for UI components is using a dedicated CLI to query Iconify libraries, returning matching icon IDs and JSON metadata for retrieval.

Do I need to install the better-icons CLI to search and fetch SVG icons?▼

Yes, you need to install the better-icons CLI because it serves as the underlying engine required to perform searches and fetch SVGs from Iconify for your frontend workflows.

Related Skills

Explore More Software Engineering Skills→
HwFeeHwFee

better-icons

Search and retrieve SVG icons from Iconify across 200+ libraries.

Community
Intermediate
rawerawe

firstspirit-fs-cli

Automate FirstSpirit template export, modification, and re-import via fs-cli workflows.

Community
Advanced
JKc66JKc66
14

better-icons

Search Iconify libraries and fetch SVGs by icon ID via CLI.

Community
Intermediate
dvcoolsterdvcoolster
1

asset-creator

Generate SVG assets from reference materials and guidelines.

Community
Advanced