为什么我不能使用某些免费的 FontAwesome 图标?
Why can't I use certain free FontAwesome icons?
我正在开发一个使用 Font-awesome. I'm able to get icons like the comment bubble working fine with import { faComment } from '@fortawesome/free-regular-svg-icons'
. But there are certain icons such as the search icon 的 React 应用程序,尽管它是免费的,但似乎不可导入。有谁知道为什么图标之间存在这种差异?我应该怎么做才能导入搜索图标?我们已经在整个应用程序中使用 <FontAwesomeIcon />
组件语法,因此我希望尽可能避免使用 <i class="fas fa-search"></i>
。
我认为它会很稳定,所以很快,即 fasSearch。虽然我没有它在我面前
这对我有用:
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>
);
}
我正在开发一个使用 Font-awesome. I'm able to get icons like the comment bubble working fine with import { faComment } from '@fortawesome/free-regular-svg-icons'
. But there are certain icons such as the search icon 的 React 应用程序,尽管它是免费的,但似乎不可导入。有谁知道为什么图标之间存在这种差异?我应该怎么做才能导入搜索图标?我们已经在整个应用程序中使用 <FontAwesomeIcon />
组件语法,因此我希望尽可能避免使用 <i class="fas fa-search"></i>
。
我认为它会很稳定,所以很快,即 fasSearch。虽然我没有它在我面前
这对我有用:
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>
);
}