Skip to content
On this page

ZvIcon

ZvIcon is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

TIP

Show the icon collection in resources: Icons

Basic usage

vue
<template>
  <div class="flex flex-wrap items-center gap-4">
    <ZvIcon name="cart" size="mini" />
    <ZvIcon name="cart" size="small" />
    <ZvIcon name="cart" />
    <ZvIcon name="cart" size="large" />
    <ZvIcon name="cart" size="xlarge" />
  </div>
</template>

<script lang="ts" setup>
  import ZvIcon from '@zadigetvoltaire/ui/components/ZvIcon'
</script>