为什么我不能使用某些免费的 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 包的一部分

标签： javascript reactjs font-awesome react-font-awesome

【解决方案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。不过我面前没有它

【讨论】：