{{page.title}} // {{page.subtitle}}

Button Types

Button Sizing

Button Colors

Border Buttons

Rounded Buttons

Icon Buttons

Button Effects

Button Effect 1

Button Effect 2

Button Effect 3

Button Effect 4

Button Effect 5

Button Effect 6

Button Effect 7 click to see effect

Button Dropdowns

Dropdown Button Colors and Sizing

You can use same color and size classes as with normal buttons.

Button Groups

Buttons Toolbar

Button Groups Sizing

Button Group Rounded

Nesting

Vertical Variation

Justified link variation

Left Middle Right
Left Middle
Right dropdown

Icons Effects

Icons Effect 1

Icons Effect 2

Icons Effect 3

Icons Effect 4

Icons Effect 5

Icons Effect 6

Icons Effect 7

Icons Effect 8

Icons Effect 9

Simple Line Icons

icon-user
icon-user-female
icon-users
icon-user-follow
icon-user-following
icon-user-unfollow
icon-trophy
icon-speedometer
icon-social-youtube
icon-social-twitter
icon-social-tumblr
icon-social-facebook
icon-social-dropbox
icon-social-dribbble
icon-shield
icon-screen-tablet
icon-screen-smartphone
icon-screen-desktop
icon-plane
icon-notebook
icon-moustache
icon-mouse
icon-magnet
icon-magic-wand
icon-hourglass
icon-graduation
icon-ghost
icon-game-controller
icon-fire
icon-eyeglasses
icon-envelope-open
icon-envelope-letter
icon-energy
icon-emoticon-smile
icon-disc
icon-cursor-move
icon-crop
icon-credit-card
icon-chemistry
icon-bell
icon-badge
icon-anchor
icon-action-redo
icon-action-undo
icon-bag
icon-basket
icon-basket-loaded
icon-book-open
icon-briefcase
icon-bubbles
icon-calculator
icon-call-end
icon-call-in
icon-call-out
icon-compass
icon-cup
icon-diamond
icon-direction
icon-directions
icon-docs
icon-drawer
icon-drop
icon-earphones
icon-earphones-alt
icon-feed
icon-film
icon-folder-alt
icon-frame
icon-globe
icon-globe-alt
icon-handbag
icon-layers
icon-map
icon-picture
icon-pin
icon-playlist
icon-present
icon-printer
icon-puzzle
icon-speech
icon-vector
icon-wallet
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-bar-chart
icon-bulb
icon-calendar
icon-control-end
icon-control-forward
icon-control-pause
icon-control-play
icon-control-rewind
icon-control-start
icon-cursor
icon-dislike
icon-equalizer
icon-graph
icon-grid
icon-home
icon-like
icon-list
icon-login
icon-logout
icon-loop
icon-microphone
icon-music-tone
icon-music-tone-alt
icon-note
icon-pencil
icon-pie-chart
icon-question
icon-rocket
icon-share
icon-share-alt
icon-shuffle
icon-size-actual
icon-size-fullscreen
icon-support
icon-tag
icon-trash
icon-umbrella
icon-wrench
icon-ban
icon-bubble
icon-camcorder
icon-camera
icon-check
icon-clock
icon-close
icon-cloud-download
icon-cloud-upload
icon-doc
icon-envelope
icon-eye
icon-flag
icon-folder
icon-heart
icon-info
icon-key
icon-link
icon-lock
icon-lock-open
icon-magnifier
icon-magnifier-add
icon-magnifier-remove
icon-paper-clip
icon-paper-plane
icon-plus
icon-pointer
icon-power
icon-refresh
icon-reload
icon-settings
icon-star
icon-symbol-female
icon-symbol-male
icon-target
icon-volume-1
icon-volume-2
icon-volume-off

FontAwesome Icons 4.2

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.

Web Application Icons

