symfony-ux-icons

Render scalable SVG icons in Symfony Twig templates via Iconify and local assets.

1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/woweya/Symfony-UX-LiveComponent-Skill --skill symfony-ux-icons
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: symfony-ux-icons
Source: https://github.com/woweya/Symfony-UX-LiveComponent-Skill/tree/main/skills/symfony-ux-icons
Command: npx skills add https://github.com/woweya/Symfony-UX-LiveComponent-Skill --skill symfony-ux-icons

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Simplify rendering scalable icons in Symfony Twig templates by supporting local SVGs from assets/icons and Iconify iconography, eliminating the need for ad-hoc image tags or custom icon tooling.

Core Features & Use Cases

  • Render local SVG icons from assets/icons (and nested subdirectories) with a consistent API using ux_icon.
  • Access Iconify's catalog of 200k+ icons via prefix:name syntax for rapid UI iconography.
  • Leverage Twig component syntax as an alternative to inline functions, with easy attribute customization and accessibility support.
  • Cache and configure Iconify assets for performance, with simple production warm-up as needed.

Quick Start

Install the package and start rendering icons with ux_icon('name') in your Twig templates.

Frequently Asked Questions about symfony-ux-icons

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

FAQPage Schema
How do I render SVG icons in Symfony Twig templates?

You can render SVG icons in Symfony Twig templates by using the ux_icon('name') function to load local SVGs from assets/icons, or by using the prefix:name syntax to pull from Iconify's 200k+ icon catalog.

Can I use Iconify icons with Symfony UX?

Yes, you can use Iconify icons with Symfony UX by leveraging the prefix:name syntax, which provides access to over 200,000 icons. You can also cache these Iconify assets and warm them up for production performance.

What is the best way to manage local SVG assets in Symfony?

The best way to manage local SVG assets in Symfony is to place them in the assets/icons directory, including nested subdirectories, and render them consistently using the ux_icon Twig function without ad-hoc image tags.

Does Symfony UX Icons support custom HTML attributes for rendered SVGs?

Yes, Symfony UX Icons supports custom HTML attributes for rendered SVGs. You can leverage Twig component syntax as an alternative to inline functions to easily customize attributes and add accessibility support.

How do I cache Iconify SVG assets for production in Symfony?

You can cache Iconify SVG assets for production in Symfony by configuring the Iconify integration and running a simple production warm-up process to ensure icons are cached and performant.

Why use Twig component syntax instead of inline functions for rendering SVG icons?

Using Twig component syntax instead of inline functions for rendering SVG icons provides an alternative API that makes attribute customization and accessibility support easier while maintaining the same local asset and Iconify lookup capabilities.