Icons are displayed using icon sets. These are collections of icons, lazily loaded on demand for performance. See the system documentation to learn more about icon sets.
If for some reason you don't want to lazy load icons, you can still import and use them synchronously.
It is recommended to add an
aria-label to provide information to visually impaired users:
lion-icon without an
aria-label attribute will be automatically given an
By default, a
lion-icon will be
1em (the current line-height).
lion-icon uses SVGs and may be styled with CSS, including using CSS properties such as
See SVG and CSS on MDN web docs for more information.