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