flati | responsive html5 template | themeforest | josweb

# Style

# Retina Icons

# Font Awesome gives you scalable vector icons that can instantly be customized - size, colour, drop shadow, and anything that can be done with the power of CSS.

## Social Network Icons

## Web Application Icons

- icon-adjust
- icon-anchor
- icon-asterisk
- icon-ban-circle
- icon-bar-chart
- icon-barcode
- icon-beaker
- icon-beer
- icon-bell-alt
- icon-bell
- icon-bolt
- icon-book
- icon-bookmark-empty
- icon-bookmark
- icon-briefcase
- icon-bullhorn
- icon-bullseye
- icon-calendar-empty
- icon-calendar
- icon-camera-retro
- icon-camera
- icon-certificate
- icon-check-empty
- icon-check-minus
- icon-check-sign
- icon-check
- icon-circle-blank
- icon-circle
- icon-cloud-download
- icon-cloud-upload
- icon-cloud
- icon-code-fork
- icon-code
- icon-coffee
- icon-cog
- icon-cogs
- icon-collapse-alt
- icon-comment-alt
- icon-comment
- icon-comments-alt
- icon-comments
- icon-credit-card
- icon-crop
- icon-dashboard
- icon-desktop
- icon-download-alt
- icon-download
- icon-edit-sign
- icon-edit
- icon-ellipsis-horizontal
- icon-ellipsis-vertical

- icon-envelope-alt
- icon-envelope
- icon-eraser
- icon-exchange
- icon-exclamation-sign
- icon-exclamation
- icon-expand-alt
- icon-external-link-sign
- icon-external-link
- icon-eye-close
- icon-eye-open
- icon-facetime-video
- icon-fighter-jet
- icon-film
- icon-filter
- icon-fire-extinguisher
- icon-fire
- icon-flag-alt
- icon-flag-checkered
- icon-flag
- icon-folder-close-alt
- icon-folder-close
- icon-folder-open-alt
- icon-folder-open
- icon-food
- icon-frown
- icon-gamepad
- icon-gift
- icon-glass
- icon-globe
- icon-group
- icon-hdd
- icon-headphones
- icon-heart-empty
- icon-heart
- icon-home
- icon-inbox
- icon-info-sign
- icon-info
- icon-key
- icon-keyboard
- icon-laptop
- icon-leaf
- icon-legal
- icon-lemon
- icon-level-down
- icon-level-up
- icon-lightbulb
- icon-location-arrow
- icon-lock
- icon-magic

- icon-magnet
- icon-mail-forward
- icon-mail-reply
- icon-mail-reply-all
- icon-map-marker
- icon-meh
- icon-microphone-off
- icon-microphone
- icon-minus-sign-alt
- icon-minus-sign
- icon-minus
- icon-mobile-phone
- icon-money
- icon-move
- icon-music
- icon-off
- icon-ok-circle
- icon-ok-sign
- icon-ok
- icon-pencil
- icon-phone-sign
- icon-phone
- icon-picture
- icon-plane
- icon-plus-sign
- icon-plus
- icon-print
- icon-pushpin
- icon-puzzle-piece
- icon-qrcode
- icon-question-sign
- icon-question
- icon-quote-left
- icon-quote-right
- icon-random
- icon-refresh
- icon-remove-circle
- icon-remove-sign
- icon-remove
- icon-reorder
- icon-reply-all
- icon-reply
- icon-resize-horizontal
- icon-resize-vertical
- icon-retweet
- icon-road
- icon-rocket
- icon-rotate-left
- icon-rotate-right
- icon-rss-sign

- icon-rss
- icon-screenshot
- icon-search
- icon-share-alt
- icon-share-sign
- icon-share
- icon-shield
- icon-shopping-cart
- icon-sign-blank
- icon-signal
- icon-signin
- icon-signout
- icon-sitemap
- icon-smile
- icon-sort-down
- icon-sort-up
- icon-sort
- icon-spinner
- icon-star-empty
- icon-star-half-full
- icon-star-half-empty
- icon-star-half
- icon-star
- icon-tablet
- icon-tag
- icon-tags
- icon-tasks
- icon-terminal
- icon-thumbs-down
- icon-thumbs-up
- icon-ticket
- icon-time
- icon-tint
- icon-trash
- icon-trophy
- icon-truck
- icon-umbrella
- icon-unlock-alt
- icon-unlock
- icon-upload-alt
- icon-upload
- icon-user-md
- icon-user
- icon-volume-down
- icon-volume-off
- icon-volume-up
- icon-warning-sign
- icon-wrench
- icon-zoom-in
- icon-zoom-out

## Text Editor Icons

- icon-file
- icon-file-alt
- icon-cut
- icon-copy
- icon-paste
- icon-save
- icon-undo
- icon-repeat
- 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-superscript
- icon-subscript
- icon-link
- icon-unlink
- icon-paper-clip
- icon-eraser

- 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-angle-left
- icon-angle-right
- icon-angle-up
- icon-angle-down
- icon-arrow-down
- icon-arrow-left
- icon-arrow-right
- icon-arrow-up

- icon-caret-down
- icon-caret-left
- icon-caret-right
- icon-caret-up
- icon-chevron-down
- icon-chevron-left
- icon-chevron-right
- icon-chevron-up

- icon-chevron-sign-left
- icon-chevron-sign-right
- icon-chevron-sign-up
- icon-chevron-sign-down
- icon-circle-arrow-down
- icon-circle-arrow-left
- icon-circle-arrow-right
- icon-circle-arrow-up

- icon-double-angle-left
- icon-double-angle-right
- icon-double-angle-up
- icon-double-angle-down
- icon-hand-down
- icon-hand-left
- icon-hand-right
- icon-hand-up

## Video Player Icons

- icon-play-circle
- icon-play-sign
- icon-play
- icon-pause

- icon-stop
- icon-eject
- icon-backward
- icon-forward

- icon-fast-backward
- icon-fast-forward
- icon-step-backward
- icon-step-forward

- icon-fullscreen
- icon-resize-full
- icon-resize-small

## Brand Icons

- icon-css3
- icon-facebook
- icon-facebook-sign
- icon-twitter

- icon-twitter-sign
- icon-github
- icon-github-sign
- icon-html5

- icon-linkedin
- icon-linkedin-sign
- icon-maxcdn
- icon-pinterest

- icon-pinterest-sign
- icon-google-plus
- icon-google-plus-sign

## Medical Icons

- icon-ambulance
- icon-beaker

- icon-h-sign
- icon-hospital

- icon-medkit
- icon-plus-sign-alt

- icon-stethoscope
- icon-user-md

### inline icons

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

icon-camera-retro

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

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

### prepended form inputs

### buttons

Refresh Checkout Delete Settings More Info

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

### lists

- Lists
- Buttons
- Button groups

    <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>
    </ul>

FLATI ©
- All Rights Reserved : Template by Spiral Pixel