Messages and icons example

[header type=”h2″] Info messages [/header]

[info icon=”icon-info-sign”] Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate tempor sit. [/info]

[error icon=”icon-ban-circle”] Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate tempor sit. [/error]

[warning icon=”icon-exclamation-sign”] Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate tempor sit. [/warning]

[success icon=”icon-check-sign”] Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate tempor sit. [/success]

[spacing size=”60px”]

[header type=”h2″] Font awesome icons [/header]

[icon name=”icon-adjust”] icon-adjust
[icon name=”icon-anchor”] icon-anchor
[icon name=”icon-archive”] icon-archive
[icon name=”icon-asterisk”] icon-asterisk
[icon name=”icon-ban-circle”] icon-ban-circle
[icon name=”icon-bar-chart”] icon-bar-chart
[icon name=”icon-barcode”] icon-barcode
[icon name=”icon-beaker”] icon-beaker
[icon name=”icon-beer”] icon-beer
[icon name=”icon-bell”] icon-bell
[icon name=”icon-bell-alt”] icon-bell-alt
[icon name=”icon-bolt”] icon-bolt
[icon name=”icon-book”] icon-book
[icon name=”icon-bookmark”] icon-bookmark
[icon name=”icon-bookmark-empty”] icon-bookmark-empty
[icon name=”icon-briefcase”] icon-briefcase
[icon name=”icon-bug”] icon-bug
[icon name=”icon-building”] icon-building
[icon name=”icon-bullhorn”] icon-bullhorn
[icon name=”icon-bullseye”] icon-bullseye
[icon name=”icon-calendar”] icon-calendar
[icon name=”icon-calendar-empty”] icon-calendar-empty
[icon name=”icon-camera”] icon-camera
[icon name=”icon-camera-retro”] icon-camera-retro
[icon name=”icon-certificate”] icon-certificate
[icon name=”icon-check”] icon-check
[icon name=”icon-check-empty”] icon-check-empty
[icon name=”icon-check-minus”] icon-check-minus
[icon name=”icon-check-sign”] icon-check-sign
[icon name=”icon-circle”] icon-circle
[icon name=”icon-circle-blank”] icon-circle-blank
[icon name=”icon-cloud”] icon-cloud
[icon name=”icon-cloud-download”] icon-cloud-download
[icon name=”icon-cloud-upload”] icon-cloud-upload
[icon name=”icon-code”] icon-code
[icon name=”icon-code-fork”] icon-code-fork
[icon name=”icon-coffee”] icon-coffee
[icon name=”icon-cog”] icon-cog
[icon name=”icon-cogs”] icon-cogs
[icon name=”icon-collapse”] icon-collapse
[icon name=”icon-collapse-alt”] icon-collapse-alt
[icon name=”icon-collapse-top”] icon-collapse-top
[icon name=”icon-comment”] icon-comment
[icon name=”icon-comment-alt”] icon-comment-alt
[icon name=”icon-comments”] icon-comments
[icon name=”icon-comments-alt”] icon-comments-alt
[icon name=”icon-compass”] icon-compass
[icon name=”icon-credit-card”] icon-credit-card
[icon name=”icon-crop”] icon-crop
[icon name=”icon-dashboard”] icon-dashboard
[icon name=”icon-desktop”] icon-desktop
[icon name=”icon-download”] icon-download
[icon name=”icon-download-alt”] icon-download-alt
[icon name=”icon-edit”] icon-edit
[icon name=”icon-edit-sign”] icon-edit-sign
[icon name=”icon-ellipsis-horizontal”] icon-ellipsis-horizontal
[icon name=”icon-ellipsis-vertical”] icon-ellipsis-vertical
[icon name=”icon-envelope”] icon-envelope
[icon name=”icon-envelope-alt”] icon-envelope-alt
[icon name=”icon-eraser”] icon-eraser
[icon name=”icon-exchange”] icon-exchange
[icon name=”icon-exclamation”] icon-exclamation
[icon name=”icon-exclamation-sign”] icon-exclamation-sign
[icon name=”icon-expand”] icon-expand
[icon name=”icon-expand-alt”] icon-expand-alt
[icon name=”icon-external-link”] icon-external-link
[icon name=”icon-external-link-sign”] icon-external-link-sign
[icon name=”icon-eye-close”] icon-eye-close
[icon name=”icon-eye-open”] icon-eye-open
[icon name=”icon-facetime-video”] icon-facetime-video
[icon name=”icon-female”] icon-female
[icon name=”icon-fighter-jet”] icon-fighter-jet
[icon name=”icon-film”] icon-film
[icon name=”icon-filter”] icon-filter
[icon name=”icon-fire”] icon-fire
[icon name=”icon-fire-extinguisher”] icon-fire-extinguisher
[icon name=”icon-flag”] icon-flag
[icon name=”icon-flag-alt”] icon-flag-alt
[icon name=”icon-flag-checkered”] icon-flag-checkered
[icon name=”icon-folder-close”] icon-folder-close
[icon name=”icon-folder-close-alt”] icon-folder-close-alt
[icon name=”icon-folder-open”] icon-folder-open
[icon name=”icon-folder-open-alt”] icon-folder-open-alt
[icon name=”icon-food”] icon-food
[icon name=”icon-frown”] icon-frown
[icon name=”icon-gamepad”] icon-gamepad
[icon name=”icon-gear”] icon-gear
[icon name=”icon-gears”] icon-gears
[icon name=”icon-gift”] icon-gift
[icon name=”icon-glass”] icon-glass
[icon name=”icon-globe”] icon-globe
[icon name=”icon-group”] icon-group
[icon name=”icon-hdd”] icon-hdd
[icon name=”icon-headphones”] icon-headphones
[icon name=”icon-heart”] icon-heart
[icon name=”icon-heart-empty”] icon-heart-empty
[icon name=”icon-home”] icon-home
[icon name=”icon-inbox”] icon-inbox
[icon name=”icon-info”] icon-info
[icon name=”icon-info-sign”] icon-info-sign
[icon name=”icon-key”] icon-key
[icon name=”icon-keyboard”] icon-keyboard
[icon name=”icon-laptop”] icon-laptop
[icon name=”icon-leaf”] icon-leaf
[icon name=”icon-legal”] icon-legal
[icon name=”icon-lemon”] icon-lemon
[icon name=”icon-level-down”] icon-level-down
[icon name=”icon-level-up”] icon-level-up
[icon name=”icon-lightbulb”] icon-lightbulb
[icon name=”icon-location-arrow”] icon-location-arrow
[icon name=”icon-lock”] icon-lock
[icon name=”icon-magic”] icon-magic
[icon name=”icon-magnet”] icon-magnet
[icon name=”icon-mail-forward”] icon-mail-forward (alias)
[icon name=”icon-mail-reply”] icon-mail-reply (alias)
[icon name=”icon-mail-reply-all”] icon-mail-reply-all
[icon name=”icon-male”] icon-male
[icon name=”icon-map-marker”] icon-map-marker
[icon name=”icon-meh”] icon-meh
[icon name=”icon-microphone”] icon-microphone
[icon name=”icon-microphone-off”] icon-microphone-off
[icon name=”icon-minus”] icon-minus
[icon name=”icon-minus-sign”] icon-minus-sign
[icon name=”icon-minus-sign-alt”] icon-minus-sign-alt
[icon name=”icon-mobile-phone”] icon-mobile-phone
[icon name=”icon-money”] icon-money
[icon name=”icon-moon”] icon-moon
[icon name=”icon-move”] icon-move
[icon name=”icon-music”] icon-music
[icon name=”icon-off”] icon-off
[icon name=”icon-ok”] icon-ok
[icon name=”icon-ok-circle”] icon-ok-circle
[icon name=”icon-ok-sign”] icon-ok-sign
[icon name=”icon-pencil”] icon-pencil
[icon name=”icon-phone”] icon-phone
[icon name=”icon-phone-sign”] icon-phone-sign
[icon name=”icon-picture”] icon-picture
[icon name=”icon-plane”] icon-plane
[icon name=”icon-plus”] icon-plus
[icon name=”icon-plus-sign”] icon-plus-sign
[icon name=”icon-plus-sign-alt”] icon-plus-sign-alt
[icon name=”icon-power-off”] icon-power-off (alias)
[icon name=”icon-print”] icon-print
[icon name=”icon-pushpin”] icon-pushpin
[icon name=”icon-puzzle-piece”] icon-puzzle-piece
[icon name=”icon-qrcode”] icon-qrcode
[icon name=”icon-question”] icon-question
[icon name=”icon-question-sign”] icon-question-sign
[icon name=”icon-quote-left”] icon-quote-left
[icon name=”icon-quote-right”] icon-quote-right
[icon name=”icon-random”] icon-random
[icon name=”icon-refresh”] icon-refresh
[icon name=”icon-remove”] icon-remove
[icon name=”icon-remove-circle”] icon-remove-circle
[icon name=”icon-remove-sign”] icon-remove-sign
[icon name=”icon-reorder”] icon-reorder
[icon name=”icon-reply”] icon-reply
[icon name=”icon-reply-all”] icon-reply-all
[icon name=”icon-resize-horizontal”] icon-resize-horizontal
[icon name=”icon-resize-vertical”] icon-resize-vertical
[icon name=”icon-retweet”] icon-retweet
[icon name=”icon-road”] icon-road
[icon name=”icon-rocket”] icon-rocket
[icon name=”icon-rss”] icon-rss
[icon name=”icon-rss-sign”] icon-rss-sign
[icon name=”icon-screenshot”] icon-screenshot
[icon name=”icon-search”] icon-search
[icon name=”icon-share”] icon-share
[icon name=”icon-share-alt”] icon-share-alt
[icon name=”icon-share-sign”] icon-share-sign
[icon name=”icon-shield”] icon-shield
[icon name=”icon-shopping-cart”] icon-shopping-cart
[icon name=”icon-sign-blank”] icon-sign-blank
[icon name=”icon-signal”] icon-signal
[icon name=”icon-signin”] icon-signin
[icon name=”icon-signout”] icon-signout
[icon name=”icon-sitemap”] icon-sitemap
[icon name=”icon-smile”] icon-smile
[icon name=”icon-sort”] icon-sort
[icon name=”icon-sort-by-alphabet”] icon-sort-by-alphabet
[icon name=”icon-sort-by-alphabet-alt”] icon-sort-by-alphabet-alt
[icon name=”icon-sort-by-attributes”] icon-sort-by-attributes
[icon name=”icon-sort-by-attributes-alt”] icon-sort-by-attributes-alt
[icon name=”icon-sort-by-order”] icon-sort-by-order
[icon name=”icon-sort-by-order-alt”] icon-sort-by-order-alt
[icon name=”icon-sort-down”] icon-sort-down
[icon name=”icon-sort-up”] icon-sort-up
[icon name=”icon-spinner”] icon-spinner
[icon name=”icon-star”] icon-star
[icon name=”icon-star-empty”] icon-star-empty
[icon name=”icon-star-half”] icon-star-half
[icon name=”icon-star-half-empty”] icon-star-half-empty
[icon name=”icon-star-half-full”] icon-star-half-full (alias)
[icon name=”icon-subscript”] icon-subscript
[icon name=”icon-suitcase”] icon-suitcase
[icon name=”icon-sun”] icon-sun
[icon name=”icon-superscript”] icon-superscript
[icon name=”icon-tablet”] icon-tablet
[icon name=”icon-tag”] icon-tag
[icon name=”icon-tasks”] icon-tasks
[icon name=”icon-terminal”] icon-terminal
[icon name=”icon-thumbs-down”] icon-thumbs-down
[icon name=”icon-thumbs-down-alt”] icon-thumbs-down-alt
[icon name=”icon-thumbs-up”] icon-thumbs-up
[icon name=”icon-thumbs-up-alt”] icon-thumbs-up-alt
[icon name=”icon-ticket”] icon-ticket
[icon name=”icon-time”] icon-time
[icon name=”icon-tint”] icon-tint
[icon name=”icon-trash”] icon-trash
[icon name=”icon-trophy”] icon-trophy
[icon name=”icon-truck”] icon-truck
[icon name=”icon-umbrella”] icon-umbrella
[icon name=”icon-unchecked”] icon-unchecked (alias)
[icon name=”icon-unlock”] icon-unlock
[icon name=”icon-unlock-alt”] icon-unlock-alt
[icon name=”icon-upload”] icon-upload
[icon name=”icon-upload-alt”] icon-upload-alt
[icon name=”icon-user”] icon-user
[icon name=”icon-volume-down”] icon-volume-down
[icon name=”icon-volume-off”] icon-volume-off
[icon name=”icon-volume-up”] icon-volume-up
[icon name=”icon-warning-sign”] icon-warning-sign
[icon name=”icon-wrench”] icon-wrench
[icon name=”icon-zoom-in”] icon-zoom-in
[icon name=”icon-zoom-out”] icon-zoom-out

