Icon glyphs

  • .glyphicons .glyph-glass
  • .glyphicons .glyph-leaf
  • .glyphicons .glyph-dog
  • .glyphicons .glyph-user
  • .glyphicons .glyph-girl
  • .glyphicons .glyph-car
  • .glyphicons .glyph-user-add
  • .glyphicons .glyph-user-remove
  • .glyphicons .glyph-film
  • .glyphicons .glyph-magic
  • .glyphicons .glyph-envelope
  • .glyphicons .glyph-camera
  • .glyphicons .glyph-heart
  • .glyphicons .glyph-beach-umbrella
  • .glyphicons .glyph-train
  • .glyphicons .glyph-print
  • .glyphicons .glyph-bin
  • .glyphicons .glyph-music
  • .glyphicons .glyph-note
  • .glyphicons .glyph-heart-empty
  • .glyphicons .glyph-home
  • .glyphicons .glyph-snowflake
  • .glyphicons .glyph-fire
  • .glyphicons .glyph-magnet
  • .glyphicons .glyph-parents
  • .glyphicons .glyph-binoculars
  • .glyphicons .glyph-road
  • .glyphicons .glyph-search
  • .glyphicons .glyph-cars
  • .glyphicons .glyph-notes-2
  • .glyphicons .glyph-pencil
  • .glyphicons .glyph-bus
  • .glyphicons .glyph-wifi-alt
  • .glyphicons .glyph-luggage
  • .glyphicons .glyph-old-man
  • .glyphicons .glyph-woman
  • .glyphicons .glyph-file
  • .glyphicons .glyph-coins
  • .glyphicons .glyph-airplane
  • .glyphicons .glyph-notes
  • .glyphicons .glyph-stats
  • .glyphicons .glyph-charts
  • .glyphicons .glyph-pie-chart
  • .glyphicons .glyph-group
  • .glyphicons .glyph-keys
  • .glyphicons .glyph-calendar
  • .glyphicons .glyph-router
  • .glyphicons .glyph-camera-small
  • .glyphicons .glyph-dislikes
  • .glyphicons .glyph-star
  • .glyphicons .glyph-link
  • .glyphicons .glyph-eye-open
  • .glyphicons .glyph-eye-close
  • .glyphicons .glyph-alarm
  • .glyphicons .glyph-clock
  • .glyphicons .glyph-stopwatch
  • .glyphicons .glyph-projector
  • .glyphicons .glyph-history
  • .glyphicons .glyph-truck
  • .glyphicons .glyph-cargo
  • .glyphicons .glyph-compass
  • .glyphicons .glyph-keynote
  • .glyphicons .glyph-paperclip
  • .glyphicons .glyph-power
  • .glyphicons .glyph-lightbulb
  • .glyphicons .glyph-tag
  • .glyphicons .glyph-tags
  • .glyphicons .glyph-cleaning
  • .glyphicons .glyph-ruller
  • .glyphicons .glyph-gift
  • .glyphicons .glyph-umbrella
  • .glyphicons .glyph-book
  • .glyphicons .glyph-bookmark
  • .glyphicons .glyph-wifi
  • .glyphicons .glyph-cup
  • .glyphicons .glyph-stroller
  • .glyphicons .glyph-headphones
  • .glyphicons .glyph-headset
  • .glyphicons .glyph-warning-sign
  • .glyphicons .glyph-signal
  • .glyphicons .glyph-retweet
  • .glyphicons .glyph-refresh
  • .glyphicons .glyph-roundabout
  • .glyphicons .glyph-random
  • .glyphicons .glyph-heat
  • .glyphicons .glyph-repeat
  • .glyphicons .glyph-display
  • .glyphicons .glyph-log-book
  • .glyphicons .glyph-address-book
  • .glyphicons .glyph-building
  • .glyphicons .glyph-eyedropper
  • .glyphicons .glyph-adjust
  • .glyphicons .glyph-tint
  • .glyphicons .glyph-crop
  • .glyphicons .glyph-vector-path-square
  • .glyphicons .glyph-vector-path-circle
  • .glyphicons .glyph-vector-path-polygon
  • .glyphicons .glyph-vector-path-line
  • .glyphicons .glyph-vector-path-curve
  • .glyphicons .glyph-vector-path-all
  • .glyphicons .glyph-font
  • .glyphicons .glyph-italic
  • .glyphicons .glyph-bold
  • .glyphicons .glyph-text-underline
  • .glyphicons .glyph-text-strike
  • .glyphicons .glyph-text-height
  • .glyphicons .glyph-text-width
  • .glyphicons .glyph-text-resize
  • .glyphicons .glyph-left-indent
  • .glyphicons .glyph-right-indent
  • .glyphicons .glyph-align-left
  • .glyphicons .glyph-align-center
  • .glyphicons .glyph-align-right
  • .glyphicons .glyph-justify
  • .glyphicons .glyph-list
  • .glyphicons .glyph-text-smaller
  • .glyphicons .glyph-text-bigger
  • .glyphicons .glyph-embed
  • .glyphicons .glyph-embed-close
  • .glyphicons .glyph-table
  • .glyphicons .glyph-message-full
  • .glyphicons .glyph-message-empty
  • .glyphicons .glyph-message-in
  • .glyphicons .glyph-message-out
  • .glyphicons .glyph-message-plus
  • .glyphicons .glyph-message-minus
  • .glyphicons .glyph-message-ban
  • .glyphicons .glyph-message-flag
  • .glyphicons .glyph-message-lock
  • .glyphicons .glyph-message-new
  • .glyphicons .glyph-inbox
  • .glyphicons .glyph-inbox-plus
  • .glyphicons .glyph-inbox-minus
  • .glyphicons .glyph-inbox-lock
  • .glyphicons .glyph-inbox-in
  • .glyphicons .glyph-inbox-out
  • .glyphicons .glyph-cogwheel
  • .glyphicons .glyph-cogwheels
  • .glyphicons .glyph-picture
  • .glyphicons .glyph-adjust-alt
  • .glyphicons .glyph-database-lock
  • .glyphicons .glyph-database-plus
  • .glyphicons .glyph-database-minus
  • .glyphicons .glyph-database-ban
  • .glyphicons .glyph-folder-open
  • .glyphicons .glyph-folder-plus
  • .glyphicons .glyph-folder-minus
  • .glyphicons .glyph-folder-lock
  • .glyphicons .glyph-folder-flag
  • .glyphicons .glyph-folder-new
  • .glyphicons .glyph-edit
  • .glyphicons .glyph-new-window
  • .glyphicons .glyph-check
  • .glyphicons .glyph-unchecked
  • .glyphicons .glyph-more-windows
  • .glyphicons .glyph-show-big-thumbnails
  • .glyphicons .glyph-show-thumbnails
  • .glyphicons .glyph-show-thumbnails-with-lines
  • .glyphicons .glyph-show-lines
  • .glyphicons .glyph-playlist
  • .glyphicons .glyph-imac
  • .glyphicons .glyph-macbook
  • .glyphicons .glyph-ipad
  • .glyphicons .glyph-iphone
  • .glyphicons .glyph-iphone-transfer
  • .glyphicons .glyph-iphone-exchange
  • .glyphicons .glyph-ipod
  • .glyphicons .glyph-ipod-shuffle
  • .glyphicons .glyph-ear-plugs
  • .glyphicons .glyph-record
  • .glyphicons .glyph-step-backward
  • .glyphicons .glyph-fast-backward
  • .glyphicons .glyph-rewind
  • .glyphicons .glyph-play
  • .glyphicons .glyph-pause
  • .glyphicons .glyph-stop
  • .glyphicons .glyph-forward
  • .glyphicons .glyph-fast-forward
  • .glyphicons .glyph-step-forward
  • .glyphicons .glyph-eject
  • .glyphicons .glyph-facetime-video
  • .glyphicons .glyph-download-alt
  • .glyphicons .glyph-mute
  • .glyphicons .glyph-volume-down
  • .glyphicons .glyph-volume-up
  • .glyphicons .glyph-screenshot
  • .glyphicons .glyph-move
  • .glyphicons .glyph-more
  • .glyphicons .glyph-brightness-reduce
  • .glyphicons .glyph-brightness-increase
  • .glyphicons .glyph-circle-plus
  • .glyphicons .glyph-circle-minus
  • .glyphicons .glyph-circle-remove
  • .glyphicons .glyph-circle-ok
  • .glyphicons .glyph-circle-question-mark
  • .glyphicons .glyph-circle-info
  • .glyphicons .glyph-circle-exclamation-mark
  • .glyphicons .glyph-remove
  • .glyphicons .glyph-ok
  • .glyphicons .glyph-ban
  • .glyphicons .glyph-download
  • .glyphicons .glyph-upload
  • .glyphicons .glyph-shopping-cart
  • .glyphicons .glyph-lock
  • .glyphicons .glyph-unlock
  • .glyphicons .glyph-electricity
  • .glyphicons .glyph-ok-2
  • .glyphicons .glyph-remove-2
  • .glyphicons .glyph-cart-out
  • .glyphicons .glyph-cart-in
  • .glyphicons .glyph-left-arrow
  • .glyphicons .glyph-right-arrow
  • .glyphicons .glyph-down-arrow
  • .glyphicons .glyph-up-arrow
  • .glyphicons .glyph-resize-small
  • .glyphicons .glyph-resize-full
  • .glyphicons .glyph-circle-arrow-left
  • .glyphicons .glyph-circle-arrow-right
  • .glyphicons .glyph-circle-arrow-top
  • .glyphicons .glyph-circle-arrow-down
  • .glyphicons .glyph-play-button
  • .glyphicons .glyph-unshare
  • .glyphicons .glyph-share
  • .glyphicons .glyph-chevron-right
  • .glyphicons .glyph-chevron-left
  • .glyphicons .glyph-bluetooth
  • .glyphicons .glyph-euro
  • .glyphicons .glyph-usd
  • .glyphicons .glyph-gbp
  • .glyphicons .glyph-retweet-2
  • .glyphicons .glyph-moon
  • .glyphicons .glyph-sun
  • .glyphicons .glyph-cloud
  • .glyphicons .glyph-direction
  • .glyphicons .glyph-brush
  • .glyphicons .glyph-pen
  • .glyphicons .glyph-zoom-in
  • .glyphicons .glyph-zoom-out
  • .glyphicons .glyph-pin
  • .glyphicons .glyph-albums
  • .glyphicons .glyph-rotation-lock
  • .glyphicons .glyph-flash
  • .glyphicons .glyph-google-maps
  • .glyphicons .glyph-anchor
  • .glyphicons .glyph-conversation
  • .glyphicons .glyph-chat
  • .glyphicons .glyph-male
  • .glyphicons .glyph-female
  • .glyphicons .glyph-asterisk
  • .glyphicons .glyph-divide
  • .glyphicons .glyph-snorkel-diving
  • .glyphicons .glyph-scuba-diving
  • .glyphicons .glyph-oxygen-bottle
  • .glyphicons .glyph-fins
  • .glyphicons .glyph-fishes
  • .glyphicons .glyph-boat
  • .glyphicons .glyph-delete
  • .glyphicons .glyph-sheriffs-star
  • .glyphicons .glyph-qrcode
  • .glyphicons .glyph-barcode
  • .glyphicons .glyph-pool
  • .glyphicons .glyph-buoy
  • .glyphicons .glyph-spade
  • .glyphicons .glyph-bank
  • .glyphicons .glyph-vcard
  • .glyphicons .glyph-electrical-plug
  • .glyphicons .glyph-flag
  • .glyphicons .glyph-credit-card
  • .glyphicons .glyph-keyboard-wireless
  • .glyphicons .glyph-keyboard-wired
  • .glyphicons .glyph-shield
  • .glyphicons .glyph-ring
  • .glyphicons .glyph-cake
  • .glyphicons .glyph-drink
  • .glyphicons .glyph-beer
  • .glyphicons .glyph-fast-food
  • .glyphicons .glyph-cutlery
  • .glyphicons .glyph-pizza
  • .glyphicons .glyph-birthday-cake
  • .glyphicons .glyph-tablet
  • .glyphicons .glyph-settings
  • .glyphicons .glyph-bullets
  • .glyphicons .glyph-cardio
  • .glyphicons .glyph-t-shirt
  • .glyphicons .glyph-pants
  • .glyphicons .glyph-sweater
  • .glyphicons .glyph-fabric
  • .glyphicons .glyph-leather
  • .glyphicons .glyph-scissors
  • .glyphicons .glyph-bomb
  • .glyphicons .glyph-skull
  • .glyphicons .glyph-celebration
  • .glyphicons .glyph-tea-kettle
  • .glyphicons .glyph-french-press
  • .glyphicons .glyph-coffe-cup
  • .glyphicons .glyph-pot
  • .glyphicons .glyph-grater
  • .glyphicons .glyph-kettle
  • .glyphicons .glyph-hospital
  • .glyphicons .glyph-hospital-h
  • .glyphicons .glyph-microphone
  • .glyphicons .glyph-webcam
  • .glyphicons .glyph-temple-christianity-church
  • .glyphicons .glyph-temple-islam
  • .glyphicons .glyph-temple-hindu
  • .glyphicons .glyph-temple-buddhist
  • .glyphicons .glyph-bicycle
  • .glyphicons .glyph-life-preserver
  • .glyphicons .glyph-share-alt
  • .glyphicons .glyph-comments
  • .glyphicons .glyph-flower
  • .glyphicons .glyph-baseball
  • .glyphicons .glyph-rugby
  • .glyphicons .glyph-ax
  • .glyphicons .glyph-table-tennis
  • .glyphicons .glyph-bowling
  • .glyphicons .glyph-tree-conifer
  • .glyphicons .glyph-tree-deciduous
  • .glyphicons .glyph-more-items
  • .glyphicons .glyph-sort
  • .glyphicons .glyph-filter
  • .glyphicons .glyph-gamepad
  • .glyphicons .glyph-playing-dices
  • .glyphicons .glyph-calculator
  • .glyphicons .glyph-tie
  • .glyphicons .glyph-wallet
  • .glyphicons .glyph-piano
  • .glyphicons .glyph-sampler
  • .glyphicons .glyph-podium
  • .glyphicons .glyph-soccer-ball
  • .glyphicons .glyph-blog
  • .glyphicons .glyph-dashboard
  • .glyphicons .glyph-certificate
  • .glyphicons .glyph-bell
  • .glyphicons .glyph-candle
  • .glyphicons .glyph-pushpin
  • .glyphicons .glyph-iphone-shake
  • .glyphicons .glyph-pin-flag
  • .glyphicons .glyph-turtle
  • .glyphicons .glyph-rabbit
  • .glyphicons .glyph-globe
  • .glyphicons .glyph-briefcase
  • .glyphicons .glyph-hdd
  • .glyphicons .glyph-thumbs-up
  • .glyphicons .glyph-thumbs-down
  • .glyphicons .glyph-hand-right
  • .glyphicons .glyph-hand-left
  • .glyphicons .glyph-hand-up
  • .glyphicons .glyph-hand-down
  • .glyphicons .glyph-fullscreen
  • .glyphicons .glyph-shopping-bag
  • .glyphicons .glyph-book-open
  • .glyphicons .glyph-nameplate
  • .glyphicons .glyph-nameplate-alt
  • .glyphicons .glyph-vases
  • .glyphicons .glyph-bullhorn
  • .glyphicons .glyph-dumbbell
  • .glyphicons .glyph-suitcase
  • .glyphicons .glyph-file-import
  • .glyphicons .glyph-file-export
  • .glyphicons .glyph-bug
  • .glyphicons .glyph-crown
  • .glyphicons .glyph-smoking
  • .glyphicons .glyph-cloud-upload
  • .glyphicons .glyph-cloud-download
  • .glyphicons .glyph-restart
  • .glyphicons .glyph-security-camera
  • .glyphicons .glyph-expand
  • .glyphicons .glyph-collapse
  • .glyphicons .glyph-collapse-top
  • .glyphicons .glyph-globe-af
  • .glyphicons .glyph-global
  • .glyphicons .glyph-spray
  • .glyphicons .glyph-nails
  • .glyphicons .glyph-claw-hammer
  • .glyphicons .glyph-classic-hammer
  • .glyphicons .glyph-hand-saw
  • .glyphicons .glyph-riflescope
  • .glyphicons .glyph-electrical-socket-eu
  • .glyphicons .glyph-electrical-socket-us
  • .glyphicons .glyph-message-forward
  • .glyphicons .glyph-coat-hanger
  • .glyphicons .glyph-dress
  • .glyphicons .glyph-bathrobe
  • .glyphicons .glyph-shirt
  • .glyphicons .glyph-underwear
  • .glyphicons .glyph-log-in
  • .glyphicons .glyph-log-out
  • .glyphicons .glyph-exit
  • .glyphicons .glyph-new-window-alt
  • .glyphicons .glyph-video-sd
  • .glyphicons .glyph-video-hd
  • .glyphicons .glyph-subtitles
  • .glyphicons .glyph-sound-stereo
  • .glyphicons .glyph-sound-dolby
  • .glyphicons .glyph-sound-5-1
  • .glyphicons .glyph-sound-6-1
  • .glyphicons .glyph-sound-7-1
  • .glyphicons .glyph-copyright-mark
  • .glyphicons .glyph-registration-mark
  • .glyphicons .glyph-radar
  • .glyphicons .glyph-skateboard
  • .glyphicons .glyph-golf-course
  • .glyphicons .glyph-sorting
  • .glyphicons .glyph-sort-by-alphabet
  • .glyphicons .glyph-sort-by-alphabet-alt
  • .glyphicons .glyph-sort-by-order
  • .glyphicons .glyph-sort-by-order-alt
  • .glyphicons .glyph-sort-by-attributes
  • .glyphicons .glyph-sort-by-attributes-alt
  • .glyphicons .glyph-compressed
  • .glyphicons .glyph-package
  • .glyphicons .glyph-cloud-plus
  • .glyphicons .glyph-cloud-minus
  • .glyphicons .glyph-disk-save
  • .glyphicons .glyph-disk-open
  • .glyphicons .glyph-disk-saved
  • .glyphicons .glyph-disk-remove
  • .glyphicons .glyph-disk-import
  • .glyphicons .glyph-disk-export
  • .glyphicons .glyph-tower
  • .glyphicons .glyph-send
  • .glyphicons .glyph-git-branch
  • .glyphicons .glyph-git-create
  • .glyphicons .glyph-git-private
  • .glyphicons .glyph-git-delete
  • .glyphicons .glyph-git-merge
  • .glyphicons .glyph-git-pull-request
  • .glyphicons .glyph-git-compare
  • .glyphicons .glyph-git-commit
  • .glyphicons .glyph-construction-cone
  • .glyphicons .glyph-shoe-steps
  • .glyphicons .glyph-plus
  • .glyphicons .glyph-minus
  • .glyphicons .glyph-redo
  • .glyphicons .glyph-undo
  • .glyphicons .glyph-golf
  • .glyphicons .glyph-hockey
  • .glyphicons .glyph-pipe
  • .glyphicons .glyph-wrench
  • .glyphicons .glyph-folder-closed
  • .glyphicons .glyph-phone-alt
  • .glyphicons .glyph-earphone
  • .glyphicons .glyph-floppy-disk
  • .glyphicons .glyph-floppy-saved
  • .glyphicons .glyph-floppy-remove
  • .glyphicons .glyph-floppy-save
  • .glyphicons .glyph-floppy-open
  • .glyphicons .glyph-translate
  • .glyphicons .glyph-fax
  • .glyphicons .glyph-factory
  • .glyphicons .glyph-shop-window
  • .glyphicons .glyph-shop
  • .glyphicons .glyph-kiosk
  • .glyphicons .glyph-kiosk-wheels
  • .glyphicons .glyph-kiosk-light
  • .glyphicons .glyph-kiosk-food
  • .glyphicons .glyph-transfer
  • .glyphicons .glyph-money
  • .glyphicons .glyph-header
  • .glyphicons .glyph-blacksmith
  • .glyphicons .glyph-saw-blade
  • .glyphicons .glyph-basketball
  • .glyphicons .glyph-server
  • .glyphicons .glyph-server-plus
  • .glyphicons .glyph-server-minus
  • .glyphicons .glyph-server-ban
  • .glyphicons .glyph-server-flag
  • .glyphicons .glyph-server-lock
  • .glyphicons .glyph-server-new

