时间戳

首页 > 解决方案 > 可以在 font-awesome-react 中添加自定义图标吗

javascript - 可以在 font-awesome-react 中添加自定义图标吗

问题描述

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

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

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

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

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

标签： javascriptreactjssvgfont-awesomereact-font-awesome

解决方案

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

推荐阅读