当前位置: 首页 > news >正文

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)或代码示例,请提供细节!

http://www.cnnetsun.cn/news/70725.html

相关文章:

  • Ollama下载GPT-OSS-20B并实现本地化AI服务的完整教程
  • SkyWalking 与 Zipkin、Prometheus 深度对比分析
  • 全面升级!yudao-cloud v2.4.2重磅发布:AI大模型与工作流引擎双引擎驱动业务创新
  • gpt-oss-20b结合Dify部署实现可视化AI工作流
  • AI自动修复CHLSProxy SSL证书错误:开发者新利器
  • 77777
  • 大麦抢票终极指南:DamaiHelper全自动解决方案
  • 大学计算机
  • 一口气解释清楚转换流存在的原因
  • 从卧床不起到健步如飞 退休老阿姨用机器人治腰突的亲身体验!
  • Java毕设项目:基于springboot新能源汽车销售管理系统基于Java Web的新能源汽车信息咨询服务(源码+文档,讲解、调试运行,定制等)
  • Java毕设项目:基于springboot高校体育运动会比赛系统(源码+文档,讲解、调试运行,定制等)
  • uos server 1070e在线软件仓库源整理记录
  • 谷歌镜像站同步更新:Qwen-Image全球加速访问
  • 使用Docker Compose快速部署FLUX.1-dev镜像的5个步骤
  • 腾讯混元HunyuanVideo-Foley模型上线GitHub,开启音画同步新纪元
  • npm publish发布基于Qwen-Image的封装库到公共仓库
  • 冥想第一千七百三十二天(1732)
  • 冥想第一千七百三十三天(1733)
  • Qwen3-8B vs 其他8B模型:开源大模型性能对比实测
  • java计算机毕业设计生活用品供应管理系统的设计与实现 基于SpringBoot的社区日用品采购平台的设计与实现 面向校园的日用杂货线上供应系统的设计与实现
  • 干货!大数据数据增强的实际应用技巧
  • 大数据领域中Power BI与其他工具的对比分析
  • ensp下载官网被屏蔽?国内镜像站提供备份资源
  • 付费墙绕过技术深度解析:Bypass Paywalls Clean实现原理与应用指南
  • 小米运动步数自动同步工具:2025年免费刷步数完整教程
  • Ubuntu安装GNOME桌面增强PyTorch开发体验
  • gpt-oss-20b能否用于文本摘要任务?实测效果报告
  • 3步搞定!网易云NCM音乐格式转换全攻略
  • Flutter 跨端开发进阶:可复用自定义组件封装与多端适配实战(移动端 + Web + 桌面端)