Social Icons

  • .social.social-pinterest
  • .social.social-dropbox
  • .social.social-google-plus
  • .social.social-jolicloud
  • .social.social-yahoo
  • .social.social-blogger
  • .social.social-picasa
  • .social.social-amazon
  • .social.social-tumblr
  • .social.social-wordpress
  • .social.social-instapaper
  • .social.social-evernote
  • .social.social-xing
  • .social.social-zootool
  • .social.social-dribbble
  • .social.social-deviantart
  • .social.social-read-it-later
  • .social.social-linked-in
  • .social.social-forrst
  • .social.social-pinboard
  • .social.social-behance
  • .social.social-github
  • .social.social-youtube
  • .social.social-skitch
  • .social.social-foursquare
  • .social.social-quora
  • .social.social-badoo
  • .social.social-spotify
  • .social.social-stumbleupon
  • .social.social-readability
  • .social.social-facebook
  • .social.social-twitter
  • .social.social-instagram
  • .social.social-posterous-spaces
  • .social.social-vimeo
  • .social.social-flickr
  • .social.social-last-fm
  • .social.social-rss
  • .social.social-skype
  • .social.social-e-mail
  • .social.social-vine
  • .social.social-myspace
  • .social.social-goodreads
  • .social.social-apple
  • .social.social-windows
  • .social.social-yelp
  • .social.social-playstation
  • .social.social-xbox
  • .social.social-android
  • .social.social-ios

