Fontawesome 图标 React

Question

如何添加这样的图标（我是从本论坛的教程中添加的）：

fonteawesome facebook icon

在 React 中？因为我是这样添加的：

import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faFacebookF } from '@fortawesome/free-brands-svg-icons' 


<FontAwesomeIcon icon={['fab', 'facebook-f']} className="fb-icon-style" />


library.add(faFacebookF); 

---- 就是这样！但是现在我如何添加这样的图标：https://fontawesome.com/icons/globe 或这个 https://fontawesome.com/icons/youtube ？

非常感谢！

Answer 1

下面的代码可以工作

解决方案

import { faFacebookF, faYoutube } from '@fortawesome/free-brands-svg-icons';
import { faGlobe } from '@fortawesome/free-solid-svg-icons'; 


<FontAwesomeIcon icon={faYoutube} />
<FontAwesomeIcon icon={faFacebookF} />
<FontAwesomeIcon icon={faGlobe} />

<块引用>

注意：如果尚未安装，请安装 @fortawesome/free-solid-svg-icons

Answer 2

你这样做：

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faFacebookF } from "@fortawesome/free-brands-svg-icons"


function App() {
  return (
    <div className="App">
      <FontAwesomeIcon icon={faFacebookF} />

    </div>
  );
}

export default App;

确保导入相关的 npm 包：

npm install --save @fortawesome/react-fontawesome
npm i --save @fortawesome/free-brands-svg-icons