🎨
Frontend

UX Icons

by smnandre

UX Icons is a Frontend skill for Claude Code, published by smnandre in symfony-ux-skills.

171 stars14 forkson smnandre/symfony-ux-skillsAdded 2026/09/08+1% in starsRepository updated 2026/06/14
claudeclaude-pluginclaude-skillscodexcodex-skillscomponentsgeminigemini-cli-extensiongemini-extensiongemini-skillsskillskillssymfonysymfony-uxuxux-agentux-iconsux-map
Install in seconds
Install UX Icons
Copy UX Icons into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/smnandre/symfony-ux-skills/tree/main/skills/ux-icons ~/.claude/skills/ux-icons

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/smnandre/symfony-ux-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/ux-icons/SKILL.md in smnandre/symfony-ux-skills
Installs to
~/.claude/skills/ux-icons
Collection
One of 7 skills cataloged from this repository
Category
Frontend β€” 732 skills

What UX Icons does

UX Icons renders local and Iconify SVG icons in Twig templates. Use it to display, style, alias, import, or lock icons for production.

UX Icons is cataloged under Frontend on DirSkills. UX Icons comes from a repository tagged claude, claude-plugin, claude-skills, codex and codex-skills.

Documentation

README

UX Icons

Render local and remote SVG icons in Twig templates. Icons can come from local files, Iconify.design (200+ icon sets, 200,000+ icons), or custom icon sets. Icons are inlined as <svg> elements -- no icon fonts, no external requests at runtime.

Installation

composer require symfony/ux-icons

This is the opening of the README. Read the full README on GitHub.

Frequently asked about UX Icons

  • What else does smnandre publish alongside UX Icons?

    UX Icons is one of 7 skills that DirSkills catalogs from smnandre/symfony-ux-skills, the repository it ships in. Its siblings there include LiveComponent, Stimulus and Symfony UX. Each one is a separate skill with its own page in this directory, installs the same way UX Icons does, and is maintained by smnandre in that same repository. The rest of the collection is listed on the smnandre/symfony-ux-skills page.

  • How does UX Icons compare to other Frontend skills?

    UX Icons ranks #649 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of UX Icons against them. Open each page to compare what they document and how they install.

More from smnandre/symfony-ux-skills

UX Icons is one of 7 skills cataloged on DirSkills from smnandre/symfony-ux-skills.

See all 7 skills β†’
⚑
1h ago

LiveComponent

LiveComponent builds reactive server-rendered UI in Symfony UX that re-renders over AJAX when users interact. Use it for live search, inline validation, dependent selects, auto-save, polling, and other components that update from user input.
Frontend
17114
⚑
1h ago

Stimulus

Stimulus connects JavaScript controllers to server-rendered HTML with data attributes. Use it for click and input handling, toggles, modals, tabs, keyboard shortcuts, outlets, and wrapping third-party libraries in Symfony UX.
Frontend
17114
🧩
1h ago

Symfony UX

Symfony UX helps choose between Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map for a Symfony frontend. Use it when you need help picking the right tool or combining several UX packages.
Frontend
17114
⚑
1h ago

Turbo

Turbo provides Hotwire Turbo for Symfony UX with Drive, Frames, and Streams. Use it for AJAX navigation, lazy-loaded sections, inline editing, pagination without reload, modals from the server, and real-time updates.
Frontend
17114
🧩
1h ago

Twig Component

Twig Component creates reusable server-rendered UI components with PHP classes and Twig templates. Use it for props, slots, computed properties, or Twig-only components when building buttons, cards, alerts, and other shared UI elements.
Frontend
17114
πŸ—ΊοΈ
1h ago

UX Map

UX Map adds interactive maps to Symfony with Leaflet or Google Maps. Use it to render markers, shapes, routes, and map events, or to make maps reactive with LiveComponent.
Frontend
17114