<Icon> component

This section is still under construction.

Use custom icons within your page with the <Icon> component.

Usage

In order to use the <Icon> component, you must first create a SVG file (your icon) inside the assets/icons folder. The file name must be in kebab-case.

Then, call the <Icon> component passing your icon name to the name prop:

  <Icon name="my-custom-icon" />

Your SVG must have only one color and must not have a filled background. Otherwise, every color will become the same as the parent text color.

Iconify support

The <Icon> component also allows you to use the Iconify icon sets, with the icon prop:

  <Icon icon="mdi:facebook" />