使用 vue-fontawesome 导入常规图标和实体图标

Question

我正在尝试导入实体图标和常规图标

import { 
    faFile
} from '@fortawesome/free-solid-svg-icons'

import {
    faFile
} from '@fortawesome/free-regular-svg-icons'

但是faFile无法重新定义，怎么办？

Answer 1

你可以rename the import:

import { 
  faFile as faFileSolid
} from '@fortawesome/free-solid-svg-icons'

import {
  faFile as faFileRegular
} from '@fortawesome/free-regular-svg-icons'

demo

使用 vue-fontawesome 导入常规图标和实体图标

Import both regular and solid icon with vue-fontawesome

font-awesome

vue.js