• icon-adjust
• 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
• 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
• icon-music
• icon-off
• icon-ok
• icon-ok-circle
• icon-ok-sign
• icon-pencil
• icon-picture
• icon-plane
• icon-plus
• icon-plus-sign
• 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
• icon-star
• icon-star-empty
• icon-star-half
• icon-tag
• icon-tags
• icon-tasks
• icon-thumbs-down
• icon-thumbs-up
• icon-time
• icon-tint
• icon-trash
• 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
• icon-wrench
• 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
• icon-align-right
• icon-align-justify
• icon-indent-left
• 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
• 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
• icon-caret-up
• icon-chevron-right

• icon-hand-down
• icon-hand-left
• 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
• 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

Inline Icon

Place Font Awesome icons just about anywhere with the <i> tag.

<div style="font-size: 24px;">
  <i class="icon-camera-retro">
</i> icon-camera-retro</div>

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

Navigation

Use Font Awesome icons in navigation to provide helpful visual cues.

<ul class="nav nav-list">
<li class="active"><a href="#">
<i class="icon-home"></i> Home</a></li> 
<li><a href="#"><i class="icon-book"></i> 
Library</a></li>
<li><a href="#"><i class="icon-pencil"></i> 
Applications</a></li>
<li><a href="#"><i class="icon-cogs"></i> 
Settings</a></li>
</ul>

Prepended form inputs

<form>
  <div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i>
</span>
<input class="span2" type="text" placeholder="Email address">
  </div>
  <div class="input-prepend">
<span class="add-on"><i class="icon-key"></i></span>
<input class="span2" type="password" placeholder="Password">
  </div>
</form>

Buttons

<a class="btn" href="#">
 <i class="icon-refresh"></i> Refresh</a>
<a class="btn btn-success" href="#">
 <i class="icon-shopping-cart icon-large"></i> Checkout</a>
<a class="btn btn-large btn-warning href="#">
 <i class="icon-trash icon-medium"></i> Delete</a>
<a class="btn btn-small btn-inverse" href="#">
 <i class="icon-cog"></i> Settings</a>
<a class="btn btn-small btn-info" href="#">
 <i class="icon-info-sign"></i> More Info</a>

Button groups

<div class="btn-group">
  <a class="btn" href="#"><i class="icon-align-left"></i></a>
  <a class="btn" href="#"><i class="icon-align-center"></i></a>
  <a class="btn" href="#"><i class="icon-align-right"></i></a>
  <a class="btn" href="#"><i class="icon-align-justify"></i></a>
</div>

Button dropdowns

<div class="btn-group">
    <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
<span class="icon-caret-down"></span></a>
    <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
        <li class="divider"></li>
        <li><a href="#"><i class="i"></i> Make admin</a></li>
    </ul>
</div>

Lists

• Lists
• Buttons
• Button groups
• Navigation
• Prepended form inputs

Easily replace individual bullets.

<ul class="icons">
  <li><i class="icon-ok"></i> Lists</li>
  <li><i class="icon-ok"></i> Buttons</li>
  <li><i class="icon-ok"></i> Button groups</li>
  <li><i class="icon-ok"></i> Navigation</li>
  <li><i class="icon-ok"></i> Prepended form inputs</li>
</ul>