[header type=”h2″] Currency icons [/header]

[icon name=”icon-bitcoin”] icon-bitcoin (alias)
[icon name=”icon-btc”] icon-btc
[icon name=”icon-cny”] icon-cny
[icon name=”icon-dollar”] icon-dollar (alias)
[icon name=”icon-eur”] icon-eur
[icon name=”icon-euro”] icon-euro (alias)
[icon name=”icon-gbp”] icon-gbp
[icon name=”icon-inr”] icon-inr
[icon name=”icon-jpy”] icon-jpy
[icon name=”icon-krw”] icon-krw
[icon name=”icon-renminbi”] icon-renminbi (alias)
[icon name=”icon-rupee”] icon-rupee (alias)
[icon name=”icon-usd”] icon-usd
[icon name=”icon-won”] icon-won (alias)
[icon name=”icon-yen”] icon-yen (alias)

[header type=”h2″] Text editor icons [/header]

[icon name=”icon-align-center”] icon-align-center
[icon name=”icon-align-justify”] icon-align-justify
[icon name=”icon-align-left”] icon-align-left
[icon name=”icon-align-right”] icon-align-right
[icon name=”icon-bold”] icon-bold
[icon name=”icon-columns”] icon-columns
[icon name=”icon-copy”] icon-copy
[icon name=”icon-cut”] icon-cut
[icon name=”icon-eraser”] icon-eraser
[icon name=”icon-file”] icon-file
[icon name=”icon-file-alt”] icon-file-alt
[icon name=”icon-file-text”] icon-file-text
[icon name=”icon-file-text-alt”] icon-file-text-alt
[icon name=”icon-font”] icon-font
[icon name=”icon-indent-left”] icon-indent-left
[icon name=”icon-indent-right”] icon-indent-right
[icon name=”icon-italic”] icon-italic
[icon name=”icon-link”] icon-link
[icon name=”icon-list”] icon-list
[icon name=”icon-list-alt”] icon-list-alt
[icon name=”icon-list-ol”] icon-list-ol
[icon name=”icon-list-ul”] icon-list-ul
[icon name=”icon-paper-clip”] icon-paper-clip
[icon name=”icon-paperclip”] icon-paperclip (alias)
[icon name=”icon-paste”] icon-paste
[icon name=”icon-repeat”] icon-repeat
[icon name=”icon-rotate-left”] icon-rotate-left (alias)
[icon name=”icon-rotate-right”] icon-rotate-right (alias)
[icon name=”icon-save”] icon-save
[icon name=”icon-strikethrough”] icon-strikethrough
[icon name=”icon-table”] icon-table
[icon name=”icon-text-height”] icon-text-height
[icon name=”icon-text-width”] icon-text-width
[icon name=”icon-th”] icon-th
[icon name=”icon-th-large”] icon-th-large
[icon name=”icon-th-list”] icon-th-list
[icon name=”icon-underline”] icon-underline
[icon name=”icon-undo”] icon-undo
[icon name=”icon-unlink”] icon-unlink

