Icons

For the usage of icons anywhere in the application, the aura:icon component can be used. The aura:icon component can be used to display icons from the Heroicons library.

Attributes

icon (string) - The name of the icon to display.
variant (string) - The variant of the icon. Possible values are solid, outline, and mini.

Basic Usage

Copy to clipboard

<aura:icon.academic-cap />

Icon Variants

The variant attribute can have the following values:

solid: solid
outline: outline
mini: mini

Default is outline.

Copy to clipboard

<aura:icon.academic-cap outline />
<aura:icon.academic-cap solid />
<aura:icon.academic-cap mini />

Loading Icon

The loading icon is a special icon that can be used to indicate that a process is ongoing.

Copy to clipboard

<aura:icon.loading />

Home