fa-adjust
fa-anchor
fa-archive
fa-arrows
fa-arrows-h
fa-arrows-v
fa-asterisk
fa-automobile (alias)
fa-ban
fa-bank (alias)
fa-bar-chart-o
fa-barcode
fa-bars
fa-beer
fa-bell
fa-bell-o
fa-bolt
fa-bomb
fa-book
fa-bookmark
fa-bookmark-o
fa-briefcase
fa-bug
fa-building
fa-building-o
fa-bullhorn
fa-bullseye
fa-cab (alias)
fa-calendar
fa-calendar-o
fa-camera
fa-camera-retro
fa-car
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-child
fa-circle
fa-circle-o
fa-circle-o-notch
fa-circle-thin
fa-clock-o
fa-cloud
fa-cloud-download
fa-cloud-upload
fa-code
fa-code-fork
fa-coffee
fa-cog
fa-cogs
fa-comment
fa-comment-o
fa-comments
fa-comments-o
fa-compass
fa-credit-card
fa-crop
fa-crosshairs
fa-cube
fa-cubes
fa-cutlery
fa-dashboard (alias)
fa-database
fa-desktop
fa-dot-circle-o
fa-download
fa-edit (alias)
fa-ellipsis-h
fa-ellipsis-v
fa-envelope
fa-envelope-o
fa-envelope-square
fa-eraser
fa-exchange
fa-exclamation
fa-exclamation-circle
fa-exclamation-triangle
fa-external-link
fa-external-link-square
fa-eye
fa-eye-slash
fa-fax
fa-female
fa-fighter-jet
fa-file-archive-o
fa-file-audio-o
fa-file-code-o
fa-file-excel-o
fa-file-image-o
fa-file-movie-o (alias)
fa-file-pdf-o
fa-file-photo-o (alias)
fa-file-picture-o (alias)
fa-file-powerpoint-o
fa-file-sound-o (alias)
fa-file-video-o
fa-file-word-o
fa-file-zip-o (alias)
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-graduation-cap
fa-group (alias)
fa-hdd-o
fa-headphones
fa-heart
fa-heart-o
fa-history
fa-home
fa-image (alias)
fa-inbox
fa-info
fa-info-circle
fa-institution (alias)
fa-key
fa-keyboard-o
fa-language
fa-laptop
fa-leaf
fa-legal (alias)
fa-lemon-o
fa-level-down
fa-level-up
fa-life-bouy (alias)
fa-life-ring
fa-life-saver (alias)
fa-lightbulb-o
fa-location-arrow
fa-lock
fa-magic
fa-magnet
fa-mail-forward (alias)
fa-mail-reply (alias)
fa-mail-reply-all (alias)
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-mortar-board (alias)
fa-music
fa-navicon (alias)
fa-paper-plane
fa-paper-plane-o
fa-paw
fa-pencil
fa-pencil-square
fa-pencil-square-o
fa-phone
fa-phone-square
fa-photo (alias)
fa-picture-o
fa-plane
fa-plus
fa-plus-circle
fa-plus-square
fa-plus-square-o
fa-power-off
fa-print
fa-puzzle-piece
fa-qrcode
fa-question
fa-question-circle
fa-quote-left
fa-quote-right
fa-random
fa-recycle
fa-refresh
fa-reorder (alias)
fa-reply
fa-reply-all
fa-retweet
fa-road
fa-rocket
fa-rss
fa-rss-square
fa-search
fa-search-minus
fa-search-plus
fa-send (alias)
fa-send-o (alias)
fa-share
fa-share-alt
fa-share-alt-square
fa-share-square
fa-share-square-o
fa-shield
fa-shopping-cart
fa-sign-in
fa-sign-out
fa-signal
fa-sitemap
fa-sliders
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-space-shuttle
fa-spinner
fa-spoon
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-suitcase
fa-sun-o
fa-support (alias)
fa-tablet
fa-tachometer
fa-tag
fa-tags
fa-tasks
fa-taxi
fa-terminal
fa-thumb-tack
fa-thumbs-down
fa-thumbs-o-down
fa-thumbs-o-up
fa-thumbs-up
fa-ticket
fa-times
fa-times-circle
fa-times-circle-o
fa-tint
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-right (alias)
fa-toggle-up (alias)
fa-trash-o
fa-tree
fa-trophy
fa-truck
fa-umbrella
fa-university
fa-unlock
fa-unlock-alt
fa-unsorted (alias)
fa-upload
fa-user
fa-users
fa-video-camera
fa-volume-down
fa-volume-off
fa-volume-up
fa-warning (alias)
fa-wheelchair
fa-wrench

