General

Icon

The library don't provide icons

You can use any SVG or font icon library. This is a helper component.


Description

This component is useful to tell the library which elements are icons.
For example, in a button, the library will search for icons to apply the correct width/height, padding, and hidding it when the button is loading.


API

import { LuiIconModule } from '@lqvrent-workspace/lqvrent-ui/icon';
<i lui-icon>...</i>
<svg lui-icon>...</svg>
<span lui-icon>...</span>

lui-icon

directive Standalone

Examples

On svg element

If your SVG don't have a default fill color, you should set the fill attribute to currentColor to inherit the color from the parent element.

Using font icon

Previous
Button