<template>
  <div class="d-flex align-center justify-space-around">
    <v-avatar color="primary" size="x-small">
      32
    </v-avatar>

    <v-avatar color="secondary">
      48
    </v-avatar>

    <v-avatar color="info" size="x-large">
      64
    </v-avatar>
  </div>
</template>
<example-meta lang="json">
  {
    "figma": "https://www.figma.com/design/5f4g4pbbBsk9TTWX4Xvlx1/PRO-v3.0---Official-Vuetify-3-UI-Kit?node-id=2766-83743&t=tC3y53U3XKPv8ZyJ-4"
  }
</example-meta>
