语义 UI 图标集图像

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

语义 UI为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在本文中，让我们了解一下图像的图标集。 Semantic UI为视频编辑应用程序或相机的图像提供了一些最常用的图标类，以下是这些类。

语义 UI 图标集图像类：

• adjust：该类用于显示调整图标。
• bolt：这个类用于显示螺栓图标。
• camera：此类用于显示相机图标。
• 相机复古：这些类用于显示相机复古图标。
• clone：该类用于显示克隆图标。
• 克隆轮廓：这些类用于显示克隆图标的轮廓。
• compress：该类用于显示压缩图标。
• expand：该类用于显示展开图标。
• eye：该类用于显示眼睛图标。
• 滴管：这些类用于显示滴管图标。
• 斜线：这些类用于显示斜线图标。
• 斜线轮廓：这些类用于显示斜线图标的轮廓。
• 文件图像：这些类用于显示文件图像图标。
• 文件图像轮廓：这些类用于显示文件图像图标的轮廓。
• film：该类用于显示电影图标。
• id 徽章：这些类用于显示 id 徽章图标。
• id 徽章轮廓：这些类用于显示 id 徽章图标的轮廓。
• 身份证：这些类用于显示身份证图标。
• 身份证轮廓：这些类用于显示身份证图标的轮廓。
• image：该类用于显示图像图标。
• 图像轮廓：这些类用于显示图像图标的轮廓。
• images：此类用于显示图像图标。
• 图像轮廓：这些类用于显示图像图标的轮廓。
• 水平滑块：这些类用于显示滑块的水平图标。
• tint：这个类用于显示色调图标。

句法：

示例 1：此代码演示了所有图像图标集类。

输出：

语义 UI 图标集图像

示例 2：此代码演示图像图标集类。

HTML

 

    Semantic-UI Icon Set Images
    
    
    
    
    

 

    
        
          GeeksforGeeks
        
        
            Semantic-UI Icon Set Images
        
        
        
 
        
            
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
            
        
    

 

输出：

语义 UI 图标集图像

参考： https://semantic-ui.com/elements/icon.html#images