Please wait...

Color options
Index variants
Extra page

Icons

Icon Flat and colorful icons

All icons require an <i> tag with a unique class, prefixed with icon icon-64 icon-. To use, place the following code just about anywhere:


icon-anchor

icon-aperture

icon-arrow-down

icon-arrow-up

icon-art

icon-barchart

icon-batteryfull

icon-batterylow

icon-bike

icon-biker

icon-bikewheel

icon-blimp

icon-bolt

icon-bomb

icon-booklet

icon-bookshelf

icon-briefcase

icon-brightness

icon-browser

icon-brush-pencil

icon-calculator

icon-calendar

icon-camera

icon-car

icon-cart

icon-carwheel

icon-caution

icon-chat

icon-check

icon-circlecompass

icon-clapboard

icon-clipboard

icon-clock

icon-cloud

icon-cmyk

icon-colorwheel

icon-compass

icon-compose

icon-computer

icon-cone

icon-contacts

icon-contrast

icon-countdown

icon-creditcard

icon-crop

icon-crossroads

icon-cruise

icon-cursor

icon-denied

icon-dev

icon-die

icon-document

icon-dolly

icon-door

icon-download

icon-easel

icon-email

icon-eye

icon-eyedropper

icon-fashion

icon-filmreel

icon-filmroll

icon-flag

icon-flame

icon-flash

icon-flower

icon-focus

icon-folder

icon-frames

icon-gamecontroller

icon-gas

icon-gear

icon-genius

icon-global

icon-globe

icon-gps

icon-hazard

icon-heart

icon-helicopter

icon-hotair

icon-hourglass

icon-image

icon-interstate

icon-key

icon-keyboard

icon-lens

icon-lightbulb

icon-loading

icon-location

icon-locked

icon-magicwand

icon-magnifyingglass

icon-mail

icon-map

icon-megaphone

icon-megaphone2

icon-memorycard

icon-merge

icon-mic

icon-microphone

icon-money

icon-motorcycle

icon-music

icon-news

icon-paintbrush

icon-paintbrush2

icon-paintcan

icon-paintroller

icon-parachute

icon-pencil

icon-phone

icon-piechart

icon-pin

icon-pin2

icon-plane

icon-play

icon-plugin

icon-polaroid

icon-polaroidcamera

icon-polaroids

icon-power

icon-present

icon-profle

icon-quote

icon-racingflags

icon-radio

icon-radiotower

icon-rainbow

icon-recycle

icon-rgb

icon-ribbon

icon-roadblock

icon-rocket

icon-rulertriangle

icon-running

icon-sailboat

icon-schooolbus

icon-scissors

icon-scooter

icon-security

icon-speaker

icon-spaceshuttle

icon-smartphone

icon-slr

icon-skateboard

icon-shop

icon-shoeprints

icon-shipwheel

icon-settings

icon-selftimer

icon-speedometer

icon-spraypaint

icon-stack

icon-star

icon-steeringwheel

icon-stop

icon-sub

icon-submarine

icon-support

icon-swatches

icon-tablet

icon-takeoff

icon-target

icon-taxi

icon-toolbox

icon-tools

icon-tractor

icon-traffic

icon-train

icon-travelerbag

icon-trends

icon-tripod

icon-trophy

icon-truck

icon-tv

icon-typography

icon-ufo

icon-umbrella

icon-unicycle

icon-unlocked

icon-upload

icon-video

icon-videocameraclassic

icon-videocameracompact

icon-volume

icon-water

icon-weather

icon-windsock

icon-windy

icon-x

icon-zoomin

icon-zoomout

Icon size Setting icons size

Setting icons size just add icon-64, icon-42, icon-32 and icon-24 in the <i> class.

Icon size 64x64

icon icon-64 icon-anchor

icon icon-64 icon-aperture

icon icon-64 icon-arrow-down

icon icon-64 icon-arrow-up
Icon size 42x42

icon icon-42 icon-art

icon icon-42 icon-barchart

icon icon-42 icon-batteryfull

icon icon-42 icon-batterylow
Icon size 32x32

icon icon-32 icon-bike

icon icon-32 icon-biker

icon icon-32 icon-bikewheel

icon icon-32 icon-blimp
Icon size 24x24

icon icon-24 icon-bolt

icon icon-24 icon-bomb

icon icon-24 icon-booklet

icon icon-24 icon-bookshelf