File tree Expand file tree Collapse file tree 4 files changed +502
-99
lines changed Expand file tree Collapse file tree 4 files changed +502
-99
lines changed Original file line number Diff line number Diff line change 1
1
# UX Icons
2
2
3
- Renders local and remote SVG icons in your Twig templates.
3
+ Renders local and remote [ SVG icons] ( https://ux.symfony.com/icons ) in your Twig templates.
4
4
5
5
``` twig
6
- {{ ux_icon('mdi:symfony', {class: 'w-4 h-4'}) }}
7
- {# or #}
6
+ {# Twig function.. #}
7
+ {{ ux_icon('mdi:check', {class: 'w-4 h-4'}) }}
8
+
9
+ {# .. or Twig Component #}
8
10
<twig:UX:Icon name="mdi:check" class="w-4 h-4" />
9
11
10
- {# renders as: #}
11
- <svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path fill="currentColor" d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"/></svg>
12
+ {# Render the "check" icon from "mdi" pack with class #}
13
+ <svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
14
+ <path d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"/>
15
+ </svg>
12
16
```
13
17
14
- Want a demo? Check out https://ux.symfony.com/icons .
15
-
16
- ** This repository is a READ-ONLY sub-tree split** . See
17
- https://github.com/symfony/ux to create issues or submit pull requests.
18
+ Check out [ ux.symfony.com/icons] ( https://ux.symfony.com/icons ) for a demo!
18
19
19
20
## Sponsor
20
21
@@ -28,6 +29,10 @@ infrastructure for you!
28
29
29
30
Help Symfony by [ sponsoring] [ 3 ] its development!
30
31
32
+ > [ !IMPORTANT]
33
+ > ** This repository is a READ-ONLY sub-tree split** .\
34
+ > See https://github.com/symfony/ux to create issues or submit pull requests.
35
+
31
36
## Resources
32
37
33
38
- [ Documentation] ( https://symfony.com/bundles/ux-icons/current/index.html )
You can’t perform that action at this time.
0 commit comments