[ bracket ]

Glyphicons

Includes 200 glyphs in font format from the Glyphicons Halflings set.

For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.

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

Examples

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

Font Awesome

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 439 icons in Font Awesome 4.1.0


71 New Icons in 4.1
  • fa-automobile
  • fa-bank
  • fa-behance
  • fa-behance-square
  • fa-bomb
  • fa-building
  • fa-cab
  • fa-car
  • fa-child
  • fa-circle-o-notch
  • fa-circle-thin
  • fa-codepen
  • fa-cube
  • fa-cubes
  • fa-database
  • fa-delicious
  • fa-deviantart
  • fa-digg
  • fa-drupal
  • fa-empire
  • fa-envelope-square
  • fa-fax
  • fa-file-archive-o
  • fa-file-audio-o
  • fa-file-code-o
  • fa-file-excel-o
  • fa-file-image-o
  • fa-file-movie-o
  • fa-file-pdf-o
  • fa-file-photo-o
  • fa-file-picture-o
  • fa-file-powerpoint-o
  • fa-file-sound-o
  • fa-file-video-o
  • fa-file-word-o
  • fa-file-zip-o
  • fa-ge
  • fa-git
  • fa-git-square
  • fa-google
  • fa-graduation-cap
  • fa-hacker-news
  • fa-header
  • fa-history
  • fa-institution
  • fa-joomla
  • fa-jsfiddle
  • fa-language
  • fa-life-bouy
  • fa-life-ring
  • fa-life-saver
  • fa-mortar-board
  • fa-openid
  • fa-paper-plane
  • fa-paper-plane-o
  • fa-paragraph
  • fa-paw
  • fa-pied-piper
  • fa-pied-piper-alt
  • fa-pied-piper-square
  • fa-qq
  • fa-ra
  • fa-rebel
  • fa-recycle
  • fa-reddit
  • fa-reddit-square
  • fa-send
  • fa-send-o
  • fa-share-alt
  • fa-share-alt-square
  • fa-slack
  • fa-sliders
  • fa-soundcloud
  • fa-space-shuttle
  • fa-spoon
  • fa-spotify
  • fa-steam
  • fa-steam-square
  • fa-stumbleupon
  • fa-stumbleupon-circle
  • fa-support
  • fa-taxi
  • fa-tencent-weibo
  • fa-tree
  • fa-university
  • fa-vine
  • fa-wechat
  • fa-weixin
  • fa-wordpress
  • fa-yahoo

Web Application Icons
  • fa-adjust
  • fa-anchor
  • fa-archive
  • fa-arrows
  • fa-arrows-h
  • fa-arrows-v
  • fa-asterisk
  • fa-ban
  • fa-bar-chart-o
  • fa-barcode
  • fa-bars
  • fa-beer
  • fa-bell
  • fa-bell-o
  • fa-bolt
  • fa-book
  • fa-bookmark
  • fa-bookmark-o
  • fa-briefcase
  • fa-bug
  • fa-building-o
  • 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-comment
  • fa-comment-o
  • fa-comments
  • fa-comments-o
  • fa-compass
  • fa-credit-card
  • fa-crop
  • fa-crosshairs
  • fa-cutlery
  • fa-dashboard
  • fa-desktop
  • fa-dot-circle-o
  • fa-download
  • fa-edit
  • fa-ellipsis-h
  • fa-ellipsis-v
  • fa-envelope
  • fa-envelope-o
  • 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-female
  • fa-fighter-jet
  • fa-film
  • fa-filter
  • fa-fire
  • fa-fire-extinguisher
  • fa-flag
  • fa-flag-checkered
  • fa-flag-o
  • fa-flash
  • fa-flask
  • fa-folder
  • fa-folder-o
  • fa-folder-open
  • fa-folder-open-o
  • fa-frown-o
  • fa-gamepad
  • fa-gavel
  • fa-gear
  • fa-gears
  • 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
  • fa-lemon-o
  • fa-level-down
  • fa-level-up
  • fa-lightbulb-o
  • fa-location-arrow
  • fa-lock
  • fa-magic
  • fa-magnet
  • fa-mail-forward
  • fa-mail-reply
  • 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
  • fa-money
  • fa-moon-o
  • 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-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-refresh
  • 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-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
  • fa-sort-numeric-asc
  • fa-sort-numeric-desc
  • fa-sort-up
  • fa-spinner
  • fa-square
  • fa-square-o
  • fa-star
  • fa-star-half
  • fa-star-half-empty
  • fa-star-half-full
  • 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-times
  • fa-times-circle
  • fa-times-circle-o
  • fa-tint
  • fa-toggle-down
  • fa-toggle-left
  • fa-toggle-right
  • fa-toggle-up
  • fa-trash-o
  • fa-trophy
  • fa-truck
  • fa-umbrella
  • fa-unlock
  • fa-unlock-alt
  • fa-unsorted
  • fa-upload
  • fa-user
  • fa-users
  • fa-video-camera
  • fa-volume-down
  • fa-volume-off
  • fa-volume-up
  • fa-warning
  • 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-plus-square
  • fa-plus-square-o
  • fa-square
  • fa-square-o

Currency Icons
  • fa-bitcoin
  • fa-btc
  • fa-cny
  • fa-dollar
  • fa-eur
  • fa-euro
  • fa-gbp
  • fa-inr
  • fa-jpy
  • fa-krw
  • fa-money
  • fa-rmb
  • fa-rouble
  • fa-rub
  • fa-ruble
  • fa-rupee
  • fa-try
  • fa-turkish-lira
  • fa-usd
  • fa-won
  • fa-yen

Text Editor Icons
  • fa-align-center
  • fa-align-justify
  • fa-align-left
  • fa-align-right
  • fa-bold
  • fa-chain
  • fa-chain-broken
  • fa-clipboard
  • fa-columns
  • fa-copy
  • fa-cut
  • fa-dedent
  • 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
  • fa-repeat
  • fa-rotate-left
  • fa-rotate-right
  • fa-save
  • 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

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
  • fa-toggle-left
  • fa-toggle-right
  • fa-toggle-up

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
  • fa-adn
  • fa-android
  • fa-apple
  • fa-bitbucket
  • fa-bitbucket-square
  • fa-bitcoin
  • 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-o
  • fa-medkit
  • fa-plus-square
  • fa-stethoscope
  • fa-user-md
  • fa-wheelchair

Weather Icons

Inspired by Font Awesome, they work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them.

Day/Sunny

  • 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

  • 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

  • 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-snow
  • wi-night-sprinkle
  • wi-night-storm-showers
  • wi-night-thunderstorm
  • wi-night-showers

Miscellaneous Weather

  • wi-celcius
  • 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
  • wi-windy
Online Users
  • Eileen Sideways Los Angeles, CA
  • 2 Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Offline Users
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Favorites
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
History
  • Eileen Sideways Hi hello, ctc?... would you mind if I go to your...
  • Zaham Sindilmaca This is to inform you that your product that we...
  • Nusja Nawancali Are you willing to have a long term relat...
Settings