📜  语义 UI 图标集货币

📅  最后修改于: 2022-05-13 01:56:13.083000             🧑  作者: Mango

语义 UI 图标集货币

Semantic UI 是一个基于 CSS 和 jQuery 的开源 CSS 框架。它通过其预先构建的元素和模块帮助更快地构建布局。在本文中,我们将看到 Semantic UI 提供的货币图标集。

语义 UI 图标设置货币为我们提供了不同种类的事物和活动。货币图标集中共有 11 个图标,可用于表示各国的货币或货币单位,如美元符号、欧元符号、日元符号、卢布符号等,如下所述。在本文中,我们将了解各种形式的语义 UI 货币集图标,如彩色图标或单位或不同大小的图标。

语义 UI 图标集货币类:

  • 美元符号:这些类用于显示美元货币符号。
  • euro sign :这些类用于显示欧元货币符号。
  • 里拉符号:这些类用于显示里拉货币符号。
  • 钞票替代:这些类用于显示钞票图标。
  • 钞票替代轮廓:这些类用于显示轮廓的钞票图标。
  • 磅符号:这些类用于显示英镑货币符号。
  • 卢布符号:这些类用于显示卢布货币符号。
  • 卢比符号:这些类用于显示卢比货币符号。
  • 谢克尔符号:这些类用于显示谢克尔货币符号。
  • won sign : 这些类用于显示赢得的货币符号。
  • 日元符号:这些类用于显示日元货币符号。

句法:

示例 1:下面的示例说明了上面列出的所有 11 个图标的使用。

HTML


 

    Semantic-UI Icon Set Currency
    
    
    
    

 

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Currency         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    


HTML


 

    Semantic-UI Icon Set Currency
    
    
     
    

 

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Currency         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    


HTML


 

    Semantic-UI Icon Set Currency
    
    
   
    

 

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Currency         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    


输出:

语义 UI 图标集货币

语义 UI 图标集货币

示例 2:下面的示例显示了使用不同颜色的货币集图标。

HTML



 

    Semantic-UI Icon Set Currency
    
    
     
    

 

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Currency         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    

输出:

语义 UI 图标集货币

语义 UI 图标集货币

示例 3:下面的示例显示了使用具有大小变化的货币集图标。

HTML



 

    Semantic-UI Icon Set Currency
    
    
   
    

 

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Currency         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    

输出:

语义 UI 图标集货币

语义 UI 图标集货币

参考链接: https://semantic-ui.com/elements/icon.html#currency