news 2026/1/26 14:47:03

Font Awesome 音/视频图标

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Font Awesome 音/视频图标

Font Awesome 提供了丰富的音/视频(Audio + Video 或 Audio-Video)相关图标,主要集中在“Audio + Video”分类中(最新版本 Font Awesome 6/7)。这些图标常用于媒体播放器、音量控制、录音、视频录制、音乐等场景。有些图标在免费版(Solid/Regular),部分高级变体或特定风格可能需 Pro 版。

常见音/视频图标列表:

  • Volume Up(音量高/扬声器):fa-solid fa-volume-highfa-solid fa-volume-up(旧版)
  • Volume Down(音量低):fa-solid fa-volume-lowfa-solid fa-volume-down
  • Volume Off(静音):fa-solid fa-volume-xmarkfa-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):

<linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"><iclass="fa-solid fa-play fa-2x"></i><!-- 播放 --><iclass="fa-solid fa-pause fa-2x"></i><!-- 暂停 --><iclass="fa-solid fa-volume-high fa-2x"></i><!-- 音量高 --><iclass="fa-solid fa-microphone fa-2x"></i><!-- 麦克风 --><iclass="fa-solid fa-video fa-2x"></i><!-- 视频 --><iclass="fa-solid fa-music fa-2x"></i><!-- 音乐 -->

如果需要特定音/视频图标的更多变体、动画(如 fa-spin)或代码示例,请提供细节!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/1/22 9:40:56

前端也能玩转AI音效?HTML+JavaScript调用HunyuanVideo-Foley实践

前端也能玩转AI音效&#xff1f;HTMLJavaScript调用HunyuanVideo-Foley实践 在短视频内容爆炸式增长的今天&#xff0c;一个15秒的视频是否能留住用户&#xff0c;往往不只取决于画面——声音正在成为决定体验上限的关键因子。脚步踩在碎石路上的沙沙声、玻璃杯滑落桌面的清脆撞…

作者头像 李华
网站建设 2026/1/22 9:40:54

diskinfo检测RAID阵列性能匹配Qwen3-VL-30B读取需求

diskinfo检测RAID阵列性能匹配Qwen3-VL-30B读取需求 在部署像 Qwen3-VL-30B 这类超大规模视觉语言模型时&#xff0c;一个常被低估的瓶颈正悄然浮现&#xff1a;存储I/O能力跟不上计算吞吐。即便配备了顶级GPU集群&#xff0c;若模型权重加载缓慢、推理过程频繁等待数据&#x…

作者头像 李华
网站建设 2026/1/22 9:40:52

告别Gradle版本困扰:AI工具效率提升10倍的秘密

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 构建一个Gradle版本问题效率对比工具&#xff0c;左侧展示传统解决流程&#xff1a;手动检查gradle-wrapper.properties、查阅兼容性文档、尝试不同版本、处理依赖冲突等耗时步骤&a…

作者头像 李华
网站建设 2026/1/22 9:40:50

66666

666666

作者头像 李华
网站建设 2026/1/22 9:40:48

88888

88888

作者头像 李华
网站建设 2026/1/23 7:33:44

使用Ollama运行GPT-OSS-20B实现低延迟对话响应的调优技巧

使用Ollama运行GPT-OSS-20B实现低延迟对话响应的调优技巧 你有没有遇到过这样的场景&#xff1a;在使用云端大模型时&#xff0c;明明问题已经输入完毕&#xff0c;却要等上一两秒才能看到第一个字蹦出来&#xff1f;更别提网络波动导致的超时、敏感数据不敢上传的顾虑&#xf…

作者头像 李华