Font Awesome 提供了丰富的音/视频(Audio + Video 或 Audio-Video)相关图标,主要集中在“Audio + Video”分类中(最新版本 Font Awesome 6/7)。这些图标常用于媒体播放器、音量控制、录音、视频录制、音乐等场景。有些图标在免费版(Solid/Regular),部分高级变体或特定风格可能需 Pro 版。
常见音/视频图标列表:
- Volume Up(音量高/扬声器):
fa-solid fa-volume-high或fa-solid fa-volume-up(旧版) - Volume Down(音量低):
fa-solid fa-volume-low或fa-solid fa-volume-down - Volume Off(静音):
fa-solid fa-volume-xmark或fa-solid fa-volume-mute - Volume Mute(静音变体):
fa-solid fa-volume-mute - Play(播放):
fa-solid fa-play - Pause(暂停):
fa-solid fa-pause - Stop(停止):
fa-solid fa-stop - Forward(快进):
fa-solid fa-forward - Backward(快退):
fa-solid fa-backward - Microphone(麦克风/录音):
fa-solid fa-microphone - Microphone Slash(麦克风关闭):
fa-solid fa-microphone-slash - Video(视频/摄像头):
fa-solid fa-video - Video Slash(视频关闭):
fa-solid fa-video-slash - Music(音乐/音符):
fa-solid fa-music - Film(电影/视频胶片):
fa-solid fa-film - Headphones(耳机):
fa-solid fa-headphones - Podcast(播客):
fa-solid fa-podcast - Compact Disc(光盘):
fa-solid fa-compact-disc - Guitar(吉他,音乐相关):
fa-solid fa-guitar
注意:在 Font Awesome 6 中,分类可能拆分为“Music + Audio”和“Film + Video”等子类,但核心图标重叠。旧版(v5)直接用“Audio & Video”。
更多完整列表和样式变体(Solid、Regular、Brands 等),请访问官方页面:https://fontawesome.com/icons/categories/audio-video
或搜索特定图标:https://fontawesome.com/search?q=audio+video
使用示例(HTML):
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<i class="fa-solid fa-play fa-2x"></i> <!-- 播放 -->
<i class="fa-solid fa-pause fa-2x"></i> <!-- 暂停 -->
<i class="fa-solid fa-volume-high fa-2x"></i> <!-- 音量高 -->
<i class="fa-solid fa-microphone fa-2x"></i> <!-- 麦克风 -->
<i class="fa-solid fa-video fa-2x"></i> <!-- 视频 -->
<i class="fa-solid fa-music fa-2x"></i> <!-- 音乐 -->
如果需要特定音/视频图标的更多变体、动画(如 fa-spin)或代码示例,请提供细节!