Icons
Icons.css are single-element, responsive and pure CSS icons.
You can include spectre-icons.css
located in the dist
folder to your web <head>
to have these CSS icons.
Navigation icons
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
Action icons
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
Object icons
icon-mail
icon-people
icon-message
icon-photo
icon-time
icon-location
icon-link
icon-emoji
<i class="icon icon-menu"></i>
Sizes
Use icon-2x
, icon-3x
and icon-4x
classes to increase icon sizes. You can set font-size
to have different icon sizes.
icon-2x (32px)
icon-3x (48px)
icon-4x (64px)
<i class="icon icon-2x icon-mail"></i>