📌  相关文章
📜  Materialize-css 图标

📅  最后修改于: 2021-01-07 00:47:37             🧑  作者: Mango

实现CSS图标

Materialize CSS包含来自Google的932个材料设计图标。这些图标可以直接从Material Design规范中下载。

Materialize CSS支持三种类型的图标库：

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

如何使用Materialise CSS图标

您必须将图标的名称放在HTML 元素的类中才能使用该图标。

您可以使用以下类来控制图标的大小。

Index Class name Description
1) tiny It is used to draw an icon of very small size. 1rem.
2) small It is used to draw an icon of small size. 2rem.
3) medium It is used to draw an icon of medium size. 4rem.
4) large It is used to draw an icon of large size. 6rem.

例

让我们以一个示例来演示在Materialize CSS中使用的图标：


   
      The Materialize Icons Example
      
    
    
    
          
      
      
                 
       
      
      
   
   
   
      
      
Font Awesome Icons

      
            
      
      
           
      
      
Google Material Design Icons
      
      cloud
      cloud
      cloud
      cloud
      cloud      
      
      
Bootstrap Icons

输出：