Font Awesome 垃圾图标介绍

简介

Font Awesome 是一款非常流行的图标字体库，其中包含丰富的图标内容，并且支持多种前端框架和页面工具使用。垃圾图标也是其中之一，提供了多种风格和大小选择，轻松应对不同的设计需求。

使用

垃圾图标可通过以下代码引入：

<!-- 在 head 标签内引入 CSS 文件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />

<!-- 在 body 标签内使用 i 标签调用 icon -->
<i class="fas fa-trash"></i>

样式

常用图标样式如下：

• fas fa-trash 普通（Solid）风格
• far fa-trash 轮廓线（Regular）风格
• fal fa-trash 轻正体（Light）风格
• fab fa-trash 品牌（Brand）风格

大小

符号大小可通过以下类名设置：

• fa-lg 倍大号
• fa-2x 两倍大
• fa-3x 三倍大
• fa-4x 四倍大
• fa-5x 五倍大

示例

在页面上应用垃圾图标（Solid）：

<i class="fas fa-trash fa-3x"></i>

效果如下：

在页面上应用垃圾图标（Light）：

<i class="fal fa-trash fa-lg"></i>

效果如下：

结语

以上是对垃圾图标的简单介绍，相信该图标会在不同的前端设计场景中得到广泛应用。更多其他图标，可以在 Font Awesome 官网找到相关资源。