symfony/ux-icons

Renders local and remote SVG icons in your Twig templates.

Maintainers

πŸ‘ fabpot

Package info

github.com/symfony/ux-icons

Homepage

Type:symfony-bundle

pkg:composer/symfony/ux-icons

Statistics

Installs: 7 125 377

Dependents: 61

Suggesters: 9

Stars: 56

v3.1.0 2026-05-22 05:04 UTC

Requires

Requires (Dev)

Suggests

None

Provides

None

Conflicts

Replaces

None

MIT 8a50a3d439a1612f5952c587af72933041b7308e

  • Kevin Bond <kevinbond.woop@gmail.com>
  • Simon AndrΓ© <smn.andre.woop@gmail.com>
  • Symfony Community

twigiconssvgsymfony-ux


README

Renders local and remote SVG icons in your Twig templates.

{# Twig function.. #}
{{ ux_icon('mdi:check', {class: 'w-4 h-4'}) }}

{# .. or Twig Component #}
<twig:ux:icon name="mdi:check" class="w-4 h-4" />

{# Render the "check" icon from "mdi" pack with class #}
<svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
 <path d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"/>
</svg>

Check out ux.symfony.com/icons for a demo!

Sponsor

The Symfony UX packages are backed by Mercure.rocks.

Create real-time experiences in minutes! Mercure.rocks provides a realtime API service that is tightly integrated with Symfony: create UIs that update in live with UX Turbo, send notifications with the Notifier component, expose async APIs with API Platform and create low level stuffs with the Mercure component. We maintain and scale the complex infrastructure for you!

Help Symfony by sponsoring its development!

Important

This repository is a READ-ONLY sub-tree split.
See https://github.com/symfony/ux to create issues or submit pull requests.

Resources