Icon

Usage

To utilise the icon component, ensure that the iconify icon package you want to use is installed as a dependency. 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