幽灵导航图标

Icon.css 是一个单一的元素，它是响应式和纯 css 图标。图标分为导航图标、操作图标和对象图标三种类型。在本文中，我们将了解导航图标。 Spectre 导航图标用于导航栏或菜单。

Spectre 导航图标类：

icon-arrow-up：该图标类用于显示向上箭头图标。
icon-arrow-right：该图标类用于显示右箭头图标。
icon-arrow-down：该图标类用于显示向下箭头图标。
icon-arrow-left：该图标类用于显示左箭头图标。
icon-upward：该图标类用于显示向上的图标。
icon-forward：该图标类用于显示前（右）方向图标。
icon-downward：该图标类用于显示向下方向的图标。
icon-back：该图标类用于显示后（左）方向图标。
icon-caret：此图标类用于显示插入符号（下拉）图标。
icon-menu：该图标类用于显示汉堡菜单图标。
icon-apps：此图标类用于显示图标应用程序抽屉图标。
icon-more-horiz：该图标类用于显示三个水平点图标。
icon-more-vert：此图标类用于显示垂直点图标。

句法：

示例：在此示例中，我们将使用所有导航图标。

HTML



 

    SPECTRE CSS Icons Class
    
    
    

 

    
        GeeksforGeeks
        SPECTRE Navigation icons Class
        


        
            
                Arrow Up:
                
                Arrow Right:
                
                Arrow Down:
                
                Arrow Left:
                
            
            

            
                Upward:
                
                Forward:
                
                Downward:
                
                Back:
                
            
            

            
                Caret:
                
                Menu:
                
                Apps:
                
                 
            
            

            
                More-horiz:
                
                More-vert:

输出：

幽灵导航图标

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