Font Awesome 提供了多种与音频和视频相关的图标,适用于表示音乐、视频、播放器、录音等功能。以下是一些常见的音/视频类图标及其用法:

常见音/视频图标

  1. 音量(Volume)
    • 音量(无声音)<i class="fas fa-volume-mute"></i>
    • 音量较低<i class="fas fa-volume-down"></i>
    • 音量正常<i class="fas fa-volume-up"></i>
  2. 播放按钮(Play)<i class="fas fa-play"></i>
  3. 暂停按钮(Pause)<i class="fas fa-pause"></i>
  4. 停止按钮(Stop)<i class="fas fa-stop"></i>
  5. 跳过(Skip)
    • 跳到下一曲(Next)<i class="fas fa-step-forward"></i>
    • 跳到上一曲(Previous)<i class="fas fa-step-backward"></i>
  6. 播放列表(Playlist)<i class="fas fa-list-ul"></i>
  7. 音频文件(Audio)<i class="fas fa-microphone"></i>
  8. 视频文件(Video)<i class="fas fa-video"></i>
  9. 电影(Film)<i class="fas fa-film"></i>
  10. 录像机(Camera)<i class="fas fa-camera"></i>
  11. 直播(Live Stream)<i class="fas fa-tv"></i>
  12. 录音(Record)<i class="fas fa-record-vinyl"></i>
  13. 播放器(Media Player)<i class="fas fa-play-circle"></i>
  14. 字幕(Closed Captioning)<i class="fas fa-closed-captioning"></i>
  15. 耳机(Headphones)<i class="fas fa-headphones"></i>
  16. 视频拍摄(Video Camera)<i class="fas fa-video-camera"></i>

如何使用

  1. 在 HTML 文件中引入 Font Awesome CDN: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  2. 使用相应的音/视频图标类: <i class="fas fa-play"></i> <!-- 播放按钮 -->

查看完整图标库

你可以在 Font Awesome 官网查看所有音/视频相关的图标:Font Awesome Icons – Audio & Video

如果你需要更多音/视频图标或其他帮助,请告诉我!