The icon component can be used to display any icon from our own icon set.
For better accessibility of icons, you can pass an additional alt attribute like for images.
Like with the
k-image component, you can set the background for the icon. By default, the background is transparent. Here are the available
Boolean (default: false)
You can pass an emoji as icon type, but in this case you also have to set
:emoji="true" in order to display the emoji correctly.
By default the icon size is set to
1rem = 16px, which corresponds with the Panel font size. Additional sizes are:
1rem = 16px
2rem = 32px
3rem = 48px
Select the icon with this attribute.