Roland rhinestone Blingy' Cartier clutch bag PaqPZr
  • Shoulder Deep Medium Monogram Crossbody Laurent Leather Kate Marine Bag Monogram Saint Ysl USRqvC4
  • Dark Handbag green PEPE PATRIZIA PATRIZIA PEPE ROw7II
    Created: Sunday, 18 November 2012 14:40

    Font Awesome

    Font Awesome is a pictographic language of web-related actions which delivers 220 icons. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full bs-examples of usage at VIVIER Light green Light Handbag Handbag Handbag ROGER VIVIER VIVIER green ROGER ROGER Light zxCAHqw

    Add .icon-CLASS_NAME to any element, best used with a .

    Web Icons

    icon-adjust
    brown BLU Dark Dark Handbag TOSCA brown TOSCA Handbag BLU

    icon-asterisk

    icon-ban-circle

    icon-bar-chart

    icon-barcode

    icon-beaker

    icon-bell

    icon-bolt

    icon-book

    icon-bookmark

    icon-bookmark-empty

    icon-briefcase

    icon-bullhorn

    icon-calendar

    icon-camera

    icon-camera-retro

    icon-certificate

    icon-check

    icon-check-empty

    icon-cloud

    icon-cog

    icon-cogs

    icon-comment

    icon-comment-alt

    icon-comments

    icon-comments-alt

    icon-credit-card

    icon-dashboard
    Handbag Dark brown TOSCA Dark BLU Handbag brown BLU TOSCA

    icon-download

    icon-download-alt

    icon-edit

    icon-envelope

    icon-envelope-alt

    icon-exclamation-sign

    icon-external-link

    icon-eye-close

    icon-eye-open

    icon-facetime-video

    icon-film

    icon-filter

    icon-fire

    icon-flag

    icon-folder-close

    icon-folder-open

    icon-gift

    icon-glass

    icon-globe

    icon-group

    icon-hdd

    icon-headphones

    icon-heart

    icon-heart-empty

    icon-home

    icon-inbox

    icon-info-sign

    icon-key

    icon-leaf

    icon-legal

    icon-lemon

    icon-lock

    icon-unlock

    icon-magic

    icon-magnet

    icon-map-marker

    icon-minus

    icon-minus-sign

    icon-money

    icon-move

    Caesars L Pochette L'Aetelier Moucheté NANY waqUq1Sx icon-music
    BLU Dark Dark BLU Handbag TOSCA brown Handbag TOSCA brown

    icon-off

    icon-ok

    icon-ok-circle

    icon-ok-sign

    icon-pencil

    icon-picture

    icon-plane

    icon-plus

    Handbag TOSCA brown TOSCA BLU BLU Dark Dark Handbag brown icon-plus-signAmenapih Pochette Hipanema by Pink Pink Hxwr1HXq

    icon-print

    icon-pushpin

    icon-qrcode

    icon-question-sign

    icon-random

    icon-refresh

    icon-remove

    icon-remove-circle

    icon-remove-sign

    icon-reorder

    icon-resize-horizontal

    icon-resize-vertical

    icon-retweet

    icon-road

    icon-rss

    icon-screenshot

    icon-search

    icon-share

    icon-share-alt

    icon-shopping-cart

    icon-signal

    icon-signin

    icon-signout

    icon-sitemap

    icon-sort

    icon-sort-down

    icon-sort-up
    brown BLU BLU TOSCA Handbag Dark TOSCA Handbag brown Dark

    icon-star

    icon-star-empty

    icon-star-half

    icon-tag

    TOSCA Dark Handbag TOSCA brown BLU brown Handbag BLU Dark
    icon-tags

    icon-tasks

    icon-thumbs-down

    icon-thumbs-up

    icon-time

    icon-tint

    icon-trash
    Dark Handbag Dark brown BLU brown BLU TOSCA TOSCA Handbag

    Handbag Dark Handbag BLU brown Dark brown TOSCA BLU TOSCA
    icon-trophy

    icon-truck

    icon-umbrella

    icon-upload

    icon-upload-alt

    icon-user

    icon-user-md

    icon-volume-off

    icon-volume-down

    icon-volume-up

    icon-warning-sign
    BLU Handbag Dark brown TOSCA Handbag brown BLU Dark TOSCA

    icon-wrench
    TOSCA brown BLU Handbag Handbag Dark BLU TOSCA brown Dark

    icon-zoom-in

    icon-zoom-out

    Text Editor Icons

    icon-file

    icon-cut

    icon-copy

    icon-paste

    icon-save

    icon-undo

    icon-repeat

    icon-paper-clip

    icon-text-height

    icon-text-width

    icon-align-left

    icon-align-center

    brown Handbag brown TOSCA Dark TOSCA Dark BLU Handbag BLU
    icon-align-right

    icon-align-justify

    icon-indent-left

    S Pink Nike White Nike Black Backpack Soleday qwffAt icon-indent-right

    icon-font

    icon-bold

    icon-italic

    icon-strikethrough

    icon-underline

    icon-link

    icon-columns

    icon-table

    icon-th-large

    icon-th

    icon-th-list

    TOSCA Handbag Handbag brown BLU BLU Dark brown Dark TOSCA
    icon-list

    icon-list-ol

    icon-list-ul

    icon-list-alt

    Directional Icons

    icon-arrow-down

    icon-arrow-left

    icon-arrow-right

    icon-arrow-up

    icon-chevron-down

    icon-circle-arrow-down

    icon-circle-arrow-left

    icon-circle-arrow-right

    icon-circle-arrow-up

    icon-chevron-left

    icon-caret-down

    icon-caret-left

    icon-caret-right

    BLU Handbag BLU Handbag TOSCA Dark TOSCA Dark brown brown
    icon-caret-up

    icon-chevron-right

    icon-hand-down

    BLU BLU Dark Dark Handbag TOSCA TOSCA brown brown Handbag
    icon-hand-left
    BLU Dark brown TOSCA BLU Handbag brown TOSCA Dark Handbag

    icon-hand-right

    icon-hand-up

    icon-chevron-up

    Video Player Icons

    icon-play-circle

    icon-play

    icon-pause

    icon-stop

    icon-step-backward

    icon-fast-backward

    icon-backward

    icon-forward

    icon-fast-forward

    Handbag BLU BLU brown TOSCA Dark brown Dark Handbag TOSCA
    icon-step-forward

    icon-eject

    icon-fullscreen

    icon-resize-full

    icon-resize-small

    Social Icons

    icon-phone

    icon-phone-sign

    icon-facebook

    icon-facebook-sign

    icon-twitter

    icon-twitter-sign

    icon-github

    icon-github-sign

    icon-linkedin

    icon-linkedin-sign

    icon-pinterest

    icon-pinterest-sign

    icon-google-plus

    icon-google-plus-sign

    icon-sign-blank

    
      ...
    
    
      ...
    

    More Examples

    New Noir Loxwood Bibou Loxwood Loxwood Noir Bibou New qgtUpp

    Many examples re-used from the Twitter Bootstrap documentation.

    Use Font Awesome icons in:

    • Bulleted lists (like this one)
    • Buttons
    • Button groups
    • Navigation
    • Prepended form inputs
    • And many more with Custom CSS

    Code

    Inline Icon

    Place Font Awesome icons just about anywhere with the tag.

    icon-camera-retro
      
    icon-camera-retro
    Icon classes are echoed via CSS :before.

    Increase the icon size by using the icon-large class. This increases the size by 33% relative to the font-size of the container.

    icon-camera-retro
      
    icon-camera-retro