How to use

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="glyphicons glyph-glass"></span>
<a href="#" class="social social-ios"></a>

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

Buttons

Button group in a button toolbar
<div class="btn-toolbar">
  <div class="btn-group">
    <a class="btn btn-default" href="#"><span class="glyphicons glyph-align-left"></span></a>
    <a class="btn btn-default" href="#"><span class="glyphicons glyph-align-center"></span></a>
    <a class="btn btn-default" href="#"><span class="glyphicons glyph-align-right"></span></a>
    <a class="btn btn-default" href="#"><span class="glyphicons glyph-justify"></span></a>
  </div>
</div>
Dropdown in a button group
<div class="btn-group">
  <a class="btn btn-primary" href="#"><span class="glyphicons glyph-user"></span> User</a>
  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#"><span class="glyphicons glyph-pencil"></span> Edit</a></li>
    <li><a href="#"><span class="glyphicons glyph-bin"></span> Delete</a></li>
    <li><a href="#"><span class="glyphicons glyph-ban"></span> Ban</a></li>
    <li class="divider"></li>
    <li><a href="#"><span class="i"></span> Make admin</a></li>
  </ul>
</div>
Button sizes
<a class="btn btn-default btn-lg" href="#"><span class="glyphicons glyph-star"></span> Star</a>
<a class="btn btn-default" href="#"><span class="glyphicons glyph-star"></span> Star</a>
<a class="btn btn-default btn-sm" href="#"><span class="glyphicons glyph-star"></span> Star</a>

Navigation

<ul class="nav nav-list">
  <li class="active"><a href="#"><span class="glyphicons glyph-home"></span> Home</a></li>
  <li><a href="#"><span class="glyphicons glyph-book"></span> Library</a></li>
  <li><a href="#"><span class="glyphicons glyph-pencil"></span> Applications</a></li>
  <li><a href="#"><span class="glyphicons glyph-music"></span> Misc</a></li>
</ul>