skills.rest
SunS1eep1ng
SunS1eep1ngCOMMUNITY
Explore all skills by this author →
GitHub

better-icons

Search Iconify collections for SVG icons and export them for UI projects.

Updated Jun 30, 2026
Search Tags:#ui design#Iconify#icon integration#icon search#svg icons
One-click install
npx skills add https://github.com/SunS1eep1ng/codex-dotfiles --skill better-icons-suns1eep1ng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: better-icons
Source: https://github.com/SunS1eep1ng/codex-dotfiles/tree/main/skills/better-icons
Command: npx skills add https://github.com/SunS1eep1ng/codex-dotfiles --skill better-icons-suns1eep1ng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires iconify-api, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of searching for, selecting, and using SVG icons from Iconify collections, making it faster to integrate high-quality, production-ready icons into UI designs.

Core Features & Use Cases

  • Icon Search: Quickly find icons from Iconify collections.
  • Icon Comparison: Compare and choose icons for consistency.
  • Export SVGs: Export SVG icons to be used in your project.
  • Use Case: You're designing a new feature and need a suitable icon for a button or menu. This Skill helps you find the perfect icon from a wide range of options, ensuring it aligns with your design standards.

Quick Start

Use the better-icons skill to search for the "home" icon from the "lucide" collection.

Frequently Asked Questions about better-icons

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

FAQPage Schema
How do I search for and integrate SVG icons from Iconify into my UI project?▼

You can search for SVG icons from Iconify collections by using the better-icons CLI or MCP tooling to quickly find, preview, and export production-ready icons for UI integration.

What is the best way to find and compare SVG icons for consistent UI design?▼

Finding and comparing SVG icons for UI design is streamlined by searching Iconify collections, allowing you to preview multiple options and choose the most consistent icon for your design standards.

What do I need to access Iconify icon collections for front-end development?▼

To access Iconify icon collections for front-end development, you need access to the Iconify API and the better-icons CLI or MCP tooling to execute searches and export SVGs.

Can I export SVG icons directly into my front-end project?▼

Yes, you can export SVG icons directly into your front-end project by searching the Iconify collections via the better-icons tooling and integrating the selected assets into your UI components.

Does better-icons work with specific Iconify collections like lucide?▼

Yes, better-icons works with specific Iconify collections like lucide, enabling you to query the Iconify API for targeted icon sets and utilize the resulting SVGs in your UI development.

Related Skills

Explore More Software Engineering Skills→
sefllessseflless

better-icons

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

Community
Advanced
cfardevcfardev

react-icons

Render SVG icons in React/Next.js by importing from react-icons.

Community
Basic
sandeshbagmaresandeshbagmare

design-system-patterns

Generate design tokens and implement theme switchers for web and mobile UIs.

Community
Advanced
seo-jinseokseo-jinseok

moai-tool-svg

Create, optimize, and transform SVG graphics using SVGO.

Community
Advanced