File Type Icons

fa-file
fa-file-archive-o
fa-file-audio-o
fa-file-code-o
fa-file-excel-o
fa-file-image-o
fa-file-movie-o (alias)
fa-file-o
fa-file-pdf-o
fa-file-photo-o (alias)
fa-file-picture-o (alias)
fa-file-powerpoint-o
fa-file-sound-o (alias)
fa-file-text
fa-file-text-o
fa-file-video-o
fa-file-word-o
fa-file-zip-o (alias)

Spinner Icons

These icons work great with the fa-spin class. Check out the spinning icons example.
fa-circle-o-notch
fa-cog
fa-gear (alias)
fa-refresh
fa-spinner

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-plus-square
fa-plus-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-header
fa-indent
fa-italic
fa-link
fa-list
fa-list-alt
fa-list-ol
fa-list-ul
fa-outdent
fa-paperclip
fa-paragraph
fa-paste (alias)
fa-repeat
fa-rotate-left (alias)
fa-rotate-right (alias)
fa-save (alias)
fa-scissors
fa-strikethrough
fa-subscript
fa-superscript
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-arrows
fa-arrows-alt
fa-arrows-h
fa-arrows-v
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-arrows-alt
fa-backward
fa-compress
fa-eject
fa-expand
fa-fast-backward
fa-fast-forward
fa-forward
fa-pause
fa-play
fa-play-circle
fa-play-circle-o
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.

Warning!

Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names.
fa-adn
fa-android
fa-apple
fa-behance
fa-behance-square
fa-bitbucket
fa-bitbucket-square
fa-bitcoin (alias)
fa-btc
fa-codepen
fa-css3
fa-delicious
fa-deviantart
fa-digg
fa-dribbble
fa-dropbox
fa-drupal
fa-empire
fa-facebook
fa-facebook-square
fa-flickr
fa-foursquare
fa-ge (alias)
fa-git
fa-git-square
fa-github
fa-github-alt
fa-github-square
fa-gittip
fa-google
fa-google-plus
fa-google-plus-square
fa-hacker-news
fa-html5
fa-instagram
fa-joomla
fa-jsfiddle
fa-linkedin
fa-linkedin-square
fa-linux
fa-maxcdn
fa-openid
fa-pagelines
fa-pied-piper
fa-pied-piper-alt
fa-pied-piper-square (alias)
fa-pinterest
fa-pinterest-square
fa-qq
fa-ra (alias)
fa-rebel
fa-reddit
fa-reddit-square
fa-renren
fa-share-alt
fa-share-alt-square
fa-skype
fa-slack
fa-soundcloud
fa-spotify
fa-stack-exchange
fa-stack-overflow
fa-steam
fa-steam-square
fa-stumbleupon
fa-stumbleupon-circle
fa-tencent-weibo
fa-trello
fa-tumblr
fa-tumblr-square
fa-twitter
fa-twitter-square
fa-vimeo-square
fa-vine
fa-vk
fa-wechat (alias)
fa-weibo
fa-weixin
fa-windows
fa-wordpress
fa-xing
fa-xing-square
fa-yahoo
fa-youtube
fa-youtube-play
fa-youtube-square

Medical Icons

fa-ambulance
fa-h-square
fa-hospital-o
fa-medkit
fa-plus-square
fa-stethoscope
fa-user-md
fa-wheelchair

