[vue] vuetify mdi icon 적용법

mdi icon 모음링크

<template >
  <div class="component-wrapper">
   <v-card
    class="mx-auto"

    outlined
  >
    <v-list-item single-line>
      <v-list-item-content>
        <v-list-item-title class="h6 mb-0">
              Universua
        </v-list-item-title>
      </v-list-item-content>

           <v-list-item-icon>
              <v-icon
              color="indigo darken-4"
              large
              > mdi-arrow-down-box </v-icon>
            </v-list-item-icon>
      </v-list-item>
  </v-card>


  </div>
</template>

위 링크에서 마음에 드는 icon을 찾아서
v-icon으로 바로 적용하면 끝!
vuetify가 import 돼 있어야 사용 가능하다.

[출처] Material Design 이란? / Vue / Vuetify Icon 첨부하기|작성자 Universe