Icons

CSS ONLY

Icons 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>

Icon 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>