2

react-font-awesome repo上的这个问题表明这至少是可能的,但没有概述添加自定义 SVG 图标所需的内容。

React Font Awesome 允许您从库中添加图标,但只能从它们自己的库中添加。

有什么方法可以创建自己的图标库并添加它?

我为什么要这样做?因为 react-font-awesome 围绕它的<FontAwesomeIcon />组件构建了很多有用的功能,我希望能够将这个单一组件用于我的应用程序中的所有图标,无论它们是 Font Awesome 图标还是我自己的。

注意:我了解如何创作 SVG 文件,我有兴趣将它们打包为可以加载到 react-font-awesome 的库。

4

1 回答 1

2

根据自述文件,您可以使用添加其他图标包library.add()

import ReactDOM from 'react-dom'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons'

library.add(fab, faCheckSquare, faCoffee)

因此,如果您以与例如free-brands-svg-icons相同的方式格式化自己的图标包,您应该能够添加它。

于 2019-01-29T09:53:56.150 回答