Font Awesome 提供了多种与音频和视频相关的图标,适用于表示音乐、视频、播放器、录音等功能。以下是一些常见的音/视频类图标及其用法:
常见音/视频图标
- 音量(Volume):
- 音量(无声音):
<i class="fas fa-volume-mute"></i>
- 音量较低:
<i class="fas fa-volume-down"></i>
- 音量正常:
<i class="fas fa-volume-up"></i>
- 音量(无声音):
- 播放按钮(Play):
<i class="fas fa-play"></i>
- 暂停按钮(Pause):
<i class="fas fa-pause"></i>
- 停止按钮(Stop):
<i class="fas fa-stop"></i>
- 跳过(Skip):
- 跳到下一曲(Next):
<i class="fas fa-step-forward"></i>
- 跳到上一曲(Previous):
<i class="fas fa-step-backward"></i>
- 跳到下一曲(Next):
- 播放列表(Playlist):
<i class="fas fa-list-ul"></i>
- 音频文件(Audio):
<i class="fas fa-microphone"></i>
- 视频文件(Video):
<i class="fas fa-video"></i>
- 电影(Film):
<i class="fas fa-film"></i>
- 录像机(Camera):
<i class="fas fa-camera"></i>
- 直播(Live Stream):
<i class="fas fa-tv"></i>
- 录音(Record):
<i class="fas fa-record-vinyl"></i>
- 播放器(Media Player):
<i class="fas fa-play-circle"></i>
- 字幕(Closed Captioning):
<i class="fas fa-closed-captioning"></i>
- 耳机(Headphones):
<i class="fas fa-headphones"></i>
- 视频拍摄(Video Camera):
<i class="fas fa-video-camera"></i>
如何使用
- 在 HTML 文件中引入 Font Awesome CDN:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
- 使用相应的音/视频图标类:
<i class="fas fa-play"></i> <!-- 播放按钮 -->
查看完整图标库
你可以在 Font Awesome 官网查看所有音/视频相关的图标:Font Awesome Icons – Audio & Video
如果你需要更多音/视频图标或其他帮助,请告诉我!
发表回复