@@ -33,7 +33,7 @@ Icon Names
33
33
34
34
Icons are referenced using an unique identifier that follows one of the following syntaxes:
35
35
36
- * ``prefix ``:`` name `` (e.g. ``mdi:check ``, ``bi:check ``, ``editor:align-left ``)
36
+ * ``prefix: name `` (e.g. ``mdi:check ``, ``bi:check ``, ``editor:align-left ``)
37
37
* ``name `` only (e.g. ``check ``, ``close ``, ``menu ``)
38
38
39
39
The icon ``name `` is the same as the file name without the file extension (e.g. ``check.svg `` -> ``check ``).
@@ -42,14 +42,12 @@ The icon ``name`` is the same as the file name without the file extension (e.g.
42
42
43
43
The name must match a standard ``slug `` format: ``[a-z0-9-]+(-[0-9a-z])+ ``.
44
44
45
- Depending on your configuration, the ``prefix `` can be the name of an icon set, a directory
45
+ Depending on your configuration, the ``prefix `` can be the name of an icon set, a directory
46
46
where the icon is located, or a combination of both.
47
47
48
-
49
48
For example, the ``bi `` prefix refers to the Bootstrap Icons set, while the ``header `` prefix
50
49
refers to the icons located in the ``header `` directory.
51
50
52
-
53
51
Loading Icons
54
52
-------------
55
53
@@ -89,31 +87,30 @@ define the HTML attributes added to the ``<svg>`` element:
89
87
Icon Sets
90
88
~~~~~~~~~
91
89
92
- Icon Sets many icon sets available, each with their own unique style and set of icons
93
- provide a wide range of icons for different purposes, while maintaining a consistent
94
- look and feel across your application.
95
-
96
- With more than 200,000 icons available, you can find the perfect icon for your project.
97
-
98
- Here are some of the most popular icon sets available:
99
-
100
- ===================== ======= ========= ======= =======================
101
- Icon Set Icons License Prefix Example
102
- ===================== ======= ========= ======= =======================
103
- `Octicons `_ 700 MIT oct oct:checked
104
- `Bootstrap Icons `_ 2000 MIT bi bi:check
105
- `Boxicons `_ 1700 MIT bx bx:check
106
- `Flowbite `_ 1000 MIT flowbite flowbite:check
107
- `FontAwesome Icons `_ 7000 CC BY 4.0 fa fa:check
108
- `Heroicons `_ 300 MIT hero hero:check
109
- `Iconoir `_ 1500 MIT iconoir iconoir:check
110
- `Ionicons `_ 1300 MIT ion ion:check
111
- `Lucide Icons `_ 1500 MIT lucide lucide:check
112
- `Material Design Icons `_ 5000 Apache 2 mdi mdi:check
113
- `Octicons `_ 200 MIT oct :oct:check
114
- `Phosphor Icons `_ 7000 MIT phosphor phosphor:check
115
- `Tabler Icons `_ 5200 MIT tabler tabler:check
116
- ===================== ======= ========= ======= =======================
90
+ There are many icon sets available, each with their own unique style and set of
91
+ icons, providing a wide range of icons for different purposes, while maintaining
92
+ a consistent look and feel across your application.
93
+
94
+ With more than 200,000 icons available, you can find the perfect icon for your
95
+ project. Here are some of the most popular icon sets available:
96
+
97
+ ========================= ======= ========== ========== ================
98
+ Icon Set Icons License Prefix Example
99
+ ========================= ======= ========== ========== ================
100
+ `Octicons `_ 700 MIT oct oct:checked
101
+ `Bootstrap Icons `_ 2000 MIT bi bi:check
102
+ `Boxicons `_ 1700 MIT bx bx:check
103
+ `Flowbite `_ 1000 MIT flowbite flowbite:check
104
+ `FontAwesome Icons `_ 7000 CC BY 4.0 fa fa:check
105
+ `Heroicons `_ 300 MIT hero hero:check
106
+ `Iconoir `_ 1500 MIT iconoir iconoir:check
107
+ `Ionicons `_ 1300 MIT ion ion:check
108
+ `Lucide Icons `_ 1500 MIT lucide lucide:check
109
+ `Material Design Icons `_ 5000 Apache 2 mdi mdi:check
110
+ `Octicons `_ 200 MIT oct :oct:check
111
+ `Phosphor Icons `_ 7000 MIT phosphor phosphor:check
112
+ `Tabler Icons `_ 5200 MIT tabler tabler:check
113
+ ========================= ======= ========== ========== ================
117
114
118
115
- `Bootstrap Icons <https://icons.getbootstrap.com/ >`_
119
116
- `Boxicons <https://boxicons.com/ >`_
0 commit comments