<template>
  <div class="d-flex flex-wrap gap-4">
    <VAvatar
      color="primary"
      variant="tonal"
      icon="mdi-account-outline"
    />
    <VAvatar
      color="secondary"
      variant="tonal"
      icon="mdi-alert-outline"
    />

    <VAvatar
      color="success"
      variant="tonal"
      icon="mdi-cube-outline"
    />

    <VAvatar
      color="warning"
      variant="tonal"
      icon="mdi-weather-sunny"
    />

    <VAvatar
      color="info"
      variant="tonal"
      icon="mdi-cart-outline"
    />

    <VAvatar
      color="error"
      variant="tonal"
      icon="mdi-close-octagon-outline"
    />

    <VAvatar
      color="pink-lighten-3"
      variant="tonal"
      icon="mdi-shape-outline"
    />
  </div>
</template>
