📌  相关文章
📜  Materialize-图标

📅  最后修改于: 2020-10-22 08:28:12             🧑  作者: Mango

 

Materialize支持以下流行的图标库-

  • 字体真棒图标
  • Google Material图标
  • 引导图标

用法

要使用图标，请将图标的名称放在HTML 元素的类中。要控制图标的大小，可以使用以下类-

Sr.No. Class Name & Description
1 tiny

Draws an icon of very small size. 1rem.
2 small

Draws an icon of small size. 2rem.
3 medium

Draws an icon of medium size. 4rem.
4 large

Draws an icon of large size. 6rem.

例

materialize_icons.htm

The Materialize Icons Example
            
      
      
                 
       
      
      
   
   
    
      
Icons Demo

      

      
      
Font Awesome Icon Demo

      
            
      
      
           
      
      
Google Material Design Icon Demo
      
      cloud
      cloud
      cloud
      cloud
      cloud      
      
      
Bootstrap Icon Demo

结果

验证结果。