📜  幽灵行动图标

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

幽灵行动图标

Icon.css 是一个单一的元素,它是响应式和纯 css 图标。图标分为导航图标、操作图标和对象图标三种类型。在本文中,我们将了解操作图标。 Spectre Action 图标用于任何与动作相关的按钮。

幽灵行动图标类:

  • icon-resize-horiz:该类用于水平显示调整大小图标。
  • icon-resize-vert:该类用于垂直显示调整大小的图标。
  • icon-plus:该类用于显示加号图标。
  • icon-minus:该类用于显示减号图标。
  • icon-cross:该类用于显示十字图标。
  • icon-check:该类用于显示检查图标。
  • icon-stop:该类用于显示停止图标。
  • icon-shutdown:该类用于显示关机图标。
  • icon-refresh:该类用于显示刷新图标。
  • icon-search:该类用于显示搜索图标。
  • icon-flag:该类用于显示标志图标。
  • icon-bookmark:该类用于显示书签图标。
  • icon-edit:该类用于显示编辑图标。
  • icon-delete:该类用于显示删除图标。
  • icon-share:该类用于显示分享图标。
  • icon-download:该类用于显示下载图标。
  • icon-upload:该类用于显示上传图标。
  • icon-copy:该类用于显示复制图标。

句法:

示例:在此示例中,我们将使用所有操作图标。

HTML


 

    SPECTRE CSS Icons Class
    
    
    

 

    
        

GeeksforGeeks

        SPECTRE Action icons Class         

        
            
                Resize-horiz:                                  Resize-vert:                                  Plus:                                  Minus:                                  Cross:                                  Check:                              
            
            
                Stop:                                  Shutdown:                                  Refresh:                                  Search:                                  Flag:                                  Bookmark:                              
            
            
                Edit:                                  Delete:                                  Share:                                  Download:                                  Upload:                                  Copy:                              
        
      
 


输出:

幽灵行动图标

幽灵行动图标

参考: https ://picturepan2.github.io/spectre/elements/icons.html#icons-action