[header type=”h2″] Directional icons [/header]

[icon name=”icon-angle-down”] icon-angle-down
[icon name=”icon-angle-left”] icon-angle-left
[icon name=”icon-angle-right”] icon-angle-right
[icon name=”icon-angle-up”] icon-angle-up
[icon name=”icon-arrow-down”] icon-arrow-down
[icon name=”icon-arrow-left”] icon-arrow-left
[icon name=”icon-arrow-right”] icon-arrow-right
[icon name=”icon-arrow-up”] icon-arrow-up
[icon name=”icon-caret-down”] icon-caret-down
[icon name=”icon-caret-left”] icon-caret-left
[icon name=”icon-caret-right”] icon-caret-right
[icon name=”icon-caret-up”] icon-caret-up
[icon name=”icon-chevron-down”] icon-chevron-down
[icon name=”icon-chevron-left”] icon-chevron-left
[icon name=”icon-chevron-right”] icon-chevron-right
[icon name=”icon-chevron-sign-down”] icon-chevron-sign-down
[icon name=”icon-chevron-sign-left”] icon-chevron-sign-left
[icon name=”icon-chevron-sign-right”] icon-chevron-sign-right
[icon name=”icon-chevron-sign-up”] icon-chevron-sign-up
[icon name=”icon-chevron-up”] icon-chevron-up
[icon name=”icon-circle-arrow-down”] icon-circle-arrow-down
[icon name=”icon-circle-arrow-left”] icon-circle-arrow-left
[icon name=”icon-circle-arrow-right”] icon-circle-arrow-right
[icon name=”icon-circle-arrow-up”] icon-circle-arrow-up
[icon name=”icon-double-angle-down”] icon-double-angle-down
[icon name=”icon-double-angle-left”] icon-double-angle-left
[icon name=”icon-double-angle-right”] icon-double-angle-right
[icon name=”icon-double-angle-up”] icon-double-angle-up
[icon name=”icon-hand-down”] icon-hand-down
[icon name=”icon-hand-left”] icon-hand-left
[icon name=”icon-hand-right”] icon-hand-right
[icon name=”icon-hand-up”] icon-hand-up
[icon name=”icon-long-arrow-down”] icon-long-arrow-down
[icon name=”icon-long-arrow-left”] icon-long-arrow-left
[icon name=”icon-long-arrow-right”] icon-long-arrow-right
[icon name=”icon-long-arrow-up”] icon-long-arrow-up

