Icon

We use Iconify and Fontawesome as our data source of icons.

Fontawesome

Font Awesome is the Internet's icon library

Code

<template>
  <base-icon icon="i-fad-books" />
</template>

• i-fab-[icon_name] for brands icons
• i-far-[icon_name] for regular icons
• i-fas-[icon_name] for solid icons
• i-fal-[icon_name] for light icons
• i-fat-[icon_name] for thin icons
• i-fad-[icon_name] for duotone icons
• i-fasr-[icon_name] for sharp regular icons
• i-fass-[icon_name] for sharp solid icons
• i-fasl-[icon_name] for sharp light icons

Icones

You can refer to Icônes or Iconify for all the collections available.

Code

<template>
  <base-icon icon="i-ph-alarm-bold" />
  <base-icon icon="i-material-symbols-airport-shuttle" />
</template>

• i-ph-[icon_name] for phospor icons
• i-material-symbols-[icon_name] for material symbols icons

Icon API

Props

Name	Type	Default	Description
icon	string		Icon attribute is required.
fixedWidth	boolean	true	Icon fixed width.