news 2026/6/21 5:32:29

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/6/21 2:50:23

为什么说Qwen3-14B是中小企业AI落地的最佳选择?

为什么说Qwen3-14B是中小企业AI落地的最佳选择&#xff1f; 在今天的企业数字化浪潮中&#xff0c;一个现实问题正摆在越来越多中小公司面前&#xff1a;如何以有限的预算和资源&#xff0c;真正用上人工智能&#xff1f;不是停留在PPT里的“智能概念”&#xff0c;而是实打实地…

作者头像 李华
网站建设 2026/6/15 20:38:04

Windows系统权限终极突破:RunAsTI完整使用指南

在Windows系统深度维护和故障排除过程中&#xff0c;很多技术爱好者都会遇到一个共同的困扰&#xff1a;明明拥有管理员权限&#xff0c;却无法修改某些核心系统文件或注册表项。这种限制源于Windows资源保护机制&#xff08;WRP&#xff09;&#xff0c;而RunAsTI正是突破这一…

作者头像 李华
网站建设 2026/6/20 15:21:56

PyTorch-CUDA镜像支持NVIDIA全系列显卡,开发者福音

PyTorch-CUDA镜像支持NVIDIA全系列显卡&#xff0c;开发者福音 在深度学习项目开发中&#xff0c;你是否曾遇到这样的场景&#xff1a;同事的代码在自己机器上无法运行&#xff0c;提示“CUDA不可用”&#xff1f;或者好不容易配好环境&#xff0c;换一台服务器又要重来一遍&am…

作者头像 李华
网站建设 2026/6/18 4:33:48

GitHub开发者必看:集成Seed-Coder-8B-Base打造专属AI编程助手

GitHub开发者必看&#xff1a;集成Seed-Coder-8B-Base打造专属AI编程助手 在现代软件开发中&#xff0c;一个令人熟悉的场景是&#xff1a;新成员加入项目后&#xff0c;面对复杂的代码库迟迟无法下手&#xff1b;经验丰富的工程师在写函数时&#xff0c;仍要反复查阅文档确认A…

作者头像 李华
网站建设 2026/6/17 23:50:28

Miniconda在Ubuntu上的安装与配置全攻略(含清华镜像)

Miniconda在Ubuntu上的安装与配置全攻略&#xff08;含清华镜像&#xff09; 在当今AI和数据科学项目日益复杂的背景下&#xff0c;一个干净、隔离且可复现的开发环境几乎成了标配。你有没有遇到过这样的场景&#xff1a;刚跑通一个项目的代码&#xff0c;换到另一个项目时却因…

作者头像 李华
网站建设 2026/6/18 17:56:04

Java毕设项目:基于SpringBoot公寓服务平台的设计与实现基于springboot公寓管理系统(源码+文档,讲解、调试运行,定制等)

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华