html怎么添加自定义图标

要添加自定义图标，可以使用 Font Awesome 这样的字体图标库。具体步骤如下：

1. 首先在网站上下载 Font Awesome 的 CSS 文件，可以从官网（https://fontawesome.com/）下载，也可以使用 CDN 引入。

2. 在 HTML 中添加一个 <i> 标签，并为其添加 Font Awesome 中定义的图标类，比如 <i class="fas fa-user"></i> 就会显示一个用户图标。

3. 如果要使用自定义图标，可以使用 Font Awesome 的在线图标编辑器进行制作。制作好后，将生成的 CSS 和 Font 文件下载到本地，并引入到 HTML 中即可。

示例代码：

<!-- 引入 Font Awesome 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />

<!-- 使用 Font Awesome 的图标 -->
<i class="fas fa-user"></i>

<!-- 使用自定义图标 -->
<i class="iconfont icon-user"></i>

<!-- 引入自定义图标的 CSS 文件 -->
<link rel="stylesheet" href="./iconfont/iconfont.css" />