为啥我不能使用某些免费的 FontAwesome 图标？

Posted 2023-02-21

【中文标题】为啥我不能使用某些免费的 FontAwesome 图标？

【英文标题】：Why can't I use certain free FontAwesome icons?为什么我不能使用某些免费的 FontAwesome 图标？

【发布时间】：2021-11-28 01:45:18

【问题描述】：

我正在开发一个使用 Font-awesome 的 React 应用程序。我可以使用import faComment from '@fortawesome/free-regular-svg-icons' 获得像评论气泡这样的图标。但是有些图标，例如the search icon，尽管是免费的，但似乎不可导入。有谁知道为什么图标之间存在这种差异？我应该怎么做才能导入搜索图标？我们已经在整个应用程序中使用了<FontAwesomeIcon /> 组件语法，所以我希望尽可能避免使用<i class="fas fa-search"></i>。

【问题讨论】：

“似乎不可导入”...这是什么意思？当你尝试时会发生什么？你有任何错误吗？

不，没有任何类似于搜索图标的结果。该项目已经在使用 3 个不同的字体很棒的包，所以我想也许还有第四个包含其他图标？不过我不这么认为。

faSearch 是@fortawesome/free-solid-svg-icons 包的一部分

【参考方案1】：

这对我有用：

import React from "react";
import  FontAwesomeIcon  from '@fortawesome/react-fontawesome'
import  faSearch  from '@fortawesome/free-solid-svg-icons'

export default function App() 
  return (
    <div className="App">
      <FontAwesomeIcon icon=faSearch />
    </div>
  );

【参考方案2】：

我认为它会是稳定的，所以 fas，即 fasSearch。不过我面前没有它