可以将自定义图标添加到超赞字体吗

时间:2019-01-29 09:14:28

标签: javascript reactjs svg font-awesome react-font-awesome

issue回购中的react-font-awesome暗示这是至少有可能的,但未概述添加自定义SVG图标所需的内容。

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

有没有办法创建自己的图标库并将其添加?

我为什么要这样做?由于react-font-awesome已在其<FontAwesomeIcon />组件周围建立了许多有用的功能,因此我希望能够对应用程序中的所有图标使用此单个组件,无论它们是Font Awesome图标还是我自己的。

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

1 个答案:

答案 0 :(得分:0)

根据自述文件,您可以使用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相同的方式来格式化自己的图标包,则应该可以添加它。