📜  物化 CSS |图标

📅  最后修改于: 2021-11-08 06:05:33             🧑  作者: Mango

Materialize CSS 提供了丰富的google材质图标集,可以从Material Design specs下载。 materialize css 支持的图标库是Google Material IconsFont Awesome IconsBootstrap Icons可以从 Material Icons 中选择不同的图标。

库和用法:要使用这些图标,在 HTML 代码的 部分添加以下行。

然后要使用图标,在 HTML 元素的 部分提供图标的名称。

add

Material 图标尺寸: Materialize CSS 提供四种尺寸的图标: tiny、small、medium、large。小、小、中、大的尺寸分别为1 rem、2 rem、4 rem和6 rem。

add  
add  
add  
add  
add

例子:

HTML


  

    
    
  
    
    
  
    
  
    
    

  

  
    
        

Icons

        
            
                
                    account_circle                 
                
                                             account_circle                 
                
                    account_circle                 
                
                    account_circle                 
                
                    account_circle                 
            
        
    
               


输出: