幽灵行动图标
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