Icon

Usage

To utilise the icon component, ensure that the iconify icon package you want to use is installed as a dependecy. For all icons, use @iconify/json.

<template>
  <CIcon name="i-heroicons-solid-check" />
</template>

Name

Use the name prop to use an icon. Icons are classes provided by iconify and utilise the following naming structure: i-pack-icon.

<template>
<CIcon name="i-heroicons-solid-globe-alt" />
</template>

Size

<template>
<CIcon size="xl" name="i-heroicons-solid-globe-alt" />
</template>

Props