Page Icons

Font Awesome, 300+ Icon Set!

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-tablet icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-beaker icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-magic icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-book icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-cloud icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-comments-alt icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-random icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-thumbs-up icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-umbrella icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-laptop icon-3x" class="circle-icon" color="#fff"]
[icon name="icon-key icon-3x" class="circle-icon" color="#fff"]

[/collapse]
[/collapses]

Large Icons

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-stethoscope icon-3x" class="circle-icon" color="#fff"] [icon name="icon-picture icon-3x" class="circle-icon" color="#fff"] [icon name="icon-sitemap icon-3x" class="circle-icon" color="#fff"]

[/collapse]
[/collapses]

Medium Icons

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-magnet icon-2x" class="circle-icon" color="#fff"] [icon name="icon-asterisk icon-2x" class="circle-icon" color="#fff"] [icon name="icon-bar-chart icon-2x" class="circle-icon" color="#fff"] [icon name="icon-beer icon-2x" class="circle-icon" color="#fff"] [icon name="icon-bell icon-2x" class="circle-icon" color="#fff"] [icon name="icon-bookmark icon-2x" class="circle-icon" color="#fff"] [icon name="icon-fighter-jet icon-2x" class="circle-icon" color="#fff"] [icon name="icon-cloud-upload icon-2x" class="circle-icon" color="#fff"] [icon name="icon-thumbs-up icon-2x" class="circle-icon" color="#fff"] [icon name="icon-credit-card icon-2x" class="circle-icon" color="#fff"] [icon name="icon-mobile-phone icon-2x" class="circle-icon" color="#fff"] [icon name="icon-pencil icon-2x" class="circle-icon" color="#fff"] [icon name="icon-legal icon-2x" class="circle-icon" color="#fff"]

[/collapse]
[/collapses]

Small Icons

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-magnet icon-1x" class="circle-icon" color="#fff"] [icon name="icon-asterisk icon-1x" class="circle-icon" color="#fff"] [icon name="icon-bar-chart icon-1x" class="circle-icon" color="#fff"] [icon name="icon-beer icon-1x" class="circle-icon" color="#fff"] [icon name="icon-bell icon-1x" class="circle-icon" color="#fff"] [icon name="icon-bookmark icon-1x" class="circle-icon" color="#fff"] [icon name="icon-fighter-jet icon-1x" class="circle-icon" color="#fff"]

[/collapse]
[/collapses]

Use them With or Without Circles

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-desktop icon-3x" color="#9a9a9a"] [icon name="icon-fire icon-3x" color="#9a9a9a"] [icon name="icon-film icon-3x" color="#9a9a9a"] [icon name="icon-book icon-3x" color="#9a9a9a"] [icon name="icon-gift icon-3x" color="#9a9a9a"] [icon name="icon-check-square icon-3x" color="#9a9a9a"] [icon name="icon-cog icon-3x" color="#9a9a9a"] [icon name="icon-leaf icon-3x" color="#9a9a9a"]

[/collapse]
[/collapses]

Easily Control The Circle Color, Icon Color & Border Color

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-tablet icon-3x" class="circle-icon" color="#fff" bg="#a0ce4e" border="#54770f"] [icon name="icon-beaker icon-3x" class="circle-icon" color="#fff" bg="#398cd2" border="#398cd2"] [icon name="icon-magic icon-3x" class="circle-icon" color="#e27d3a" bg="#fff" border="#e27d3a"] [icon name="icon-book icon-3x" class="circle-icon" color="#fff" bg="#b83e2a" border="#b83e2a"] [icon name="icon-cloud icon-3x" class="circle-icon" color="#fff" bg="#96947a" border="#96947a"] [icon name="icon-comments-alt icon-3x" class="circle-icon" color="#24469b" bg="#fff" border="#24469b"]

[/collapse]
[/collapses]

Font Awesome: Full Icon List With Names


icon-glass
icon-music
icon-search
icon-envelope
icon-heart
icon-star
icon-star-empty
icon-user
icon-film
icon-th-large
icon-th
icon-th-list
icon-ok
icon-remove
icon-zoom-in
icon-zoom-out
icon-off
icon-signal
icon-cog
icon-trash
icon-home
icon-file
icon-time
icon-road
icon-download-alt
icon-download
icon-upload
icon-inbox
icon-play-circle
icon-repeat
icon-refresh
icon-list-alt
icon-lock
icon-flag
icon-headphones
icon-volume-off
icon-volume-down
icon-volume-up
icon-qrcode
icon-barcode
icon-tag
icon-tags
icon-book
icon-bookmark
icon-print
icon-camera
icon-font
icon-bold
icon-italic
icon-text-height
icon-text-width
icon-align-left
icon-align-center
icon-align-right
icon-align-justify
icon-list
icon-indent-left
icon-indent-right
icon-facetime-video
icon-picture
icon-pencil
icon-map-marker
icon-adjust
icon-tint
icon-edit
icon-share
icon-check
icon-move
icon-step-backward
icon-fast-backward
icon-backward
icon-play
icon-pause
icon-stop
icon-forward
icon-fast-forward
icon-step-forward
icon-eject
icon-chevron-left
icon-chevron-right
icon-plus-sign
icon-minus-sign
icon-remove-sign
icon-ok-sign
icon-question-sign
icon-info-sign
icon-screenshot
icon-remove-circle
icon-ok-circle
icon-ban-circle
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-arrow-down
icon-share-alt
icon-resize-full
icon-resize-small
icon-plus
icon-minus
icon-asterisk
icon-exclamation-sign


