Vuetify 3: v 아이콘에 SVG 사용

Question

내 사용자 정의 SVG를 v 아이콘으로 사용하고 싶지만 Vuetify v3 문서에서 해결책을 찾지 못했습니다.

vuetify v2에서는 vuetify.js에서 다음과 같은 작업을 수행할 수 있습니다.

기본 새 Vuetify 내보내기({
  아이콘:{
    값: {
      시험: {
        구성 요소: 테스트,
      },

다음과 같이 사용할 수 있습니다.

<v-icon size="40">$vuetify.icons.test</v-icon>

Vuetify v3에서 동일한 작업을 어떻게 수행합니까? 도와주셔서 감사합니다 :)

Answer 1

아래 코드는 mdi 아이콘 세트와 함께 Vuetify에 사용자 정의 아이콘을 추가하고 별칭을 통해 구성 요소에서 두 아이콘을 모두 사용하는 예를 보여줍니다.

vuetify.js

으아악

folderIcon.vue(사용자 정의 아이콘)

으아악

모든 SFC

으아악

원본 출처: Vuetify Discord 채널의 Thread