Icons.css

CSS ONLYFONT AWESOME

Spectre.css Icons will be moved to a new GitHub Repo while Spectre will only include basic 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

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>

Font awesome icons

Spectre.css icons are using free version of the Font Awesome.
Font awesome navigation

fa-arrow-up

fa-arrow-right

fa-arrow-down

fa-arrow-left

fa-angle-up

fa-angle-right

fa-angle-down

fa-angle-left

fa-caret-up

fa-caret-right

fa-caret-down

fa-caret-left

fa-bars

icon-apps

fa-ellipsis

fa-ellipsis-vertical

Font awesome action icons

icon-resize-horiz

icon-resize-vert

fa-plus

fa-minus

fa-xmark

fa-check

fa-ban

fa-power-off

fa-rotate-right

fa-magnifying-glass

fa-flag

fa-bookmark

fa-pencil

fa-trash

fa-share

fa-download

fa-upload

fa-copy

Font awesome object icons

fa-envelope

fa-envelope

fa-user

fa-user

fa-message

fa-message

fa-image

fa-image

fa-clock

fa-clock

fa-location-dot

fa-location-pin

fa-link

fa-link-slash

Font awesome emoji icons

fa-face-rolling-eyes

fa-face-rolling-eyes

fa-face-meh

fa-face-meh

fa-face-meh-blank

fa-face-meh-blank

fa-face-grin-wink

fa-face-grin-wink

fa-face-laugh-wink

fa-face-laugh-wink

fa-face-smile

fa-face-smile

fa-face-smile-wink

fa-face-smile-wink

fa-face-grin-tongue-wink

fa-face-grin-tongue-wink

fa-face-frown

fa-face-frown

fa-face-frown-open

fa-face-frown-open

Font awesome rating icons

fa-thumbs-up

fa-thumbs-up

fa-thumbs-down

fa-thumbs-down

fa-heart

fa-heart

fa-star

fa-star

fa-star-half

fa-star-half