Semantic-UI 图标集音频和视频

Semantic UI 是一个开源开发框架，它提供预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。

在这篇文章中，让我们看看音频和视频的图标集。 Semantic UI 为音频和视频提供了一些最常用的图标类，这些图标类主要用于视频或聊天应用程序。

Semantic UI Icon 设置音视频类：

• 音频描述：该类用于显示音频描述图标。
• 后退：该类用于显示后退图标。
• circle：该类用于显示圆形图标。
• circle outline：该类用于显示圆形图标的轮廓。
• 隐藏式字幕：此类用于显示隐藏式字幕图标。
• 隐藏字幕大纲：此类用于显示隐藏字幕图标的轮廓。
• compress：该类用于显示压缩图标。
• 弹出：该类用于显示弹出图标。
• expand：该类用于显示展开图标。
• 展开箭头交替：该类用于显示展开箭头图标的选择。
• 快退：该类用于显示快退图标。
• 快进：该类用于显示快进图标。
• 文件音频：该类用于显示文件音频图标。
• 文件音频大纲：该类用于显示文件音频图标的轮廓。
• 文件视频：该类用于显示文件视频图标。
• 文件视频大纲：该类用于显示文件视频图标的轮廓。
• film：该类用于显示电影图标。
• forward：该类用于显示前进图标。
• 耳机：该类用于显示耳机图标。
• 麦克风：该类用于显示麦克风图标。
• 麦克风斜线：此类用于显示麦克风斜线图标。
• music：该类用于显示音乐图标。
• pause：该类用于显示暂停图标。
• 暂停圈：这个类用于显示暂停圈图标。
• 暂停圆圈轮廓：该类用于显示暂停圆圈图标的轮廓。
• 电话音量：该类用于显示电话音量图标。
• play：该类用于显示播放图标。
• 播放圈：该类用于显示播放圈图标。
• 播放圈轮廓：该类用于显示播放圈图标的轮廓。
• podcast：该类用于显示播客图标。
• random：此类用于显示随机图标。
• redo：该类用于显示重做图标。
• 重做替代：此类用于显示重做图标的替代。
• rss：该类用于显示 rss 图标。
• rss square：此类用于显示 rss 方形图标。
• 后退：该类用于显示后退图标。
• step forward：这个类用于显示向前的图标。
• stop：该类用于显示停止图标。
• 停止圈：该类用于显示停止圈图标。
• 停止圆圈轮廓：该类用于显示停止圆圈图标的轮廓。
• sync：此类用于显示同步图标。
• 同步备用：该类用于显示同步图标的备用。
• undo：该类用于显示撤消图标。
• undo alternate：该类用于显示撤消图标的替代。
• video：该类用于显示视频图标。
• 降低音量：该类用于显示降低音量图标。
• 音量关闭：该类用于显示音量关闭图标。
• volume up：这个类用来显示音量上的图标。

句法：

注意：开发者可以根据需要更改所选图标的类名。

示例 1：此代码演示了所有音频和视频图标集类。

输出：

示例 2：此代码演示了音频和视频图标集类的示例。

HTML

  

      

  

    
        
GeeksforGeeks
         Semantic-UI Icon Set Audio and Video 
        


  
        

          

            
              
            
            
              
            
            
              
            
            
              
            
          
         
        
    
    

输出：

参考： https://semantic-ui.com/elements/icon.html#audio–video