icon-gift
icon-leaf
icon-fire
icon-eye-open
icon-eye-close
icon-warning-sign
icon-plane
icon-calendar
icon-random
icon-comment
icon-magnet
icon-chevron-up
icon-chevron-down
icon-retweet
icon-shopping-cart
icon-folder-close
icon-folder-open
icon-resize-vertical
icon-resize-horizontal
icon-bar-chart
icon-twitter-sign
icon-facebook-sign
icon-camera-retro
icon-key
icon name=”icon-cogs
icon-comments
icon-thumbs-up
icon-thumbs-down
icon-star-half
icon-heart-empty
icon-signout
icon-linkedin-sign
icon-pushpin
icon-external-link
icon-signin
icon-trophy
icon-github-sign
icon-upload-alt
icon-lemon
icon-phone
icon-check-empty
icon-bookmark-empty
icon-phone-sign
icon-twitter
icon-facebook
icon-github
icon-unlock
icon-credit-card
icon-rss
icon-hdd
icon-bullhorn
icon-bell
icon-certificate
icon-hand-right
icon-hand-left
icon-hand-up
icon-hand-down
icon-circle-arrow-left
icon-circle-arrow-right
icon-circle-arrow-up
icon-circle-arrow-down
icon-globe
icon-wrench
icon-tasks
icon-filter
icon-briefcase
icon-fullscreen
icon-group
icon-link
icon-cloud
icon-beaker
icon-cut
icon-copy
icon-paper-clip
icon-save
icon-sign-blank
icon-sign-blank
icon-list-ul
icon-list-ol
icon-strikethrough
icon-underline
icon-table
icon-magic
icon-truck
icon-pinterest
icon-pinterest-sign
icon-google-plus-sign
icon-google-plus
icon-money
icon-caret-down
icon-caret-up
icon-caret-left
icon-caret-right
icon-columns
icon-sort
icon-sort-down
icon-sort-up
icon-envelope-alt
icon-linkedin
icon-undo
icon-legal


icon-dashboard
icon-comment-alt
icon-comments-alt
icon-bolt
icon-sitemap
icon-umbrella
icon-paste
icon-lightbulb
icon-exchange
icon-cloud-download
icon-cloud-upload
icon-user-md
icon-stethoscope
icon-suitcase
icon-bell-alt
icon-coffee
icon-food
icon-file-alt
icon-building
icon-hospital
icon-ambulance
icon-medkit
icon-fighter-jet
icon-beer
icon-h-sign
icon-plus-sign-alt
icon-double-angle-left
icon-double-angle-right
icon-double-angle-up
icon-double-angle-down
icon-angle-left
icon-angle-right
icon-angle-up
icon-angle-down
icon-desktop
icon-laptop
icon-tablet
icon-mobile-phone
icon-circle-blank
icon-quote-left
icon-quote-right
icon-spinner
icon-circle
icon-reply
icon-folder-close-alt
icon-folder-open-alt
icon-expand-alt
icon-collapse-alt
icon-smile
icon-frown
icon-meh
icon-gamepad
icon-keyboard
icon-flag-alt
icon-flag-checkered
icon-terminal
icon-code
icon-reply-all
icon-mail-reply-all
icon-star-half-full
icon-star-half-empty
icon-location-arrow
icon-crop
icon-code-fork
icon-unlink
icon-question
icon-info
icon-exclamation
icon-superscript
icon-subscript
icon-eraser
icon-puzzle-piece
icon-microphone
icon-microphone-off
icon-shield
icon-calendar-empty
icon-fire-extinguisher
icon-rocket
icon-maxcdn
icon-chevron-sign-left
icon-chevron-sign-right
icon-chevron-sign-up
icon-chevron-sign-down
icon-html5
icon-css3
icon-anchor
icon-unlock-alt
icon-bullseye
icon-ellipsis-horizontal
icon-ellipsis-vertical
icon-rss-sign
icon-play-sign
icon-ticket
icon-minus-sign-alt
icon-check-minus
icon-level-up
icon-level-down
icon-check-sign
icon-edit-sign
icon-external-link-sign
icon-share-sign

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]


[icon name="icon-dashboard"] icon-dashboard
[icon name="icon-comment-alt"] icon-comment-alt
[icon name="icon-comments-alt"] icon-comments-alt
[icon name="icon-bolt"] icon-bolt
[icon name="icon-sitemap"] icon-sitemap
[icon name="icon-umbrella"] icon-umbrella
[icon name="icon-paste"] icon-paste
[icon name="icon-lightbulb"] icon-lightbulb
[icon name="icon-exchange"] icon-exchange

[/collapse]
[/collapses]