Glyphicons

glyphicon-asterisk
glyphicon-plus
glyphicon-euro
glyphicon-minus
glyphicon-cloud
glyphicon-envelope
glyphicon-pencil
glyphicon-glass
glyphicon-music
glyphicon-search
glyphicon-heart
glyphicon-star
glyphicon-star-empty
glyphicon-user
glyphicon-film
glyphicon-th-large
glyphicon-th
glyphicon-th-list
glyphicon-ok
glyphicon-remove
glyphicon-zoom-in
glyphicon-zoom-out
glyphicon-off
glyphicon-signal
glyphicon-cog
glyphicon-trash
glyphicon-home
glyphicon-file
glyphicon-time
glyphicon-road
glyphicon-download-alt
glyphicon-download
glyphicon-upload
glyphicon-inbox
glyphicon-play-circle
glyphicon-repeat
glyphicon-refresh
glyphicon-list-alt
glyphicon-lock
glyphicon-flag
glyphicon-headphones
glyphicon-volume-off
glyphicon-volume-down
glyphicon-volume-up
glyphicon-qrcode
glyphicon-barcode
glyphicon-tag
glyphicon-tags
glyphicon-book
glyphicon-bookmark
glyphicon-print
glyphicon-camera
glyphicon-font
glyphicon-bold
glyphicon-italic
glyphicon-text-height
glyphicon-text-width
glyphicon-align-left
glyphicon-align-center
glyphicon-align-right
glyphicon-align-justify
glyphicon-list
glyphicon-indent-left
glyphicon-indent-right
glyphicon-facetime-video
glyphicon-picture
glyphicon-map-marker
glyphicon-adjust
glyphicon-tint
glyphicon-edit
glyphicon-share
glyphicon-check
glyphicon-move
glyphicon-step-backward
glyphicon-fast-backward
glyphicon-backward
glyphicon-play
glyphicon-pause
glyphicon-stop
glyphicon-forward
glyphicon-fast-forward
glyphicon-step-forward
glyphicon-eject
glyphicon-chevron-left
glyphicon-chevron-right
glyphicon-plus-sign
glyphicon-minus-sign
glyphicon-remove-sign
glyphicon-ok-sign
glyphicon-question-sign
glyphicon-info-sign
glyphicon-screenshot
glyphicon-remove-circle
glyphicon-ok-circle
glyphicon-ban-circle
glyphicon-arrow-left
glyphicon-arrow-right
glyphicon-arrow-up
glyphicon-arrow-down
glyphicon-share-alt
glyphicon-resize-full
glyphicon-resize-small
glyphicon-exclamation-sign
glyphicon-gift
glyphicon-leaf
glyphicon-fire
glyphicon-eye-open
glyphicon-eye-close
glyphicon-warning-sign
glyphicon-plane
glyphicon-calendar
glyphicon-random
glyphicon-comment
glyphicon-magnet
glyphicon-chevron-up
glyphicon-chevron-down
glyphicon-retweet
glyphicon-shopping-cart
glyphicon-folder-close
glyphicon-folder-open
glyphicon-resize-vertical
glyphicon-resize-horizontal
glyphicon-hdd
glyphicon-bullhorn
glyphicon-bell
glyphicon-certificate
glyphicon-thumbs-up
glyphicon-thumbs-down
glyphicon-hand-right
glyphicon-hand-left
glyphicon-hand-up
glyphicon-hand-down
glyphicon-circle-arrow-right
glyphicon-circle-arrow-left
glyphicon-circle-arrow-up
glyphicon-circle-arrow-down
glyphicon-globe
glyphicon-wrench
glyphicon-tasks
glyphicon-filter
glyphicon-briefcase
glyphicon-fullscreen
glyphicon-dashboard
glyphicon-paperclip
glyphicon-heart-empty
glyphicon-link
glyphicon-phone
glyphicon-pushpin
glyphicon-usd
glyphicon-gbp
glyphicon-sort
glyphicon-sort-by-alphabet
glyphicon-sort-by-alphabet-alt
glyphicon-sort-by-order
glyphicon-sort-by-order-alt
glyphicon-sort-by-attributes
glyphicon-sort-by-attributes-alt
glyphicon-unchecked
glyphicon-expand
glyphicon-collapse-down
glyphicon-collapse-up
glyphicon-log-in
glyphicon-flash
glyphicon-log-out
glyphicon-new-window
glyphicon-record
glyphicon-save
glyphicon-open
glyphicon-saved
glyphicon-import
glyphicon-export
glyphicon-send
glyphicon-floppy-disk
glyphicon-floppy-saved
glyphicon-floppy-remove
glyphicon-floppy-save
glyphicon-floppy-open
glyphicon-credit-card
glyphicon-transfer
glyphicon-cutlery
glyphicon-header
glyphicon-compressed
glyphicon-earphone
glyphicon-phone-alt
glyphicon-tower
glyphicon-stats
glyphicon-sd-video
glyphicon-hd-video
glyphicon-subtitles
glyphicon-sound-stereo
glyphicon-sound-dolby
glyphicon-sound-5-1
glyphicon-sound-6-1
glyphicon-sound-7-1
glyphicon-copyright-mark
glyphicon-registration-mark
glyphicon-cloud-download
glyphicon-cloud-upload
glyphicon-tree-conifer
glyphicon-tree-deciduous

