介绍
font-awesome-brand 是 Font Awesome 5 的品牌图标集合，提供了各种知名网站的图标。该包是基于开源项目 Font Awesome 发布的，可通过 npm 安装使用。 Font Awesome 是一套完整的字体图标样式库，以字体的方式提供了多种 Web 常用图标，包括字母、数字、符号、国旗、品牌、社交媒体等多种图标，大大简化了前端开发人员的工作，甚至能减少工作量和提高开发效率，使用 Font Awesome 十分流行。
安装
在使用 font-awesome-brand 之前，需要先安装 Font Awesome5 的基础框架：
npm install --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm install --save @fortawesome/free-brands-svg-icons
上面的安装包分别为 Font Awesome5 的基础框架、实心图标库和品牌图标库，使用前需要先安装。
然后再安装 font-awesome-brand：
npm install --save @fortawesome/free-brands-svg-icons
安装完成后，在需要使用图标的地方引入：
import { faTwitter } from '@fortawesome/free-brands-svg-icons';
import { faInstagram } from '@fortawesome/free-brands-svg-icons'；
// ...
library.add(faTwitter, faInstagram)使用方法
使用 font-awesome-brand 包，需要先在代码中引入对应的图标文件，然后在需要使用的地方对 icon 进行调用。
下面是一些常用的调用方法：
SVG 类名
<i class="fab fa-twitter"></i>
标签类名
<i class="fa fa-twitter" aria-hidden="true"></i>
调用 JS
-- -------------------- ---- -------
------ - --------- - ---- -------------------------------------
------ ------- -
----- --------------
------ -
------ -
------ -
-------- ----------
--
--
--
--示例代码
-- -------------------- ---- -------
---- ---- ---
-- ---------- ----------------
---- ---- ---
-- ---------- ---------- -----------
---- ---- ---
-- ---------- ----------- ------------- -----------
---- ------ ---
------- ------------- ---------- -------------
-- ---------- ---------------- ----
---------
---- -- -- ---
----------
-----
----------- --------------
-- ---------------- ------ -----------------------------
------
-----------
--------
------ - --------- - ---- -------------------------------------
------ ------- -
----- --------------
------ -
------ -
------ -
-------- ----------
--
--
--
--
---------
-------
----- -
---------- -----
-
--------总结
在前端开发中使用图标库是一个很普遍且方便的操作，font-awesome-brand 则是基于 Font Awesome 5 扩展的品牌图标库，提供了各种知名网站的图标，方便我们在开发中使用。以上便是 font-awesome-brand 的安装和使用方法，希望对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557da81e8991b448d4e6a