首页 > 解决方案 > FontAwesome Regular Vuetify

问题描述

是否有人拥有 Font Awesome 5 Regular (Pro) 图标的完整图标映射以在 vuetify.js 中使用它?我还找不到它。它必须采用以下格式:

import Vue from 'vue'
import Vuetify from 'vuetify'

const MY_ICONS = {
  'complete': '',
  'cancel': '',
  'close': '',
  'delete': '', // delete (e.g. v-chip close)
  'clear': '',
  'success': '',
  'info': '',
  'warning': '',
  'error': '',
  'prev': '',
  'next': '',
  'checkboxOn': '',
  'checkboxOff': '',
  'checkboxIndeterminate': '',
  'delimiter': '', // for carousel
  'sort': '',
  'expand': '',
  'menu': '',
  'subgroup': '',
  'dropdown': '',
  'radioOn': '',
  'radioOff': '',
  'edit': ''
}

Vue.use(Vuetify, {
  icons: MY_ICONS
})

参考:https ://vuetifyjs.com/en/framework/icons#using-custom-icons

如果没有这个映射,它会尝试使用 Solid (fas) 图标。

谢谢你。

标签: vuejs2font-awesomevuetify.jsfont-awesome-5

解决方案


推荐阅读