Css的all.min图标代码使用教程 包含所有的图标代码
<!-- 系统与设备 --><i class="fas fa-microchip"></i> <!-- 芯片 -->
<i class="fas fa-memory"></i> <!-- 内存 -->
<i class="fas fa-hard-drive"></i> <!-- 硬盘 -->
<i class="fas fa-power-off"></i> <!-- 电源 -->
<i class="fas fa-plug"></i> <!-- 插头 -->
<i class="fas fa-battery-full"></i> <!-- 满电 -->
<i class="fas fa-laptop-code"></i> <!-- 编程笔记本 -->
<i class="fab fa-apple"></i> <!-- Apple设备 -->
<i class="fab fa-android"></i> <!-- Android设备 -->
<i class="fas fa-server"></i> <!-- 服务器 -->
<i class="fas fa-ethernet"></i> <!-- 以太网 -->
<i class="fas fa-wifi"></i> <!-- 无线网络 -->
<!-- 文件与数据 -->
<i class="fas fa-file"></i> <!-- 通用文件 -->
<i class="fas fa-file-alt"></i> <!-- 文本文件 -->
<i class="fas fa-file-code"></i> <!-- 代码文件 -->
<i class="fas fa-file-excel"></i> <!-- Excel文件 -->
<i class="fas fa-file-pdf"></i> <!-- PDF文件 -->
<i class="fas fa-file-image"></i> <!-- 图像文件 -->
<i class="fas fa-file-video"></i> <!-- 视频文件 -->
<i class="fas fa-file-audio"></i> <!-- 音频文件 -->
<i class="fas fa-folder"></i> <!-- 文件夹 -->
<i class="fas fa-folder-open"></i> <!-- 打开的文件夹 -->
<i class="fas fa-database"></i> <!-- 数据库 -->
<i class="fas fa-table"></i> <!-- 数据表格 -->
<!-- 工具与操作 -->
<i class="fas fa-tools"></i> <!-- 工具集 -->
<i class="fas fa-wrench"></i> <!-- 扳手 -->
<i class="fas fa-screwdriver"></i> <!-- 螺丝刀 -->
<i class="fas fa-hammer"></i> <!-- 锤子 -->
<i class="fas fa-pliers"></i> <!-- 钳子 -->
<i class="fas fa-calendar-check"></i> <!-- 任务计划 -->
<i class="fas fa-tasks"></i> <!-- 任务管理 -->
<i class="fas fa-terminal"></i> <!-- 终端 -->
<i class="fas fa-code"></i> <!-- 代码 -->
<i class="fas fa-code-branch"></i> <!-- 代码分支 -->
<i class="fas fa-cogs"></i> <!-- 多设置 -->
<i class="fas fa-sliders-h"></i> <!-- 滑块控制 -->
<!-- 网络与通信 -->
<i class="fas fa-cloud"></i> <!-- 云 -->
<i class="fas fa-cloud-upload-alt"></i> <!-- 云上传 -->
<i class="fas fa-cloud-download-alt"></i> <!-- 云下载 -->
<i class="fas fa-cloud-sync-alt"></i> <!-- 云同步 -->
<i class="fas fa-globe"></i> <!-- 地球/全球 -->
<i class="fas fa-map-marker-alt"></i> <!-- 位置标记 -->
<i class="fas fa-exchange-alt"></i> <!-- 数据交换 -->
<i class="fas fa-signal"></i> <!-- 信号强度 -->
<i class="fas fa-wifi"></i> <!-- 无线网络 -->
<i class="fas fa-network-wired"></i> <!-- 有线网络 -->
<i class="fas fa-sitemap"></i> <!-- 网络拓扑 -->
<i class="fas fa-route"></i> <!-- 路由 -->
<!-- 交互与导航 -->
<i class="fas fa-arrow-left"></i> <!-- 左箭头 -->
<i class="fas fa-arrow-right"></i> <!-- 右箭头 -->
<i class="fas fa-arrow-up"></i> <!-- 上箭头 -->
<i class="fas fa-arrow-down"></i> <!-- 下箭头 -->
<i class="fas fa-arrow-circle-left"></i> <!-- 圆形左箭头 -->
<i class="fas fa-arrow-circle-right"></i> <!-- 圆形右箭头 -->
<i class="fas fa-chevron-left"></i> <!-- 左三角箭头 -->
<i class="fas fa-chevron-right"></i> <!-- 右三角箭头 -->
<i class="fas fa-chevron-up"></i> <!-- 上三角箭头 -->
<i class="fas fa-chevron-down"></i> <!-- 下三角箭头 -->
<i class="fas fa-home"></i> <!-- 首页 -->
<i class="fas fa-search"></i> <!-- 搜索 -->
<!-- 状态与反馈 -->
<i class="fas fa-check"></i> <!-- 确认 -->
<i class="fas fa-check-circle"></i> <!-- 圆形确认 -->
<i class="fas fa-check-square"></i> <!-- 方形确认 -->
<i class="fas fa-times"></i> <!-- 取消 -->
<i class="fas fa-times-circle"></i> <!-- 圆形取消 -->
<i class="fas fa-exclamation"></i> <!-- 感叹号 -->
<i class="fas fa-exclamation-circle"></i> <!-- 圆形感叹号 -->
<i class="fas fa-exclamation-triangle"></i> <!-- 三角形警告 -->
<i class="fas fa-info"></i> <!-- 信息 -->
<i class="fas fa-info-circle"></i> <!-- 圆形信息 -->
<i class="fas fa-question"></i> <!-- 问号 -->
<i class="fas fa-question-circle"></i> <!-- 圆形问号 -->
<!-- 其他常用 -->
<i class="fas fa-user"></i> <!-- 用户 -->
<i class="fas fa-user-plus"></i> <!-- 添加用户 -->
<i class="fas fa-user-circle"></i> <!-- 用户头像 -->
<i class="fas fa-users"></i> <!-- 多用户 -->
<i class="fas fa-key"></i> <!-- 钥匙/密钥 -->
<i class="fas fa-lock"></i> <!-- 锁/加密 -->
<i class="fas fa-unlock"></i> <!-- 解锁 -->
<i class="fas fa-shield-alt"></i> <!-- 盾牌/安全 -->
<i class="fas fa-fire"></i> <!-- 火焰/热门 -->
<i class="fas fa-star"></i> <!-- 星星/收藏 -->
<i class="fas fa-star-half-alt"></i> <!-- 半星 -->
<i class="fas fa-heart"></i> <!-- 心形/喜欢 -->
需要用到的文件
**** Hidden Message *****
文字教程：
1、解压后会得到一个名为 fontawesome-free-xxx-web 的文件夹
2、打开它就能看到css文件夹 和 webfonts文件夹
3、吧css文件夹 和 webfonts文件夹上传到服务器主目录，css目录的all.min.css文件是主要用到的。
4、目录解释
<div>├─ index.html# 你的程序页
├─ css/ # 你已有的CSS文件夹
│├─ styles.css# 你的自定义样式
│└─ all.min.css # 从Font Awesome复制来的css文件
└─ webfonts/ # 从Font Awesome复制来的字体文件夹（关键！）</div>
页:
[1]