Font Awesome (Free) 图标 Unicode 值和推荐的颜色代码

心情图标与颜色值列表

心情 (Mood)	图标预览	Font Awesome 图标 (v5/v6 Free)	Unicode 值	推荐颜色 (Hex / RGBA)
开心 (Happy)		`fas fa-smile`	`f118`	`#FFC107` / `rgba(255, 193, 7, 1)`
难过 (Sad)		`fas fa-sad-tear`	`f5b4`	`#007BFF` / `rgba(0, 123, 255, 1)`
生气 (Angry)		`fas fa-angry`	`f556`	`#DC3545` / `rgba(220, 53, 69, 1)`
惊讶 (Surprised)		`fas fa-surprise`	`f5c2`	`#6F42C1` / `rgba(111, 66, 193, 1)`
平静/一般 (Neutral)		`fas fa-meh`	`f11a`	`#6C757D` / `rgba(108, 117, 125, 1)`
喜爱/花痴 (Loved)		`fas fa-grin-hearts`	`f584`	`#E83E8C` / `rgba(232, 62, 140, 1)`
得意/超棒 (Awesome)		`fas fa-grin-stars`	`f587`	`#20C997` / `rgba(32, 201, 151, 1)`
生病/晕 (Sick)		`fas fa-dizzy`	`f567`	`#28A745` / `rgba(40, 167, 69, 1)`
大笑 (Laughing)		`fas fa-laugh-beam`	`f59a`	`#FD7E14` / `rgba(253, 126, 20, 1)`
俏皮/眨眼 (Winking)		`fas fa-grin-wink`	`f58c`	`#6610F2` / `rgba(102, 16, 242, 1)`
疲惫 (Tired)		`fas fa-tired`	`f5b8`	`#17A2B8` / `rgba(23, 162, 184, 1)`
面无表情 (Blank)		`fas fa-meh-blank`	`f5a4`	`#343A40` / `rgba(52, 58, 64, 1)`

如何使用

确保已引入 Font Awesome 字体库：在您的项目中（如 CSS 文件或 HTML 头部），需要先引入 Font Awesome 的 CSS 文件。
CSS 中使用：
- 找到您想应用图标的元素的伪类（如 ::before 或 ::after）。
- 设置 font-family: 'Font Awesome 5 Free';
- 设置 font-weight: 900; (对于 fas Solid 样式的图标)
- 将 content 属性设置为 Unicode 值的 CSS 格式，例如：content: '\f118';
- 将 color 属性设置为您选择的颜色值。

CSS 示例：

.mood-icon.happy::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f118';
  color: #FFC107; /* 或者 rgba(255, 193, 7, 1) */
  margin-right: 8px; /* 添加一些间距 */
}

.mood-icon.sad::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f5b4';
  color: #007BFF;
  margin-right: 8px;
}