Buttons & Icons buttons, icons, button dropdowns and more
Icon Buttons
Button Dropdowns
Default Bootstrap Style
Metronic Style
Dropdowns with Multilevel Submenu
Sizing
Dropup
Hoveralbe Dropdowns
Dropdown with Checkboxes & Search Form
NOTE:
By adding
hold-on-click class you can avoid closing the dropdown on click
Button States
Loading State
Single Toggle
Checkbox
Radio
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. The complete set of 370 icons in Font Awesome 4.0.1
10 New Icons in 4.0
fa-rub
fa-ruble
(alias)
fa-rouble
(alias)
fa-pagelines
fa-stack-exchange
fa-arrow-circle-o-right
fa-arrow-circle-o-left
fa-caret-square-o-left
fa-toggle-left
(alias)
fa-dot-circle-o
fa-wheelchair
fa-vimeo-square
fa-try
fa-turkish-lira
(alias)
Web Application Icons
fa-adjust
fa-anchor
fa-archive
fa-asterisk
fa-ban
fa-bar-chart-o
fa-barcode
fa-beer
fa-bell
fa-bell-o
fa-bolt
fa-book
fa-bookmark
fa-bookmark-o
fa-briefcase
fa-bug
fa-building
fa-bullhorn
fa-bullseye
fa-calendar
fa-calendar-o
fa-camera
fa-camera-retro
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-certificate
fa-check
fa-check-circle
fa-check-circle-o
fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-clock-o
fa-cloud
fa-cloud-download
fa-cloud-upload
fa-code
fa-code-fork
fa-coffee
fa-cog
fa-cogs
fa-collapse-o
fa-comment
fa-comment-o
fa-comments
fa-comments-o
fa-compass
fa-credit-card
fa-crop
fa-crosshairs
fa-cutlery
fa-dashboard
(alias)
fa-desktop
fa-dot-circle-o
fa-download
fa-edit
(alias)
fa-ellipsis-horizontal
fa-ellipsis-vertical
fa-envelope
fa-envelope-o
fa-eraser
fa-exchange
fa-exclamation
fa-exclamation-circle
fa-exclamation-triangle
fa-expand-o
fa-external-link
fa-external-link-square
fa-eye
fa-eye-slash
fa-female
fa-fighter-jet
fa-film
fa-filter
fa-fire
fa-fire-extinguisher
fa-flag
fa-flag-checkered
fa-flag-o
fa-flash
(alias)
fa-flask
fa-folder
fa-folder-o
fa-folder-open
fa-folder-open-o
fa-frown-o
fa-gamepad
fa-gavel
fa-gear
(alias)
fa-gears
(alias)
fa-gift
fa-glass
fa-globe
fa-group
fa-hdd-o
fa-headphones
fa-heart
fa-heart-o
fa-home
fa-inbox
fa-info
fa-info-circle
fa-key
fa-keyboard-o
fa-laptop
fa-leaf
fa-legal
(alias)
fa-lemon-o
fa-level-down
fa-level-up
fa-lightbulb-o
fa-location-arrow
fa-lock
fa-magic
fa-magnet
fa-mail-forward
(alias)
fa-mail-reply
(alias)
fa-mail-reply-all
fa-male
fa-map-marker
fa-meh-o
fa-microphone
fa-microphone-slash
fa-minus
fa-minus-circle
fa-minus-square
fa-minus-square-o
fa-mobile
fa-mobile-phone
(alias)
fa-money
fa-moon-o
fa-arrows
fa-music
fa-pencil
fa-pencil-square
fa-pencil-square-o
fa-phone
fa-phone-square
fa-picture-o
fa-plane
fa-plus
fa-plus-circle
fa-plus-square
fa-power-off
fa-print
fa-puzzle-piece
fa-qrcode
fa-question
fa-question-circle
fa-quote-left
fa-quote-right
fa-random
fa-refresh
fa-reorder
fa-reply
fa-reply-all
fa-resize-horizontal
fa-resize-vertical
fa-retweet
fa-road
fa-rocket
fa-rss
fa-rss-square
fa-search
fa-search-minus
fa-search-plus
fa-share
fa-share-square
fa-share-square-o
fa-shield
fa-shopping-cart
fa-sign-in
fa-sign-out
fa-signal
fa-sitemap
fa-smile-o
fa-sort
fa-sort-alpha-asc
fa-sort-alpha-desc
fa-sort-amount-asc
fa-sort-amount-desc
fa-sort-asc
fa-sort-desc
fa-sort-down
(alias)
fa-sort-numeric-asc
fa-sort-numeric-desc
fa-sort-up
(alias)
fa-spinner
fa-square
fa-square-o
fa-star
fa-star-half
fa-star-half-empty
(alias)
fa-star-half-full
(alias)
fa-star-half-o
fa-star-o
fa-subscript
fa-suitcase
fa-sun-o
fa-superscript
fa-tablet
fa-tachometer
fa-tag
fa-tags
fa-tasks
fa-terminal
fa-thumb-tack
fa-thumbs-down
fa-thumbs-o-down
fa-thumbs-o-up
fa-thumbs-up
fa-ticket
fa-clock-o"s
fa-clock-o"s-circle
fa-clock-o"s-circle-o
fa-tint
fa-toggle-down
(alias)
fa-toggle-left
(alias)
fa-toggle-right
(alias)
fa-toggle-up
(alias)
fa-trash-o
fa-trophy
fa-truck
fa-umbrella
fa-unlock
fa-unlock-o
fa-unsorted
(alias)
fa-upload
fa-user
fa-video-camera
fa-volume-down
fa-volume-off
fa-volume-up
fa-warning
(alias)
fa-wheelchair
fa-wrench
Form Control Icons
fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-dot-circle-o
fa-minus-square
fa-minus-square-o
fa-square
fa-square-o
Currency Icons
fa-bitcoin
(alias)
fa-btc
fa-cny
(alias)
fa-dollar
(alias)
fa-eur
fa-euro
(alias)
fa-gbp
fa-inr
fa-jpy
fa-krw
fa-money
fa-rmb
(alias)
fa-rouble
(alias)
fa-rub
fa-ruble
(alias)
fa-rupee
(alias)
fa-try
fa-turkish-lira
(alias)
fa-usd
fa-won
(alias)
fa-yen
(alias)
Text Editor Icons
fa-align-center
fa-align-justify
fa-align-left
fa-align-right
fa-bold
fa-chain
(alias)
fa-chain-broken
fa-clipboard
fa-columns
fa-copy
(alias)
fa-cut
(alias)
fa-dedent
(alias)
fa-eraser
fa-file
fa-file-o
fa-file-text
fa-file-text-o
fa-files-o
fa-floppy-o
fa-font
fa-indent
fa-italic
fa-link
fa-list
fa-list-alt
fa-list-ol
fa-list-ul
fa-outdent
fa-paperclip
fa-paste
(alias)
fa-repeat
fa-rotate-left
(alias)
fa-rotate-right
(alias)
fa-save
(alias)
fa-scissors
fa-strikethrough
fa-table
fa-text-height
fa-text-width
fa-th
fa-th-large
fa-th-list
fa-underline
fa-undo
fa-unlink
(alias)
Directional Icons
fa-angle-double-down
fa-angle-double-left
fa-angle-double-right
fa-angle-double-up
fa-angle-down
fa-angle-left
fa-angle-right
fa-angle-up
fa-arrow-circle-down
fa-arrow-circle-left
fa-arrow-circle-o-down
fa-arrow-circle-o-left
fa-arrow-circle-o-right
fa-arrow-circle-o-up
fa-arrow-circle-right
fa-arrow-circle-up
fa-arrow-down
fa-arrow-left
fa-arrow-right
fa-arrow-up
fa-caret-down
fa-caret-left
fa-caret-right
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-caret-up
fa-chevron-circle-down
fa-chevron-circle-left
fa-chevron-circle-right
fa-chevron-circle-up
fa-chevron-down
fa-chevron-left
fa-chevron-right
fa-chevron-up
fa-hand-o-down
fa-hand-o-left
fa-hand-o-right
fa-hand-o-up
fa-long-arrow-down
fa-long-arrow-left
fa-long-arrow-right
fa-long-arrow-up
fa-toggle-down
(alias)
fa-toggle-left
(alias)
fa-toggle-right
(alias)
fa-toggle-up
(alias)
Video Player Icons
fa-backward
fa-eject
fa-fast-backward
fa-fast-forward
fa-forward
fa-fullscreen
fa-pause
fa-play
fa-play-circle
fa-play-circle-o
fa-resize-full
fa-resize-small
fa-step-backward
fa-step-forward
fa-stop
fa-youtube-play
Brand Icons
- All brand icons are trademarks of their respective owners.
- The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
fa-adn
fa-android
fa-apple
fa-bitbucket
fa-bitbucket-square
fa-bitcoin
(alias)
fa-btc
fa-css3
fa-dribbble
fa-dropbox
fa-facebook
fa-facebook-square
fa-flickr
fa-foursquare
fa-github
fa-github-alt
fa-github-square
fa-gittip
fa-google-plus
fa-google-plus-square
fa-html5
fa-instagram
fa-linkedin
fa-linkedin-square
fa-linux
fa-maxcdn
fa-pagelines
fa-pinterest
fa-pinterest-square
fa-renren
fa-skype
fa-stack-exchange
fa-stack-overflow
fa-trello
fa-tumblr
fa-tumblr-square
fa-twitter
fa-twitter-square
fa-vimeo-square
fa-vk
fa-weibo
fa-windows
fa-xing
fa-xing-square
fa-youtube
fa-youtube-play
fa-youtube-square
Medical Icons
fa-ambulance
fa-h-square
fa-hospital
fa-medkit
fa-plus-square
fa-stethoscope
fa-user-md
fa-wheelchair
Includes 180 glyphs in font format from the Glyphicon Halflings set. Glyphs scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
- .glyphicon .glyphicon-adjust
- .glyphicon .glyphicon-align-center
- .glyphicon .glyphicon-align-justify
- .glyphicon .glyphicon-align-left
- .glyphicon .glyphicon-align-right
- .glyphicon .glyphicon-arrow-down
- .glyphicon .glyphicon-arrow-left
- .glyphicon .glyphicon-arrow-right
- .glyphicon .glyphicon-arrow-up
- .glyphicon .glyphicon-asterisk
- .glyphicon .glyphicon-backward
- .glyphicon .glyphfa-ban
- .glyphicon .glyphicon-barcode
- .glyphicon .glyphicon-bell
- .glyphicon .glyphicon-bold
- .glyphicon .glyphicon-book
- .glyphicon .glyphicon-bookmark
- .glyphicon .glyphicon-briefcase
- .glyphicon .glyphicon-bullhorn
- .glyphicon .glyphicon-calendar
- .glyphicon .glyphicon-camera
- .glyphicon .glyphicon-certificate
- .glyphicon .glyphicon-check
- .glyphicon .glyphicon-chevron-down
- .glyphicon .glyphicon-chevron-left
- .glyphicon .glyphicon-chevron-right
- .glyphicon .glyphicon-chevron-up
- .glyphicon .glyphicon-circle-arrow-down
- .glyphicon .glyphicon-circle-arrow-left
- .glyphicon .glyphicon-circle-arrow-right
- .glyphicon .glyphicon-circle-arrow-up
- .glyphicon .glyphicon-cloud
- .glyphicon .glyphicon-cloud-download
- .glyphicon .glyphicon-cloud-upload
- .glyphicon .glyphicon-cog
- .glyphicon .glyphicon-collapse-down
- .glyphicon .glyphicon-collapse-up
- .glyphicon .glyphicon-comment
- .glyphicon .glyphicon-compressed
- .glyphicon .glyphicon-copyright-mark
- .glyphicon .glyphicon-credit-card
- .glyphicon .glyphicon-cutlery
- .glyphicon .glyphicon-dashboard
- .glyphicon .glyphicon-download
- .glyphicon .glyphicon-download-alt
- .glyphicon .glyphicon-earphone
- .glyphicon .glyphicon-edit
- .glyphicon .glyphicon-eject
- .glyphicon .glyphicon-envelope
- .glyphicon .glyphicon-euro
- .glyphicon .glyphicon-exclamation-sign
- .glyphicon .glyphicon-expand
- .glyphicon .glyphicon-export
- .glyphicon .glyphicon-eye-close
- .glyphicon .glyphicon-eye-open
- .glyphicon .glyphicon-facetime-video
- .glyphicon .glyphicon-fast-backward
- .glyphicon .glyphicon-fast-forward
- .glyphicon .glyphicon-file
- .glyphicon .glyphicon-film
- .glyphicon .glyphicon-filter
- .glyphicon .glyphicon-fire
- .glyphicon .glyphicon-flag
- .glyphicon .glyphicon-flash
- .glyphicon .glyphicon-floppy-disk
- .glyphicon .glyphicon-floppy-open
- .glyphicon .glyphicon-floppy-remove
- .glyphicon .glyphicon-floppy-save
- .glyphicon .glyphicon-floppy-saved
- .glyphicon .glyphicon-folder-close
- .glyphicon .glyphicon-folder-open
- .glyphicon .glyphicon-font
- .glyphicon .glyphicon-forward
- .glyphicon .glyphicon-fullscreen
- .glyphicon .glyphicon-gbp
- .glyphicon .glyphicon-gift
- .glyphicon .glyphicon-glass
- .glyphicon .glyphicon-globe
- .glyphicon .glyphicon-hand-down
- .glyphicon .glyphicon-hand-left
- .glyphicon .glyphicon-hand-right
- .glyphicon .glyphicon-hand-up
- .glyphicon .glyphicon-hd-video
- .glyphicon .glyphicon-hdd
- .glyphicon .glyphicon-header
- .glyphicon .glyphicon-headphones
- .glyphicon .glyphicon-heart
- .glyphicon .glyphicon-heart-empty
- .glyphicon .glyphicon-home
- .glyphicon .glyphicon-import
- .glyphicon .glyphicon-inbox
- .glyphicon .glyphicon-indent-left
- .glyphicon .glyphicon-indent-right
- .glyphicon .glyphicon-info-sign
- .glyphicon .glyphicon-italic
- .glyphicon .glyphicon-leaf
- .glyphicon .glyphicon-link
- .glyphicon .glyphicon-list
- .glyphicon .glyphicon-list-alt
- .glyphicon .glyphicon-lock
- .glyphicon .glyphicon-log-in
- .glyphicon .glyphicon-log-out
- .glyphicon .glyphicon-magnet
- .glyphicon .glyphicon-map-marker
- .glyphicon .glyphicon-minus
- .glyphicon .glyphicon-minus-sign
- .glyphicon .glyphicon-move
- .glyphicon .glyphicon-music
- .glyphicon .glyphicon-new-window
- .glyphicon .glyphicon-off
- .glyphicon .glyphicon-ok
- .glyphicon .glyphicon-ok-circle
- .glyphicon .glyphicon-ok-sign
- .glyphicon .glyphicon-open
- .glyphicon .glyphicon-paperclip
- .glyphicon .glyphicon-pause
- .glyphicon .glyphicon-pencil
- .glyphicon .glyphicon-phone
- .glyphicon .glyphicon-phone-alt
- .glyphicon .glyphicon-picture
- .glyphicon .glyphicon-plane
- .glyphicon .glyphicon-play
- .glyphicon .glyphicon-play-circle
- .glyphicon .glyphicon-plus
- .glyphicon .glyphicon-plus-sign
- .glyphicon .glyphicon-print
- .glyphicon .glyphicon-pushpin
- .glyphicon .glyphicon-qrcode
- .glyphicon .glyphicon-question-sign
- .glyphicon .glyphicon-random
- .glyphicon .glyphicon-record
- .glyphicon .glyphicon-refresh
- .glyphicon .glyphicon-registration-mark
- .glyphicon .glyphfa fa-clock-o"s"
- .glyphicon .glyphfa fa-clock-o"s"-circle
- .glyphicon .glyphfa fa-clock-o"s"-sign
- .glyphicon .glyphicon-repeat
- .glyphicon .glyphicon-resize-full
- .glyphicon .glyphicon-resize-horizontal
- .glyphicon .glyphicon-resize-small
- .glyphicon .glyphicon-resize-vertical
- .glyphicon .glyphicon-retweet
- .glyphicon .glyphicon-road
- .glyphicon .glyphicon-save
- .glyphicon .glyphicon-saved
- .glyphicon .glyphicon-screenshot
- .glyphicon .glyphicon-sd-video
- .glyphicon .glyphicon-search
- .glyphicon .glyphicon-send
- .glyphicon .glyphicon-share
- .glyphicon .glyphicon-share-alt
- .glyphicon .glyphicon-shopping-cart
- .glyphicon .glyphicon-signal
- .glyphicon .glyphicon-sort
- .glyphicon .glyphicon-sort-by-alphabet
- .glyphicon .glyphicon-sort-by-alphabet-alt
- .glyphicon .glyphicon-sort-by-attributes
- .glyphicon .glyphicon-sort-by-attributes-alt
- .glyphicon .glyphicon-sort-by-order
- .glyphicon .glyphicon-sort-by-order-alt
- .glyphicon .glyphicon-sound-5-1
- .glyphicon .glyphicon-sound-6-1
- .glyphicon .glyphicon-sound-7-1
- .glyphicon .glyphicon-sound-dolby
- .glyphicon .glyphicon-sound-stereo
- .glyphicon .glyphicon-star
- .glyphicon .glyphicon-star-empty
- .glyphicon .glyphicon-stats
- .glyphicon .glyphicon-step-backward
- .glyphicon .glyphicon-step-forward
- .glyphicon .glyphicon-stop
- .glyphicon .glyphicon-subtitles
- .glyphicon .glyphicon-tag
- .glyphicon .glyphicon-tags
- .glyphicon .glyphicon-tasks
- .glyphicon .glyphicon-text-height
- .glyphicon .glyphicon-text-width
- .glyphicon .glyphicon-th
- .glyphicon .glyphicon-th-large
- .glyphicon .glyphicon-th-list
- .glyphicon .glyphicon-thumbs-down
- .glyphicon .glyphicon-thumbs-up
- .glyphicon .glyphicon-time
- .glyphicon .glyphicon-tint
- .glyphicon .glyphicon-tower
- .glyphicon .glyphicon-transfer
- .glyphicon .glyphicon-trash
- .glyphicon .glyphicon-tree-conifer
- .glyphicon .glyphicon-tree-deciduous
- .glyphicon .glyphicon-unchecked
- .glyphicon .glyphicon-upload
- .glyphicon .glyphicon-usd
- .glyphicon .glyphicon-user
- .glyphicon .glyphicon-volume-down
- .glyphicon .glyphicon-volume-off
- .glyphicon .glyphicon-volume-up
- .glyphicon .glyphicon-warning-sign
- .glyphicon .glyphicon-wrench
- .glyphicon .glyphicon-zoom-in
- .glyphicon .glyphicon-zoom-out