<template>
  <div class="text-center">
    <v-btn
      class="mx-2"
      color="primary"
      size="small"
      icon
    >
      <v-icon>
        mdi-minus
      </v-icon>
    </v-btn>

    <v-btn
      class="mx-2"
      color="pink"
      size="small"
      icon
    >
      <v-icon>
        mdi-heart
      </v-icon>
    </v-btn>

    <v-btn
      class="mx-2"
      color="indigo"
      icon
    >
      <v-icon>
        mdi-plus
      </v-icon>
    </v-btn>

    <v-btn
      class="mx-2"
      color="teal"
      icon
    >
      <v-icon>
        mdi-format-list-bulleted-square
      </v-icon>
    </v-btn>

    <v-btn
      class="mx-2"
      color="cyan"
      size="large"
      icon
    >
      <v-icon>
        mdi-pencil
      </v-icon>
    </v-btn>

    <v-btn
      class="mx-2"
      color="purple"
      size="large"
      icon
    >
      <v-icon>
        mdi-android
      </v-icon>
    </v-btn>
  </div>
</template>