Weather Icons

Day / Sunny Icons

wi-day-cloudy-gusts
wi-day-cloudy-gusts
wi-day-cloudy-windy
wi-day-cloudy
wi-day-fog
wi-day-hail
wi-day-lightning
wi-day-rain-mix
wi-day-rain-wind
wi-day-rain
wi-day-showers
wi-day-snow
wi-day-sprinkle
wi-day-sunny-overcast
wi-day-sunny
wi-day-storm-showers
wi-day-thunderstorm

Neutral / Cloudy Icons

wi-cloudy-gusts
wi-cloudy-windy
wi-cloudy
wi-fog
wi-hail
wi-lightning
wi-rain-mix
wi-rain-wind
wi-rain
wi-showers
wi-snow
wi-sprinkle
wi-storm-showers
wi-thunderstorm

Night / Moons Icons

wi-night-alt-cloudy-gusts
wi-night-alt-cloudy-windy
wi-night-alt-hail
wi-night-alt-lightning
wi-night-alt-rain-mix
wi-night-alt-rain-wind
wi-night-alt-rain
wi-night-alt-showers
wi-night-alt-snow
wi-night-alt-sprinkle
wi-night-alt-storm-showers
wi-night-alt-thunderstorm
wi-night-clear
wi-night-cloudy-gusts
wi-night-cloudy-windy
wi-night-cloudy
wi-night-hail
wi-night-lightning
wi-night-rain-mix
wi-night-rain-wind
wi-night-rain
wi-night-showers
wi-night-snow
wi-night-sprinkle
wi-night-storm-showers
wi-night-thunderstorm

Miscellaneous Icons

wi-celsius
wi-cloud-down
wi-cloud-refresh
wi-cloud-up
wi-cloud
wi-degrees
wi-down-left
wi-down
wi-fahrenheit
wi-horizon-alt
wi-horizon
wi-left
wi-lightning
wi-night-fog
wi-refresh-alt
wi-refresh
wi-right
wi-sprinkles
wi-strong-wind
wi-sunrise
wi-sunset
wi-thermometer-exterior
wi-thermometer-internal
wi-thermometer
wi-tornado
wi-up-right
wi-up
wi-wind-east
wi-wind-north-east
wi-wind-north-west
wi-wind-north
wi-wind-south-east
wi-wind-south-west
wi-wind-south
wi-wind-west