Usage Code
icon-adjust
To use Icons just place the
<i> tag.
<i class="icon-adjust"></i> icon-adjust
icon-adjust
To increase icon size use font-size css attribute.
<i class="icon-adjust" style="font-size: 22px;"></i> icon-adjust
Use BillionWebFont icons with Bootstrap components.
<a class="btn btn-default btn-lg active"role="button" href="#">
<i class="icon-adjust" ></i> icon-adjust
</a>
icon-adjust
icon-adn
icon-asterisk
icon-ban
icon-bar-chart
icon-barcode
icon-bell
icon-bolt
icon-bookmark
icon-bookmark-alt
icon-brain
icon-bug
icon-calendar
icon-calendar-day
icon-calendar-day-alt
icon-calendar-simple
icon-certificate
icon-cloud
icon-cloud-download
icon-cloud-upload
icon-code
icon-cog
icon-cogs
icon-comment
icon-comment-alt
icon-comments
icon-comments-alt
icon-compress
icon-credit-card
icon-crop
icon-delete
icon-delete-circle-alt
icon-downturn
icon-earth
icon-eject
icon-envelope
icon-envelope-alt
icon-exchange
icon-exclamation-sign
icon-expand
icon-eye-close
icon-eye-open
icon-female
icon-film
icon-filter
icon-filter-alt
icon-find-contact
icon-flag
icon-flag-alt
icon-folder
icon-folder-alt
icon-folder-open
icon-globe
icon-globe-alt
icon-globe-outline
icon-group
icon-growth
icon-h-sign
icon-happy
icon-hdd
icon-heart
icon-heart-circle
icon-heart-empty
icon-image
icon-image-alt
icon-inbox
icon-info-sign
icon-lines
icon-male
icon-map-marker
icon-phone
icon-phone-square
icon-pie-chart
icon-power
icon-qrcode
icon-question-circle
icon-random
icon-remove-sign
icon-reply
icon-reply-all
icon-retweet
icon-rss
icon-scales
icon-screenshot
icon-search
icon-search-alt
icon-search-circle
icon-search-glare
icon-search-thick
icon-search-thin
icon-share
icon-share-alt
icon-sign-in
icon-sign-out
icon-signal
icon-sitemap
icon-star
icon-star-alt
icon-star-half
icon-star-thin
icon-tablet
icon-tag
icon-tags
icon-tasks
icon-terminal
icon-thumbs-down
icon-thumbs-up
icon-tick
icon-tick-circle
icon-tick-circle-alt
icon-unhappy
icon-upload
icon-upload-circle
icon-upload-circle-alt
icon-user
icon-user-alt
icon-user-business
icon-user-medical
icon-warning
icon-zoom-in
icon-zoom-out
icon-ambulance
icon-anchor
icon-aperture
icon-beaker
icon-beer
icon-book
icon-book-open
icon-briefcase
icon-briefcase-simple
icon-building
icon-bullhorn
icon-camera
icon-coffee
icon-cup
icon-dialer
icon-drop
icon-fighter
icon-fire
icon-food
icon-gift
icon-glass
icon-headphones
icon-help
icon-home
icon-home-alt
icon-hospital
icon-house
icon-leaf
icon-leaf-thin
icon-legal
icon-lemon
icon-lightbulb
icon-lock
icon-magic
icon-magnet
icon-medkit
icon-mobile
icon-moon
icon-music
icon-plane
icon-plane-alt
icon-plane-takeoff
icon-pushpin
icon-road
icon-sandwich
icon-stethoscope
icon-suitcase
icon-time
icon-time-alt
icon-trash-can
icon-truck
icon-umbrella
icon-video
icon-wrench
icon-bag
icon-basket
icon-basket-simple
icon-booth
icon-dollar
icon-euro
icon-gbp
icon-inr
icon-money
icon-product-view-mode
icon-rubl
icon-shopping-cart
icon-shopping-cart-buggy
icon-shopping-cart-simple
icon-shopping-cart-solid
icon-shopping-cart-trolley
icon-shopping-cart-wire
icon-won
icon-yen
icon-arrow-angle-down
icon-arrow-angle-left
icon-arrow-angle-right
icon-arrow-angle-up
icon-arrow-basic-down
icon-arrow-basic-left
icon-arrow-basic-right
icon-arrow-basic-up
icon-arrow-circle-alt-down
icon-arrow-circle-alt-left
icon-arrow-circle-alt-right
icon-arrow-circle-alt-up
icon-arrow-double-down
icon-arrow-double-left
icon-arrow-double-right
icon-arrow-double-up
icon-arrow-long-down
icon-arrow-long-left
icon-arrow-long-right
icon-arrow-long-up
icon-arrow-pointer-down
icon-arrow-pointer-left
icon-arrow-pointer-right
icon-arrow-pointer-up
icon-arrow-small-down
icon-arrow-small-left
icon-arrow-small-right
icon-arrow-small-up
icon-arrow-square-down
icon-arrow-square-left
icon-arrow-square-right
icon-arrow-square-up
icon-arrow-tall-down
icon-arrow-tall-left
icon-arrow-tall-right
icon-arrow-tall-up
icon-arrow-thick-down
icon-arrow-thick-left
icon-arrow-thick-right
icon-arrow-thick-up
icon-arrow-thin-down
icon-arrow-thin-left
icon-arrow-thin-right
icon-arrow-thin-up
icon-arrows
icon-arrows-alt
icon-arrows-horizontal
icon-arrows-vertical
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-circle-arrow-down
icon-circle-arrow-left
icon-circle-arrow-right
icon-circle-arrow-up
icon-double-chevron-down
icon-double-chevron-left
icon-double-chevron-right
icon-double-chevron-up
icon-hand-down
icon-hand-left
icon-hand-right
icon-hand-up
icon-angle-double
icon-angle-small
icon-arrow-fancy
icon-arrow-line
icon-box
icon-box-alt
icon-box-small
icon-box-small-alt
icon-curve-bottom
icon-curve-top
icon-fancy-circle-alt
icon-four-boxes
icon-four-boxes-alt
icon-four-rhombs
icon-heartlet
icon-label
icon-mark
icon-node-circle
icon-node-square
icon-pointer-basic
icon-rhomb
icon-round
icon-round-alt
icon-round-small
icon-round-small-alt
icon-starlet
icon-starlet-alt
icon-stripes
icon-stripes-thick
icon-ticklet
icon-ticklet-circle
icon-ticklet-circle-alt
icon-ticklet-thick
icon-triangle
icon-triangle-circle
icon-triangle-circle-alt
icon-align-center
icon-align-justify
icon-align-left
icon-align-right
icon-backward
icon-bold
icon-check
icon-check-empty
icon-circle
icon-circle-alt
icon-copy
icon-cut
icon-edit
icon-edit-alt
icon-ellipsis
icon-external-link
icon-fast-backward
icon-fast-forward
icon-file
icon-file-alt
icon-font
icon-forward
icon-fullscreen
icon-grid
icon-grid-small
icon-indent-left
icon-indent-right
icon-italic
icon-list
icon-list-adv
icon-list-details
icon-list-details-small
icon-minus
icon-minus-circle
icon-minus-square
icon-minus-square-alt
icon-paste
icon-pause
icon-pencil
icon-play
icon-play-circle
icon-plus
icon-plus-circle
icon-plus-square
icon-plus-square-alt
icon-print
icon-properties
icon-quote-left
icon-quote-right
icon-repeat
icon-restore
icon-save
icon-sign-blank
icon-sort
icon-sort-alpha
icon-sort-alpha-asc
icon-sort-alpha-desc
icon-sort-amount-asc
icon-sort-amount-desc
icon-sort-asc
icon-sort-desc
icon-sort-numeric
icon-sort-numeric-asc
icon-sort-numeric-desc
icon-spinner
icon-step-backward
icon-step-forward
icon-strikethrough
icon-superscript
icon-text-height
icon-text-width
icon-typeface
icon-undo
icon-volume-down
icon-volume-off
icon-volume-up
Brand Icons
icon-android
icon-apple
icon-bitbucket
icon-bitbucket-alt
icon-bitcoin
icon-css3
icon-delicious
icon-dribbble
icon-dropbox
icon-facebook
icon-facebook-alt
icon-facebook-square
icon-flickr
icon-github
icon-github-alt
icon-github-square
icon-google-plus
icon-google-plus-square
icon-html5
icon-instagram
icon-linkedin
icon-linkedin-square
icon-linux
icon-maxcdn
icon-picasa
icon-pinterest
icon-pinterest-square
icon-renminbi
icon-renren
icon-skype
icon-stackexchange
icon-trello-square
icon-tumblr
icon-tumblr-square
icon-twitter
icon-twitter-square
icon-vimeo
icon-vk
icon-weibo
icon-windows
icon-xing
icon-xing-square
icon-yahoo
icon-youtube
icon-youtube-play
icon-youtube-square
- All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by BillionWebFont,
nor vice versa.
- Read BillionWebFonts License.
<h3 class="icons-preview">Usage Code</h3>
<div style="display: table; margin: 5px;">
<div style="display: table-row">
<div class="left-example icons-preview"><i class="icon-adjust"></i> icon-adjust</div>
<div style="display: table-cell;"><span class="icons-preview">To use Icons just place the <code>
<i></code> tag</span>.<br>
<pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-adjust"</span><span class="nt">></i></span> icon-adjust</code></pre>
</div>
</div>
<div style="display: table-row">
<div class="left-example icons-preview"><i class="icon-adjust" style="font-size: 22px;"></i> icon-adjust
</div>
<div style="display: table-cell;"><span class="icons-preview">To increase icon size use font-size css attribute.</span><br>
<pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-adjust" style="font-size: 22px;"</span><span class="nt">></i></span> icon-adjust</code></pre>
</div>
</div>
<div style="display: table-row">
<div class="left-example icons-preview"><a class="btn btn-default btn-lg active" href="#"><i class="icon-adjust"></i> icon-adjust</a> </div>
<div style="display: table-cell;"><span class="icons-preview">Use BillionWebFont icons with Bootstrap components.</span><br>
<pre><code class="html"><span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-default btn-lg active"</span><span class="na">role=</span><span class="s">"button"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span><br><span class="nt"> <i</span> <span class="na">class=</span><span class="s">"icon-adjust" </span><span class="nt">></i></span> icon-adjust<br><span class="nt"></a></span></code></pre>
</div>
</div>
</div>
<h3 class="page-header icons-preview">Common Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-adjust icons-preview"></i><span class="icons-preview">icon-adjust</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-adn icons-preview"></i><span class="icons-preview">icon-adn</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-asterisk icons-preview"></i><span class="icons-preview">icon-asterisk</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ban icons-preview"></i><span class="icons-preview">icon-ban</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bar-chart icons-preview"></i><span class="icons-preview">icon-bar-chart</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-barcode icons-preview"></i><span class="icons-preview">icon-barcode</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bell icons-preview"></i><span class="icons-preview">icon-bell</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bolt icons-preview"></i><span class="icons-preview">icon-bolt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bookmark icons-preview"></i><span class="icons-preview">icon-bookmark</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bookmark-alt icons-preview"></i><span class="icons-preview">icon-bookmark-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-brain icons-preview"></i><span class="icons-preview">icon-brain</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bug icons-preview"></i><span class="icons-preview">icon-bug</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-calendar icons-preview"></i><span class="icons-preview">icon-calendar</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-calendar-day icons-preview"></i><span class="icons-preview">icon-calendar-day</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-calendar-day-alt icons-preview"></i><span class="icons-preview">icon-calendar-day-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-calendar-simple icons-preview"></i><span class="icons-preview">icon-calendar-simple</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-certificate icons-preview"></i><span class="icons-preview">icon-certificate</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cloud icons-preview"></i><span class="icons-preview">icon-cloud</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cloud-download icons-preview"></i><span class="icons-preview">icon-cloud-download</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cloud-upload icons-preview"></i><span class="icons-preview">icon-cloud-upload</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-code icons-preview"></i><span class="icons-preview">icon-code</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cog icons-preview"></i><span class="icons-preview">icon-cog</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cogs icons-preview"></i><span class="icons-preview">icon-cogs</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-comment icons-preview"></i><span class="icons-preview">icon-comment</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-comment-alt icons-preview"></i><span class="icons-preview">icon-comment-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-comments icons-preview"></i><span class="icons-preview">icon-comments</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-comments-alt icons-preview"></i><span class="icons-preview">icon-comments-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-compress icons-preview"></i><span class="icons-preview">icon-compress</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-credit-card icons-preview"></i><span class="icons-preview">icon-credit-card</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-crop icons-preview"></i><span class="icons-preview">icon-crop</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-delete icons-preview"></i><span class="icons-preview">icon-delete</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-delete-circle-alt icons-preview"></i><span class="icons-preview">icon-delete-circle-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-downturn icons-preview"></i><span class="icons-preview">icon-downturn</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-earth icons-preview"></i><span class="icons-preview">icon-earth</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-eject icons-preview"></i><span class="icons-preview">icon-eject</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-envelope icons-preview"></i><span class="icons-preview">icon-envelope</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-envelope-alt icons-preview"></i><span class="icons-preview">icon-envelope-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-exchange icons-preview"></i><span class="icons-preview">icon-exchange</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-exclamation-sign icons-preview"></i><span class="icons-preview">icon-exclamation-sign</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-expand icons-preview"></i><span class="icons-preview">icon-expand</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-eye-close icons-preview"></i><span class="icons-preview">icon-eye-close</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-eye-open icons-preview"></i><span class="icons-preview">icon-eye-open</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-female icons-preview"></i><span class="icons-preview">icon-female</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-film icons-preview"></i><span class="icons-preview">icon-film</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-filter icons-preview"></i><span class="icons-preview">icon-filter</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-filter-alt icons-preview"></i><span class="icons-preview">icon-filter-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-find-contact icons-preview"></i><span class="icons-preview">icon-find-contact</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-flag icons-preview"></i><span class="icons-preview">icon-flag</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-flag-alt icons-preview"></i><span class="icons-preview">icon-flag-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-folder icons-preview"></i><span class="icons-preview">icon-folder</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-folder-alt icons-preview"></i><span class="icons-preview">icon-folder-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-folder-open icons-preview"></i><span class="icons-preview">icon-folder-open</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-globe icons-preview"></i><span class="icons-preview">icon-globe</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-globe-alt icons-preview"></i><span class="icons-preview">icon-globe-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-globe-outline icons-preview"></i><span class="icons-preview">icon-globe-outline</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-group icons-preview"></i><span class="icons-preview">icon-group</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-growth icons-preview"></i><span class="icons-preview">icon-growth</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-h-sign icons-preview"></i><span class="icons-preview">icon-h-sign</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-happy icons-preview"></i><span class="icons-preview">icon-happy</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-hdd icons-preview"></i><span class="icons-preview">icon-hdd</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-heart icons-preview"></i><span class="icons-preview">icon-heart</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-heart-circle icons-preview"></i><span class="icons-preview">icon-heart-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-heart-empty icons-preview"></i><span class="icons-preview">icon-heart-empty</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-image icons-preview"></i><span class="icons-preview">icon-image</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-image-alt icons-preview"></i><span class="icons-preview">icon-image-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-inbox icons-preview"></i><span class="icons-preview">icon-inbox</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-info-sign icons-preview"></i><span class="icons-preview">icon-info-sign</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-lines icons-preview"></i><span class="icons-preview">icon-lines</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-male icons-preview"></i><span class="icons-preview">icon-male</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-map-marker icons-preview"></i><span class="icons-preview">icon-map-marker</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-phone icons-preview"></i><span class="icons-preview">icon-phone</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-phone-square icons-preview"></i><span class="icons-preview">icon-phone-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pie-chart icons-preview"></i><span class="icons-preview">icon-pie-chart</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-power icons-preview"></i><span class="icons-preview">icon-power</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-qrcode icons-preview"></i><span class="icons-preview">icon-qrcode</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-question-circle icons-preview"></i><span class="icons-preview">icon-question-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-random icons-preview"></i><span class="icons-preview">icon-random</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-remove-sign icons-preview"></i><span class="icons-preview">icon-remove-sign</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-reply icons-preview"></i><span class="icons-preview">icon-reply</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-reply-all icons-preview"></i><span class="icons-preview">icon-reply-all</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-retweet icons-preview"></i><span class="icons-preview">icon-retweet</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-rss icons-preview"></i><span class="icons-preview">icon-rss</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-scales icons-preview"></i><span class="icons-preview">icon-scales</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-screenshot icons-preview"></i><span class="icons-preview">icon-screenshot</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-search icons-preview"></i><span class="icons-preview">icon-search</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-search-alt icons-preview"></i><span class="icons-preview">icon-search-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-search-circle icons-preview"></i><span class="icons-preview">icon-search-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-search-glare icons-preview"></i><span class="icons-preview">icon-search-glare</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-search-thick icons-preview"></i><span class="icons-preview">icon-search-thick</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-search-thin icons-preview"></i><span class="icons-preview">icon-search-thin</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-share icons-preview"></i><span class="icons-preview">icon-share</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-share-alt icons-preview"></i><span class="icons-preview">icon-share-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sign-in icons-preview"></i><span class="icons-preview">icon-sign-in</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sign-out icons-preview"></i><span class="icons-preview">icon-sign-out</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-signal icons-preview"></i><span class="icons-preview">icon-signal</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sitemap icons-preview"></i><span class="icons-preview">icon-sitemap</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-star icons-preview"></i><span class="icons-preview">icon-star</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-star-alt icons-preview"></i><span class="icons-preview">icon-star-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-star-half icons-preview"></i><span class="icons-preview">icon-star-half</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-star-thin icons-preview"></i><span class="icons-preview">icon-star-thin</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tablet icons-preview"></i><span class="icons-preview">icon-tablet</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tag icons-preview"></i><span class="icons-preview">icon-tag</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tags icons-preview"></i><span class="icons-preview">icon-tags</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tasks icons-preview"></i><span class="icons-preview">icon-tasks</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-terminal icons-preview"></i><span class="icons-preview">icon-terminal</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-thumbs-down icons-preview"></i><span class="icons-preview">icon-thumbs-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-thumbs-up icons-preview"></i><span class="icons-preview">icon-thumbs-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tick icons-preview"></i><span class="icons-preview">icon-tick</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tick-circle icons-preview"></i><span class="icons-preview">icon-tick-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tick-circle-alt icons-preview"></i><span class="icons-preview">icon-tick-circle-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-unhappy icons-preview"></i><span class="icons-preview">icon-unhappy</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-upload icons-preview"></i><span class="icons-preview">icon-upload</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-upload-circle icons-preview"></i><span class="icons-preview">icon-upload-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-upload-circle-alt icons-preview"></i><span class="icons-preview">icon-upload-circle-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-user icons-preview"></i><span class="icons-preview">icon-user</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-user-alt icons-preview"></i><span class="icons-preview">icon-user-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-user-business icons-preview"></i><span class="icons-preview">icon-user-business</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-user-medical icons-preview"></i><span class="icons-preview">icon-user-medical</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-warning icons-preview"></i><span class="icons-preview">icon-warning</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-zoom-in icons-preview"></i><span class="icons-preview">icon-zoom-in</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-zoom-out icons-preview"></i><span class="icons-preview">icon-zoom-out</span>
</div>
</div>
<h3 class="page-header icons-preview ObjectIcons">Object Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ambulance icons-preview"></i><span class="icons-preview">icon-ambulance</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-anchor icons-preview"></i><span class="icons-preview">icon-anchor</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-aperture icons-preview"></i><span class="icons-preview">icon-aperture</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-beaker icons-preview"></i><span class="icons-preview">icon-beaker</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-beer icons-preview"></i><span class="icons-preview">icon-beer</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-book icons-preview"></i><span class="icons-preview">icon-book</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-book-open icons-preview"></i><span class="icons-preview">icon-book-open</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-briefcase icons-preview"></i><span class="icons-preview">icon-briefcase</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-briefcase-simple icons-preview"></i><span class="icons-preview">icon-briefcase-simple</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-building icons-preview"></i><span class="icons-preview">icon-building</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bullhorn icons-preview"></i><span class="icons-preview">icon-bullhorn</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-camera icons-preview"></i><span class="icons-preview">icon-camera</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-coffee icons-preview"></i><span class="icons-preview">icon-coffee</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cup icons-preview"></i><span class="icons-preview">icon-cup</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-dialer icons-preview"></i><span class="icons-preview">icon-dialer</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-drop icons-preview"></i><span class="icons-preview">icon-drop</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-fighter icons-preview"></i><span class="icons-preview">icon-fighter</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-fire icons-preview"></i><span class="icons-preview">icon-fire</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-food icons-preview"></i><span class="icons-preview">icon-food</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-gift icons-preview"></i><span class="icons-preview">icon-gift</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-glass icons-preview"></i><span class="icons-preview">icon-glass</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-headphones icons-preview"></i><span class="icons-preview">icon-headphones</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-help icons-preview"></i><span class="icons-preview">icon-help</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-home icons-preview"></i><span class="icons-preview">icon-home</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-home-alt icons-preview"></i><span class="icons-preview">icon-home-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-hospital icons-preview"></i><span class="icons-preview">icon-hospital</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-house icons-preview"></i><span class="icons-preview">icon-house</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-leaf icons-preview"></i><span class="icons-preview">icon-leaf</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-leaf-thin icons-preview"></i><span class="icons-preview">icon-leaf-thin</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-legal icons-preview"></i><span class="icons-preview">icon-legal</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-lemon icons-preview"></i><span class="icons-preview">icon-lemon</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-lightbulb icons-preview"></i><span class="icons-preview">icon-lightbulb</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-lock icons-preview"></i><span class="icons-preview">icon-lock</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-magic icons-preview"></i><span class="icons-preview">icon-magic</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-magnet icons-preview"></i><span class="icons-preview">icon-magnet</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-medkit icons-preview"></i><span class="icons-preview">icon-medkit</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-mobile icons-preview"></i><span class="icons-preview">icon-mobile</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-moon icons-preview"></i><span class="icons-preview">icon-moon</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-music icons-preview"></i><span class="icons-preview">icon-music</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plane icons-preview"></i><span class="icons-preview">icon-plane</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plane-alt icons-preview"></i><span class="icons-preview">icon-plane-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plane-takeoff icons-preview"></i><span class="icons-preview">icon-plane-takeoff</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pushpin icons-preview"></i><span class="icons-preview">icon-pushpin</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-road icons-preview"></i><span class="icons-preview">icon-road</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sandwich icons-preview"></i><span class="icons-preview">icon-sandwich</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-stethoscope icons-preview"></i><span class="icons-preview">icon-stethoscope</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-suitcase icons-preview"></i><span class="icons-preview">icon-suitcase</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-time icons-preview"></i><span class="icons-preview">icon-time</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-time-alt icons-preview"></i><span class="icons-preview">icon-time-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-trash-can icons-preview"></i><span class="icons-preview">icon-trash-can</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-truck icons-preview"></i><span class="icons-preview">icon-truck</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-umbrella icons-preview"></i><span class="icons-preview">icon-umbrella</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-video icons-preview"></i><span class="icons-preview">icon-video</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-wrench icons-preview"></i><span class="icons-preview">icon-wrench</span>
</div>
</div>
<h3 class="page-header icons-preview eCommerceIcons">eCommerce Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bag icons-preview"></i><span class="icons-preview">icon-bag</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-basket icons-preview"></i><span class="icons-preview">icon-basket</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-basket-simple icons-preview"></i><span class="icons-preview">icon-basket-simple</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-booth icons-preview"></i><span class="icons-preview">icon-booth</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-dollar icons-preview"></i><span class="icons-preview">icon-dollar</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-euro icons-preview"></i><span class="icons-preview">icon-euro</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-gbp icons-preview"></i><span class="icons-preview">icon-gbp</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-inr icons-preview"></i><span class="icons-preview">icon-inr</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-money icons-preview"></i><span class="icons-preview">icon-money</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-product-view-mode icons-preview"></i><span class="icons-preview">icon-product-view-mode</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-rubl icons-preview"></i><span class="icons-preview">icon-rubl</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-shopping-cart icons-preview"></i><span class="icons-preview">icon-shopping-cart</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-shopping-cart-buggy icons-preview"></i><span class="icons-preview">icon-shopping-cart-buggy</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-shopping-cart-simple icons-preview"></i><span class="icons-preview">icon-shopping-cart-simple</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-shopping-cart-solid icons-preview"></i><span class="icons-preview">icon-shopping-cart-solid</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-shopping-cart-trolley icons-preview"></i><span class="icons-preview">icon-shopping-cart-trolley</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-shopping-cart-wire icons-preview"></i><span class="icons-preview">icon-shopping-cart-wire</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-won icons-preview"></i><span class="icons-preview">icon-won</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-yen icons-preview"></i><span class="icons-preview">icon-yen</span>
</div>
</div>
<h3 class="page-header icons-preview DirectionalIcons">Directional Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-angle-down icons-preview"></i><span class="icons-preview">icon-arrow-angle-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-angle-left icons-preview"></i><span class="icons-preview">icon-arrow-angle-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-angle-right icons-preview"></i><span class="icons-preview">icon-arrow-angle-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-angle-up icons-preview"></i><span class="icons-preview">icon-arrow-angle-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-basic-down icons-preview"></i><span class="icons-preview">icon-arrow-basic-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-basic-left icons-preview"></i><span class="icons-preview">icon-arrow-basic-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-basic-right icons-preview"></i><span class="icons-preview">icon-arrow-basic-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-basic-up icons-preview"></i><span class="icons-preview">icon-arrow-basic-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-circle-alt-down icons-preview"></i><span class="icons-preview">icon-arrow-circle-alt-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-circle-alt-left icons-preview"></i><span class="icons-preview">icon-arrow-circle-alt-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-circle-alt-right icons-preview"></i><span class="icons-preview">icon-arrow-circle-alt-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-circle-alt-up icons-preview"></i><span class="icons-preview">icon-arrow-circle-alt-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-double-down icons-preview"></i><span class="icons-preview">icon-arrow-double-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-double-left icons-preview"></i><span class="icons-preview">icon-arrow-double-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-double-right icons-preview"></i><span class="icons-preview">icon-arrow-double-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-double-up icons-preview"></i><span class="icons-preview">icon-arrow-double-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-long-down icons-preview"></i><span class="icons-preview">icon-arrow-long-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-long-left icons-preview"></i><span class="icons-preview">icon-arrow-long-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-long-right icons-preview"></i><span class="icons-preview">icon-arrow-long-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-long-up icons-preview"></i><span class="icons-preview">icon-arrow-long-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-pointer-down icons-preview"></i><span class="icons-preview">icon-arrow-pointer-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-pointer-left icons-preview"></i><span class="icons-preview">icon-arrow-pointer-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-pointer-right icons-preview"></i><span class="icons-preview">icon-arrow-pointer-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-pointer-up icons-preview"></i><span class="icons-preview">icon-arrow-pointer-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-small-down icons-preview"></i><span class="icons-preview">icon-arrow-small-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-small-left icons-preview"></i><span class="icons-preview">icon-arrow-small-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-small-right icons-preview"></i><span class="icons-preview">icon-arrow-small-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-small-up icons-preview"></i><span class="icons-preview">icon-arrow-small-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-square-down icons-preview"></i><span class="icons-preview">icon-arrow-square-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-square-left icons-preview"></i><span class="icons-preview">icon-arrow-square-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-square-right icons-preview"></i><span class="icons-preview">icon-arrow-square-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-square-up icons-preview"></i><span class="icons-preview">icon-arrow-square-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-tall-down icons-preview"></i><span class="icons-preview">icon-arrow-tall-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-tall-left icons-preview"></i><span class="icons-preview">icon-arrow-tall-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-tall-right icons-preview"></i><span class="icons-preview">icon-arrow-tall-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-tall-up icons-preview"></i><span class="icons-preview">icon-arrow-tall-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thick-down icons-preview"></i><span class="icons-preview">icon-arrow-thick-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thick-left icons-preview"></i><span class="icons-preview">icon-arrow-thick-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thick-right icons-preview"></i><span class="icons-preview">icon-arrow-thick-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thick-up icons-preview"></i><span class="icons-preview">icon-arrow-thick-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thin-down icons-preview"></i><span class="icons-preview">icon-arrow-thin-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thin-left icons-preview"></i><span class="icons-preview">icon-arrow-thin-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thin-right icons-preview"></i><span class="icons-preview">icon-arrow-thin-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-thin-up icons-preview"></i><span class="icons-preview">icon-arrow-thin-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrows icons-preview"></i><span class="icons-preview">icon-arrows</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrows-alt icons-preview"></i><span class="icons-preview">icon-arrows-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrows-horizontal icons-preview"></i><span class="icons-preview">icon-arrows-horizontal</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrows-vertical icons-preview"></i><span class="icons-preview">icon-arrows-vertical</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-caret-down icons-preview"></i><span class="icons-preview">icon-caret-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-caret-left icons-preview"></i><span class="icons-preview">icon-caret-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-caret-right icons-preview"></i><span class="icons-preview">icon-caret-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-caret-up icons-preview"></i><span class="icons-preview">icon-caret-up</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-chevron-down icons-preview"></i><span class="icons-preview">icon-chevron-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-chevron-left icons-preview"></i><span class="icons-preview">icon-chevron-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-chevron-right icons-preview"></i><span class="icons-preview">icon-chevron-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-chevron-up icons-preview"></i><span class="icons-preview">icon-chevron-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-circle-arrow-down icons-preview"></i><span class="icons-preview">icon-circle-arrow-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-circle-arrow-left icons-preview"></i><span class="icons-preview">icon-circle-arrow-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-circle-arrow-right icons-preview"></i><span class="icons-preview">icon-circle-arrow-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-circle-arrow-up icons-preview"></i><span class="icons-preview">icon-circle-arrow-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-double-chevron-down icons-preview"></i><span class="icons-preview">icon-double-chevron-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-double-chevron-left icons-preview"></i><span class="icons-preview">icon-double-chevron-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-double-chevron-right icons-preview"></i><span class="icons-preview">icon-double-chevron-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-double-chevron-up icons-preview"></i><span class="icons-preview">icon-double-chevron-up</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-hand-down icons-preview"></i><span class="icons-preview">icon-hand-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-hand-left icons-preview"></i><span class="icons-preview">icon-hand-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-hand-right icons-preview"></i><span class="icons-preview">icon-hand-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-hand-up icons-preview"></i><span class="icons-preview">icon-hand-up</span>
</div>
</div>
<h3 class="page-header icons-preview BulletIcons">Bullet Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-angle-double icons-preview"></i><span class="icons-preview">icon-angle-double</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-angle-small icons-preview"></i><span class="icons-preview">icon-angle-small</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-fancy icons-preview"></i><span class="icons-preview">icon-arrow-fancy</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-arrow-line icons-preview"></i><span class="icons-preview">icon-arrow-line</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-box icons-preview"></i><span class="icons-preview">icon-box</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-box-alt icons-preview"></i><span class="icons-preview">icon-box-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-box-small icons-preview"></i><span class="icons-preview">icon-box-small</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-box-small-alt icons-preview"></i><span class="icons-preview">icon-box-small-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-curve-bottom icons-preview"></i><span class="icons-preview">icon-curve-bottom</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-curve-top icons-preview"></i><span class="icons-preview">icon-curve-top</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-fancy-circle-alt icons-preview"></i><span class="icons-preview">icon-fancy-circle-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-four-boxes icons-preview"></i><span class="icons-preview">icon-four-boxes</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-four-boxes-alt icons-preview"></i><span class="icons-preview">icon-four-boxes-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-four-rhombs icons-preview"></i><span class="icons-preview">icon-four-rhombs</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-heartlet icons-preview"></i><span class="icons-preview">icon-heartlet</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-label icons-preview"></i><span class="icons-preview">icon-label</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-mark icons-preview"></i><span class="icons-preview">icon-mark</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-node-circle icons-preview"></i><span class="icons-preview">icon-node-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-node-square icons-preview"></i><span class="icons-preview">icon-node-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pointer-basic icons-preview"></i><span class="icons-preview">icon-pointer-basic</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-rhomb icons-preview"></i><span class="icons-preview">icon-rhomb</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-round icons-preview"></i><span class="icons-preview">icon-round</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-round-alt icons-preview"></i><span class="icons-preview">icon-round-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-round-small icons-preview"></i><span class="icons-preview">icon-round-small</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-round-small-alt icons-preview"></i><span class="icons-preview">icon-round-small-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-starlet icons-preview"></i><span class="icons-preview">icon-starlet</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-starlet-alt icons-preview"></i><span class="icons-preview">icon-starlet-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-stripes icons-preview"></i><span class="icons-preview">icon-stripes</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-stripes-thick icons-preview"></i><span class="icons-preview">icon-stripes-thick</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ticklet icons-preview"></i><span class="icons-preview">icon-ticklet</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ticklet-circle icons-preview"></i><span class="icons-preview">icon-ticklet-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ticklet-circle-alt icons-preview"></i><span class="icons-preview">icon-ticklet-circle-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ticklet-thick icons-preview"></i><span class="icons-preview">icon-ticklet-thick</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-triangle icons-preview"></i><span class="icons-preview">icon-triangle</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-triangle-circle icons-preview"></i><span class="icons-preview">icon-triangle-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-triangle-circle-alt icons-preview"></i><span class="icons-preview">icon-triangle-circle-alt</span></div>
</div>
<h3 class="page-header icons-preview ApplicationIcons">Application Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-align-center icons-preview"></i><span class="icons-preview">icon-align-center</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-align-justify icons-preview"></i><span class="icons-preview">icon-align-justify</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-align-left icons-preview"></i><span class="icons-preview">icon-align-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-align-right icons-preview"></i><span class="icons-preview">icon-align-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-backward icons-preview"></i><span class="icons-preview">icon-backward</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bold icons-preview"></i><span class="icons-preview">icon-bold</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-check icons-preview"></i><span class="icons-preview">icon-check</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-check-empty icons-preview"></i><span class="icons-preview">icon-check-empty</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-circle icons-preview"></i><span class="icons-preview">icon-circle</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-circle-alt icons-preview"></i><span class="icons-preview">icon-circle-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-copy icons-preview"></i><span class="icons-preview">icon-copy</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-cut icons-preview"></i><span class="icons-preview">icon-cut</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-edit icons-preview"></i><span class="icons-preview">icon-edit</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-edit-alt icons-preview"></i><span class="icons-preview">icon-edit-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-ellipsis icons-preview"></i><span class="icons-preview">icon-ellipsis</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-external-link icons-preview"></i><span class="icons-preview">icon-external-link</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-fast-backward icons-preview"></i><span class="icons-preview">icon-fast-backward</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-fast-forward icons-preview"></i><span class="icons-preview">icon-fast-forward</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-file icons-preview"></i><span class="icons-preview">icon-file</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-file-alt icons-preview"></i><span class="icons-preview">icon-file-alt</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-font icons-preview"></i><span class="icons-preview">icon-font</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-forward icons-preview"></i><span class="icons-preview">icon-forward</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-fullscreen icons-preview"></i><span class="icons-preview">icon-fullscreen</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-grid icons-preview"></i><span class="icons-preview">icon-grid</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-grid-small icons-preview"></i><span class="icons-preview">icon-grid-small</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-indent-left icons-preview"></i><span class="icons-preview">icon-indent-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-indent-right icons-preview"></i><span class="icons-preview">icon-indent-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-italic icons-preview"></i><span class="icons-preview">icon-italic</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-list icons-preview"></i><span class="icons-preview">icon-list</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-list-adv icons-preview"></i><span class="icons-preview">icon-list-adv</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-list-details icons-preview"></i><span class="icons-preview">icon-list-details</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-list-details-small icons-preview"></i><span class="icons-preview">icon-list-details-small</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-minus icons-preview"></i><span class="icons-preview">icon-minus</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-minus-circle icons-preview"></i><span class="icons-preview">icon-minus-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-minus-square icons-preview"></i><span class="icons-preview">icon-minus-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-minus-square-alt icons-preview"></i><span class="icons-preview">icon-minus-square-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-paste icons-preview"></i><span class="icons-preview">icon-paste</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pause icons-preview"></i><span class="icons-preview">icon-pause</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pencil icons-preview"></i><span class="icons-preview">icon-pencil</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-play icons-preview"></i><span class="icons-preview">icon-play</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-play-circle icons-preview"></i><span class="icons-preview">icon-play-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plus icons-preview"></i><span class="icons-preview">icon-plus</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plus-circle icons-preview"></i><span class="icons-preview">icon-plus-circle</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plus-square icons-preview"></i><span class="icons-preview">icon-plus-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-plus-square-alt icons-preview"></i><span class="icons-preview">icon-plus-square-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-print icons-preview"></i><span class="icons-preview">icon-print</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-properties icons-preview"></i><span class="icons-preview">icon-properties</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-quote-left icons-preview"></i><span class="icons-preview">icon-quote-left</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-quote-right icons-preview"></i><span class="icons-preview">icon-quote-right</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-repeat icons-preview"></i><span class="icons-preview">icon-repeat</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-restore icons-preview"></i><span class="icons-preview">icon-restore</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-save icons-preview"></i><span class="icons-preview">icon-save</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sign-blank icons-preview"></i><span class="icons-preview">icon-sign-blank</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort icons-preview"></i><span class="icons-preview">icon-sort</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-alpha icons-preview"></i><span class="icons-preview">icon-sort-alpha</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-alpha-asc icons-preview"></i><span class="icons-preview">icon-sort-alpha-asc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-alpha-desc icons-preview"></i><span class="icons-preview">icon-sort-alpha-desc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-amount-asc icons-preview"></i><span class="icons-preview">icon-sort-amount-asc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-amount-desc icons-preview"></i><span class="icons-preview">icon-sort-amount-desc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-asc icons-preview"></i><span class="icons-preview">icon-sort-asc</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-desc icons-preview"></i><span class="icons-preview">icon-sort-desc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-numeric icons-preview"></i><span class="icons-preview">icon-sort-numeric</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-numeric-asc icons-preview"></i><span class="icons-preview">icon-sort-numeric-asc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-sort-numeric-desc icons-preview"></i><span class="icons-preview">icon-sort-numeric-desc</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-spinner icons-preview"></i><span class="icons-preview">icon-spinner</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-step-backward icons-preview"></i><span class="icons-preview">icon-step-backward</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-step-forward icons-preview"></i><span class="icons-preview">icon-step-forward</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-strikethrough icons-preview"></i><span class="icons-preview">icon-strikethrough</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-superscript icons-preview"></i><span class="icons-preview">icon-superscript</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-text-height icons-preview"></i><span class="icons-preview">icon-text-height</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-text-width icons-preview"></i><span class="icons-preview">icon-text-width</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-typeface icons-preview"></i><span class="icons-preview">icon-typeface</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-undo icons-preview"></i><span class="icons-preview">icon-undo</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-volume-down icons-preview"></i><span class="icons-preview">icon-volume-down</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-volume-off icons-preview"></i><span class="icons-preview">icon-volume-off</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-volume-up icons-preview"></i><span class="icons-preview">icon-volume-up</span></div>
</div>
<h3 class="page-header icons-preview BrandIcons">Brand Icons</h3>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-android icons-preview"></i><span class="icons-preview">icon-android</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-apple icons-preview"></i><span class="icons-preview">icon-apple</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bitbucket icons-preview"></i><span class="icons-preview">icon-bitbucket</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bitbucket-alt icons-preview"></i><span class="icons-preview">icon-bitbucket-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-bitcoin icons-preview"></i><span class="icons-preview">icon-bitcoin</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-css3 icons-preview"></i><span class="icons-preview">icon-css3</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-delicious icons-preview"></i><span class="icons-preview">icon-delicious</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-dribbble icons-preview"></i><span class="icons-preview">icon-dribbble</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-dropbox icons-preview"></i><span class="icons-preview">icon-dropbox</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-facebook icons-preview"></i><span class="icons-preview">icon-facebook</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-facebook-alt icons-preview"></i><span class="icons-preview">icon-facebook-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-facebook-square icons-preview"></i><span class="icons-preview">icon-facebook-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-flickr icons-preview"></i><span class="icons-preview">icon-flickr</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-github icons-preview"></i><span class="icons-preview">icon-github</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-github-alt icons-preview"></i><span class="icons-preview">icon-github-alt</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-github-square icons-preview"></i><span class="icons-preview">icon-github-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-google-plus icons-preview"></i><span class="icons-preview">icon-google-plus</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-google-plus-square icons-preview"></i><span class="icons-preview">icon-google-plus-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-html5 icons-preview"></i><span class="icons-preview">icon-html5</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-instagram icons-preview"></i><span class="icons-preview">icon-instagram</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-linkedin icons-preview"></i><span class="icons-preview">icon-linkedin</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-linkedin-square icons-preview"></i><span class="icons-preview">icon-linkedin-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-linux icons-preview"></i><span class="icons-preview">icon-linux</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-maxcdn icons-preview"></i><span class="icons-preview">icon-maxcdn</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-picasa icons-preview"></i><span class="icons-preview">icon-picasa</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pinterest icons-preview"></i><span class="icons-preview">icon-pinterest</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-pinterest-square icons-preview"></i><span class="icons-preview">icon-pinterest-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-renminbi icons-preview"></i><span class="icons-preview">icon-renminbi</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-renren icons-preview"></i><span class="icons-preview">icon-renren</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-skype icons-preview"></i><span class="icons-preview">icon-skype</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-stackexchange icons-preview"></i><span class="icons-preview">icon-stackexchange</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-trello-square icons-preview"></i><span class="icons-preview">icon-trello-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tumblr icons-preview"></i><span class="icons-preview">icon-tumblr</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-tumblr-square icons-preview"></i><span class="icons-preview">icon-tumblr-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-twitter icons-preview"></i><span class="icons-preview">icon-twitter</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-twitter-square icons-preview"></i><span class="icons-preview">icon-twitter-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-vimeo icons-preview"></i><span class="icons-preview">icon-vimeo</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-vk icons-preview"></i><span class="icons-preview">icon-vk</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-weibo icons-preview"></i><span class="icons-preview">icon-weibo</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-windows icons-preview"></i><span class="icons-preview">icon-windows</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-xing icons-preview"></i><span class="icons-preview">icon-xing</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-xing-square icons-preview"></i><span class="icons-preview">icon-xing-square</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-yahoo icons-preview"></i><span class="icons-preview">icon-yahoo</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-youtube icons-preview"></i><span class="icons-preview">icon-youtube</span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-youtube-play icons-preview"></i><span class="icons-preview">icon-youtube-play</span></div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="icon-youtube-square icons-preview"></i><span class="icons-preview">icon-youtube-square</span></div>
</div>
<br><br>
<div class="alert alert-info">
<div>
<ul class="margin-bottom-none padding-left-lg">
<li>All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by BillionWebFont,<br>nor vice versa.</li>
<li>Read <a href="http://www.billionthemler.com/Agreement">BillionWebFonts License</a>.</li>
</ul>
</div>
</div>
