Styled Lists & Header Icons

Styled List with Icon

You can have a list with all one type of icon or mix it up with different icons in a single list.

  • glass
  • music
  • envelope
  • heart
  • star
  • star-empty
  • user
  • film
  • th-large
  • th
  • th-list
  • ok
  • remove
  • zoom-in
  • zoom-out
  • off
  • signal
  • cogs
  • cog
  • trash
  • home
  • file
  • time
  • road
  • download-alt
  • download
  • upload
  • inbox
  • play-circle
  • repeat
  • refresh
  • list-alt
  • lock
  • flag
  • headphones
  • volume-off
  • thumbs-down
  • comments
  • volume-down
  • qrcode
  • barcode
  • tag
  • tags
  • book
  • bookmark
  • print
  • camera
  • font
  • bold
  • italic
  • text-height
  • text-width
  • align-left
  • align-center
  • align-right
  • align-justify
  • pushpin
  • trophy
  • list
  • indent-left
  • indent-right
  • facetime-video
  • picture
  • pencil
  • map-marker
  • adjust
  • tint
  • edit
  • share
  • check
  • move
  • step-backward
  • fast-backward
  • backward
  • play
  • pause
  • key
  • upload-alt
  • stop
  • forward
  • fast-forward
  • step-forward
  • eject
  • chevron-left
  • chevron-right
  • plus-sign
  • minus-sign
  • remove-sign
  • ok-sign
  • question-sign
  • info-sign
  • screenshot
  • remove-circle
  • ok-circle
  • ban-circle
  • arrow-left
  • thumbs-up
  • lemon
  • arrow-right
  • arrow-up
  • arrow-down
  • share-alt
  • resize-full
  • esize-small
  • plus
  • minus
  • asterisk
  • exclamation-sign
  • gift
  • leaf
  • fire
  • eye-open
  • eye-close
  • warning-sign
  • plane
  • calendar
  • signout
  • random
  • comment
  • magnet
  • chevron-up
  • chevron-down
  • retweet
  • shopping-cart
  • resize-vertical
  • resize-horizontal
  • folder-close
  • folder-open
  • camera-retro
  • bar-chart
  • heart-empty
  • twitter-sign
  • linkedin-sign
  • github-sign
  • facebook-sign
  • star-half


[list icon="star"]
[list_item]Example List Item #1[/list_item]
[list_item]Example List Item #2[/list_item]
[list_item]Example List Item #3[/list_item]
[/list]


[list icon="star"]
[list_item icon="glass"]glass[/list_item]
[list_item icon="music"]music[/list_item]
[list_item icon="search"]search[/list_item]
[/list]

Header Icons

Really make your page sections stand out.

  • Add User
  • Airplane
  • Attachment
  • Back
  • Back Arrow
  • Bag
  • Beginning Track
  • Bell
  • Bolt
  • Bookmark
  • Broken Link
  • Cabinet
  • Calendar
  • Camera
  • Cancel
  • Caution
  • Checkmark
  • Clock
  • Clockwise
  • Cloud
  • Cloud Upload
  • Comment
  • Compass
  • Compass Hand
  • Conversation
  • Copy Document
  • Counter Clockwise
  • Creative Commons
  • Crosshair
  • Crosspaths
  • Document
  • Double Back
  • Down Arrow
  • Down Arrow Circle
  • Down Arrow Small
  • Download
  • End Track
  • Envato
  • Eye
  • Flag
  • Flashlight
  • Folder
  • Forward
  • Gear
  • HDD
  • Heart
  • Home
  • Hourglass
  • Info
  • Info Circle
  • Landscape
  • Left Arrow
  • Left Arrow Circle
  • Left Arrow Small
  • Life Saver
  • Link
  • List
  • List Add
  • Lock
  • Loop Arrow
  • Mail
  • Map
  • Map Pin
  • Maximize
  • Microphone
  • Minus
  • Minus Circle
  • Moon
  • Mouse
  • Music
  • Music Note
  • New Window
  • Next Track
  • Palette
  • Pause
  • Phone
  • Photos
  • Play
  • Plus
  • Plus Circle
  • Portrait
  • Previous Track
  • Printer
  • Profile
  • Question Circle
  • Question Mark
  • Record
  • Right Arrow
  • Right Arrow Circle
  • Right Arrow Small
  • Right Quote
  • Rings
  • Road Sign
  • RSS
  • Signal
  • Smartphone
  • Star
  • Stop
  • Tag
  • Thumbs Up
  • Trash
  • Trophy
  • Unlock
  • Up Arrow
  • Up Arrow Circle
  • Up Arrow Small
  • Upload
  • User
  • Usergroup
  • Video
  • Volume
  • Volume Off
  • Volume On
  • Wide Window
  • Window
  • Write
  • X Mark
  • X Mark Circle
  • Zoom In
  • Zoom Out

<h5>[icon icon="window" color="#ffffff" circle="#191919"]Window[/icon]</h5>