Skip to content

Renders local and remote SVG icons in your Twig templates.

License

Notifications You must be signed in to change notification settings

symfony/ux-icons

Repository files navigation

UX Icons

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