Icons - Elements - Spectre.css CSS Framework
Author: Yan Zhu
Description: Icons are single-element, responsive and pure CSS icons. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.

PayPal GitHub

## SPECTRE

DOCS
Getting started

- Installation
- Custom version
- Browser support
- What's new

Elements

- Typography
- Tables
- Buttons
- Forms
- Icons.css
- Labels
- Code
- Media

Layout

- Flexbox grid
- Responsive
- Hero
- Navbar

Components

- Accordions
- Avatars
- Badges
- Bars
- Breadcrumbs
- Cards
- Chips
- Empty states
- Menu
- Modals
- Nav
- Pagination
- Panels
- Popovers
- Steps
- Tabs
- Tiles
- Toasts
- Tooltips

Utilities

- Colors
- Cursors
- Display
- Divider
- Loading
- Position
- Shapes
- Text

Experimentals

- 360-Degree Viewer
- Autocomplete
- Calendars
- Carousels
- Comparison sliders
- Filters
- Meters
- Off-canvas
- Parallax
- Progress
- Sliders
- Timelines

### Icons.css#

CSS ONLY

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

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

GitHub · Twitter · PayPal Donate · Patreon Sponsor · Version

Designed and built with ♥ by Yan Zhu. Licensed under the MIT License.