[header type=”h2″] Video player icons [/header]

[icon name=”icon-backward”] icon-backward
[icon name=”icon-eject”] icon-eject
[icon name=”icon-fast-backward”] icon-fast-backward
[icon name=”icon-fast-forward”] icon-fast-forward
[icon name=”icon-forward”] icon-forward
[icon name=”icon-fullscreen”] icon-fullscreen
[icon name=”icon-pause”] icon-pause
[icon name=”icon-play”] icon-play
[icon name=”icon-play-circle”] icon-play-circle
[icon name=”icon-play-sign”] icon-play-sign
[icon name=”icon-resize-full”] icon-resize-full
[icon name=”icon-resize-small”] icon-resize-small
[icon name=”icon-step-backward”] icon-step-backward
[icon name=”icon-step-forward”] icon-step-forward
[icon name=”icon-stop”] icon-stop
[icon name=”icon-youtube-play”] icon-youtube-play

[header type=”h2″] Brand icons [/header]

[icon name=”icon-adn”] icon-adn
[icon name=”icon-android”] icon-android
[icon name=”icon-apple”] icon-apple
[icon name=”icon-bitbucket”] icon-bitbucket
[icon name=”icon-bitbucket-sign”] icon-bitbucket-sign
[icon name=”icon-bitcoin”] icon-bitcoin
[icon name=”icon-btc”] icon-btc
[icon name=”icon-css3″] icon-css3
[icon name=”icon-dribbble”] icon-dribbble
[icon name=”icon-dropbox”] icon-dropbox
[icon name=”icon-facebook”] icon-facebook
[icon name=”icon-facebook-sign”] icon-facebook-sign
[icon name=”icon-flickr”] icon-flickr
[icon name=”icon-foursquare”] icon-foursquare
[icon name=”icon-github”] icon-github
[icon name=”icon-github-alt”] icon-github-alt
[icon name=”icon-github-sign”] icon-github-sign
[icon name=”icon-gittip”] icon-gittip
[icon name=”icon-google-plus”] icon-google-plus
[icon name=”icon-google-plus-sign”] icon-google-plus-sign
[icon name=”icon-html5″] icon-html5
[icon name=”icon-instagram”] icon-instagram
[icon name=”icon-linkedin”] icon-linkedin
[icon name=”icon-linkedin-sign”] icon-linkedin-sign
[icon name=”icon-linux”] icon-linux
[icon name=”icon-maxcdn”] icon-maxcdn
[icon name=”icon-pinterest”] icon-pinterest
[icon name=”icon-pinterest-sign”] icon-pinterest-sign
[icon name=”icon-renren”] icon-renren
[icon name=”icon-skype”] icon-skype
[icon name=”icon-stackexchange”] icon-stackexchange
[icon name=”icon-trello”] icon-trello
[icon name=”icon-tumblr”] icon-tumblr
[icon name=”icon-tumblr-sign”] icon-tumblr-sign
[icon name=”icon-twitter”] icon-twitter
[icon name=”icon-twitter-sign”] icon-twitter-sign
[icon name=”icon-vk”] icon-vk
[icon name=”icon-weibo”] icon-weibo
[icon name=”icon-windows”] icon-windows
[icon name=”icon-xing”] icon-xing
[icon name=”icon-xing-sign”] icon-xing-sign
[icon name=”icon-youtube”] icon-youtube
[icon name=”icon-youtube-play”] icon-youtube-play
[icon name=”icon-youtube-sign”] icon-youtube-sign

Leave a Reply