<?php
	require("../__common__/__define_common.php");
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Font Awesome Webアイコンフォント サンプル</title>
<meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
<meta name="author" content="Dave Gandy">
<link rel="stylesheet" href="<?= _STYLE_SHEET_FOLDER ?>/tools_common.css?20120406">
<link rel="stylesheet" href="<?= FONT_ICON_STYLE_SHEET_FOLDER ?>/sample.css">
<link rel="stylesheet" href="<?= FONT_ICON_STYLE_SHEET_FOLDER ?>/css/font-awesome.css">
<!--[if IE 7]>
<link rel="stylesheet" href="<?= FONT_ICON_STYLE_SHEET_FOLDER ?>/css/font-awesome-ie7.css">
<![endif]-->
<style>
body {
	margin-left: 20px;
}
.page-header {
	padding-bottom: 9px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #eeeeee;
}
h2 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-weight: bold;
}
section {
	margin-top: 20px;
}
.row {
	margin-top: 0;
}
.the-icons {
	margin-top: 10px;
}
ii {
	font-size: 16px;
	margin-right: 6px;
}
</style>
</head>
<body>
<p>
<a href="../tools/" class="return_index">■</a>
<span id="tool_title">Font Awesome Webアイコンフォント サンプル</span>
</p>
<section id="new" style="display:none;">
<h2 class="page-header">New Icons in 3.2</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/compass"><ii class="icon-compass"></ii>icon-compass</x></div>
<div class="span3"><x href="../icon/collapse"><ii class="icon-collapse"></ii>icon-collapse</x></div>
<div class="span3"><x href="../icon/collapse-top"><ii class="icon-collapse-top"></ii>icon-collapse-top</x></div>
<div class="span3"><x href="../icon/expand"><ii class="icon-expand"></ii>icon-expand</x></div>
<div class="span3"><x href="../icon/eur"><ii class="icon-eur"></ii>icon-eur</x></div>
<div class="span3"><x href="../icon/eur"><ii class="icon-euro"></ii>icon-euro <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/gbp"><ii class="icon-gbp"></ii>icon-gbp</x></div>
<div class="span3"><x href="../icon/usd"><ii class="icon-usd"></ii>icon-usd</x></div>
<div class="span3"><x href="../icon/usd"><ii class="icon-dollar"></ii>icon-dollar <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/inr"><ii class="icon-inr"></ii>icon-inr</x></div>
<div class="span3"><x href="../icon/inr"><ii class="icon-rupee"></ii>icon-rupee <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/jpy"><ii class="icon-jpy"></ii>icon-jpy</x></div>
<div class="span3"><x href="../icon/jpy"><ii class="icon-yen"></ii>icon-yen <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/cny"><ii class="icon-cny"></ii>icon-cny</x></div>
<div class="span3"><x href="../icon/cny"><ii class="icon-renminbi"></ii>icon-renminbi <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/krw"><ii class="icon-krw"></ii>icon-krw</x></div>
<div class="span3"><x href="../icon/krw"><ii class="icon-won"></ii>icon-won <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/btc"><ii class="icon-btc"></ii>icon-btc</x></div>
<div class="span3"><x href="../icon/btc"><ii class="icon-bitcoin"></ii>icon-bitcoin <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/file"><ii class="icon-file"></ii>icon-file</x></div>
<div class="span3"><x href="../icon/file-text"><ii class="icon-file-text"></ii>icon-file-text</x></div>
<div class="span3"><x href="../icon/sort-by-alphabet"><ii class="icon-sort-by-alphabet"></ii>icon-sort-by-alphabet</x></div>
<div class="span3"><x href="../icon/sort-by-alphabet-alt"><ii class="icon-sort-by-alphabet-alt"></ii>icon-sort-by-alphabet-alt</x></div>
<div class="span3"><x href="../icon/sort-by-attributes"><ii class="icon-sort-by-attributes"></ii>icon-sort-by-attributes</x></div>
<div class="span3"><x href="../icon/sort-by-attributes-alt"><ii class="icon-sort-by-attributes-alt"></ii>icon-sort-by-attributes-alt</x></div>
<div class="span3"><x href="../icon/sort-by-order"><ii class="icon-sort-by-order"></ii>icon-sort-by-order</x></div>
<div class="span3"><x href="../icon/sort-by-order-alt"><ii class="icon-sort-by-order-alt"></ii>icon-sort-by-order-alt</x></div>
<div class="span3"><x href="../icon/thumbs-up"><ii class="icon-thumbs-up"></ii>icon-thumbs-up</x></div>
<div class="span3"><x href="../icon/thumbs-down"><ii class="icon-thumbs-down"></ii>icon-thumbs-down</x></div>
<div class="span3"><x href="../icon/youtube-sign"><ii class="icon-youtube-sign"></ii>icon-youtube-sign</x></div>
<div class="span3"><x href="../icon/youtube"><ii class="icon-youtube"></ii>icon-youtube</x></div>
<div class="span3"><x href="../icon/xing"><ii class="icon-xing"></ii>icon-xing</x></div>
<div class="span3"><x href="../icon/xing-sign"><ii class="icon-xing-sign"></ii>icon-xing-sign</x></div>
<div class="span3"><x href="../icon/youtube-play"><ii class="icon-youtube-play"></ii>icon-youtube-play</x></div>
<div class="span3"><x href="../icon/dropbox"><ii class="icon-dropbox"></ii>icon-dropbox</x></div>
<div class="span3"><x href="../icon/stackexchange"><ii class="icon-stackexchange"></ii>icon-stackexchange</x></div>
<div class="span3"><x href="../icon/instagram"><ii class="icon-instagram"></ii>icon-instagram</x></div>
<div class="span3"><x href="../icon/flickr"><ii class="icon-flickr"></ii>icon-flickr</x></div>
<div class="span3"><x href="../icon/adn"><ii class="icon-adn"></ii>icon-adn</x></div>
<div class="span3"><x href="../icon/bitbucket"><ii class="icon-bitbucket"></ii>icon-bitbucket</x></div>
<div class="span3"><x href="../icon/bitbucket-sign"><ii class="icon-bitbucket-sign"></ii>icon-bitbucket-sign</x></div>
<div class="span3"><x href="../icon/tumblr"><ii class="icon-tumblr"></ii>icon-tumblr</x></div>
<div class="span3"><x href="../icon/tumblr-sign"><ii class="icon-tumblr-sign"></ii>icon-tumblr-sign</x></div>
<div class="span3"><x href="../icon/long-arrow-down"><ii class="icon-long-arrow-down"></ii>icon-long-arrow-down</x></div>
<div class="span3"><x href="../icon/long-arrow-up"><ii class="icon-long-arrow-up"></ii>icon-long-arrow-up</x></div>
<div class="span3"><x href="../icon/long-arrow-left"><ii class="icon-long-arrow-left"></ii>icon-long-arrow-left</x></div>
<div class="span3"><x href="../icon/long-arrow-right"><ii class="icon-long-arrow-right"></ii>icon-long-arrow-right</x></div>
<div class="span3"><x href="../icon/apple"><ii class="icon-apple"></ii>icon-apple</x></div>
<div class="span3"><x href="../icon/windows"><ii class="icon-windows"></ii>icon-windows</x></div>
<div class="span3"><x href="../icon/android"><ii class="icon-android"></ii>icon-android</x></div>
<div class="span3"><x href="../icon/linux"><ii class="icon-linux"></ii>icon-linux</x></div>
<div class="span3"><x href="../icon/dribbble"><ii class="icon-dribbble"></ii>icon-dribbble</x></div>
<div class="span3"><x href="../icon/skype"><ii class="icon-skype"></ii>icon-skype</x></div>
<div class="span3"><x href="../icon/foursquare"><ii class="icon-foursquare"></ii>icon-foursquare</x></div>
<div class="span3"><x href="../icon/trello"><ii class="icon-trello"></ii>icon-trello</x></div>
<div class="span3"><x href="../icon/female"><ii class="icon-female"></ii>icon-female</x></div>
<div class="span3"><x href="../icon/male"><ii class="icon-male"></ii>icon-male</x></div>
<div class="span3"><x href="../icon/gittip"><ii class="icon-gittip"></ii>icon-gittip</x></div>
<div class="span3"><x href="../icon/sun"><ii class="icon-sun"></ii>icon-sun</x></div>
<div class="span3"><x href="../icon/moon"><ii class="icon-moon"></ii>icon-moon</x></div>
<div class="span3"><x href="../icon/archive"><ii class="icon-archive"></ii>icon-archive</x></div>
<div class="span3"><x href="../icon/bug"><ii class="icon-bug"></ii>icon-bug</x></div>
<div class="span3"><x href="../icon/vk"><ii class="icon-vk"></ii>icon-vk</x></div>
<div class="span3"><x href="../icon/weibo"><ii class="icon-weibo"></ii>icon-weibo</x></div>
<div class="span3"><x href="../icon/renren"><ii class="icon-renren"></ii>icon-renren</x></div>
</div>
</section>
<section id="web-application">
<h2 class="page-header">Web Application Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/adjust"><ii class="icon-adjust"></ii>icon-adjust</x></div>
<div class="span3"><x href="../icon/anchor"><ii class="icon-anchor"></ii>icon-anchor</x></div>
<div class="span3"><x href="../icon/archive"><ii class="icon-archive"></ii>icon-archive</x></div>
<div class="span3"><x href="../icon/asterisk"><ii class="icon-asterisk"></ii>icon-asterisk</x></div>
<div class="span3"><x href="../icon/ban-circle"><ii class="icon-ban-circle"></ii>icon-ban-circle</x></div>
<div class="span3"><x href="../icon/bar-chart"><ii class="icon-bar-chart"></ii>icon-bar-chart</x></div>
<div class="span3"><x href="../icon/barcode"><ii class="icon-barcode"></ii>icon-barcode</x></div>
<div class="span3"><x href="../icon/beaker"><ii class="icon-beaker"></ii>icon-beaker</x></div>
<div class="span3"><x href="../icon/beer"><ii class="icon-beer"></ii>icon-beer</x></div>
<div class="span3"><x href="../icon/bell"><ii class="icon-bell"></ii>icon-bell</x></div>
<div class="span3"><x href="../icon/bell-alt"><ii class="icon-bell-alt"></ii>icon-bell-alt</x></div>
<div class="span3"><x href="../icon/bolt"><ii class="icon-bolt"></ii>icon-bolt</x></div>
<div class="span3"><x href="../icon/book"><ii class="icon-book"></ii>icon-book</x></div>
<div class="span3"><x href="../icon/bookmark"><ii class="icon-bookmark"></ii>icon-bookmark</x></div>
<div class="span3"><x href="../icon/bookmark-empty"><ii class="icon-bookmark-empty"></ii>icon-bookmark-empty</x></div>
<div class="span3"><x href="../icon/briefcase"><ii class="icon-briefcase"></ii>icon-briefcase</x></div>
<div class="span3"><x href="../icon/bug"><ii class="icon-bug"></ii>icon-bug</x></div>
<div class="span3"><x href="../icon/building"><ii class="icon-building"></ii>icon-building</x></div>
<div class="span3"><x href="../icon/bullhorn"><ii class="icon-bullhorn"></ii>icon-bullhorn</x></div>
<div class="span3"><x href="../icon/bullseye"><ii class="icon-bullseye"></ii>icon-bullseye</x></div>
<div class="span3"><x href="../icon/calendar"><ii class="icon-calendar"></ii>icon-calendar</x></div>
<div class="span3"><x href="../icon/calendar-empty"><ii class="icon-calendar-empty"></ii>icon-calendar-empty</x></div>
<div class="span3"><x href="../icon/camera"><ii class="icon-camera"></ii>icon-camera</x></div>
<div class="span3"><x href="../icon/camera-retro"><ii class="icon-camera-retro"></ii>icon-camera-retro</x></div>
<div class="span3"><x href="../icon/certificate"><ii class="icon-certificate"></ii>icon-certificate</x></div>
<div class="span3"><x href="../icon/check"><ii class="icon-check"></ii>icon-check</x></div>
<div class="span3"><x href="../icon/check-empty"><ii class="icon-check-empty"></ii>icon-check-empty</x></div>
<div class="span3"><x href="../icon/check-minus"><ii class="icon-check-minus"></ii>icon-check-minus</x></div>
<div class="span3"><x href="../icon/check-sign"><ii class="icon-check-sign"></ii>icon-check-sign</x></div>
<div class="span3"><x href="../icon/circle"><ii class="icon-circle"></ii>icon-circle</x></div>
<div class="span3"><x href="../icon/circle-blank"><ii class="icon-circle-blank"></ii>icon-circle-blank</x></div>
<div class="span3"><x href="../icon/cloud"><ii class="icon-cloud"></ii>icon-cloud</x></div>
<div class="span3"><x href="../icon/cloud-download"><ii class="icon-cloud-download"></ii>icon-cloud-download</x></div>
<div class="span3"><x href="../icon/cloud-upload"><ii class="icon-cloud-upload"></ii>icon-cloud-upload</x></div>
<div class="span3"><x href="../icon/code"><ii class="icon-code"></ii>icon-code</x></div>
<div class="span3"><x href="../icon/code-fork"><ii class="icon-code-fork"></ii>icon-code-fork</x></div>
<div class="span3"><x href="../icon/coffee"><ii class="icon-coffee"></ii>icon-coffee</x></div>
<div class="span3"><x href="../icon/cog"><ii class="icon-cog"></ii>icon-cog</x></div>
<div class="span3"><x href="../icon/cogs"><ii class="icon-cogs"></ii>icon-cogs</x></div>
<div class="span3"><x href="../icon/collapse"><ii class="icon-collapse"></ii>icon-collapse</x></div>
<div class="span3"><x href="../icon/collapse-alt"><ii class="icon-collapse-alt"></ii>icon-collapse-alt</x></div>
<div class="span3"><x href="../icon/collapse-top"><ii class="icon-collapse-top"></ii>icon-collapse-top</x></div>
<div class="span3"><x href="../icon/comment"><ii class="icon-comment"></ii>icon-comment</x></div>
<div class="span3"><x href="../icon/comment-alt"><ii class="icon-comment-alt"></ii>icon-comment-alt</x></div>
<div class="span3"><x href="../icon/comments"><ii class="icon-comments"></ii>icon-comments</x></div>
<div class="span3"><x href="../icon/comments-alt"><ii class="icon-comments-alt"></ii>icon-comments-alt</x></div>
<div class="span3"><x href="../icon/compass"><ii class="icon-compass"></ii>icon-compass</x></div>
<div class="span3"><x href="../icon/credit-card"><ii class="icon-credit-card"></ii>icon-credit-card</x></div>
<div class="span3"><x href="../icon/crop"><ii class="icon-crop"></ii>icon-crop</x></div>
<div class="span3"><x href="../icon/dashboard"><ii class="icon-dashboard"></ii>icon-dashboard</x></div>
<div class="span3"><x href="../icon/desktop"><ii class="icon-desktop"></ii>icon-desktop</x></div>
<div class="span3"><x href="../icon/download"><ii class="icon-download"></ii>icon-download</x></div>
<div class="span3"><x href="../icon/download-alt"><ii class="icon-download-alt"></ii>icon-download-alt</x></div>
<div class="span3"><x href="../icon/edit"><ii class="icon-edit"></ii>icon-edit</x></div>
<div class="span3"><x href="../icon/edit-sign"><ii class="icon-edit-sign"></ii>icon-edit-sign</x></div>
<div class="span3"><x href="../icon/ellipsis-horizontal"><ii class="icon-ellipsis-horizontal"></ii>icon-ellipsis-horizontal</x></div>
<div class="span3"><x href="../icon/ellipsis-vertical"><ii class="icon-ellipsis-vertical"></ii>icon-ellipsis-vertical</x></div>
<div class="span3"><x href="../icon/envelope"><ii class="icon-envelope"></ii>icon-envelope</x></div>
<div class="span3"><x href="../icon/envelope-alt"><ii class="icon-envelope-alt"></ii>icon-envelope-alt</x></div>
<div class="span3"><x href="../icon/eraser"><ii class="icon-eraser"></ii>icon-eraser</x></div>
<div class="span3"><x href="../icon/exchange"><ii class="icon-exchange"></ii>icon-exchange</x></div>
<div class="span3"><x href="../icon/exclamation"><ii class="icon-exclamation"></ii>icon-exclamation</x></div>
<div class="span3"><x href="../icon/exclamation-sign"><ii class="icon-exclamation-sign"></ii>icon-exclamation-sign</x></div>
<div class="span3"><x href="../icon/expand"><ii class="icon-expand"></ii>icon-expand</x></div>
<div class="span3"><x href="../icon/expand-alt"><ii class="icon-expand-alt"></ii>icon-expand-alt</x></div>
<div class="span3"><x href="../icon/external-link"><ii class="icon-external-link"></ii>icon-external-link</x></div>
<div class="span3"><x href="../icon/external-link-sign"><ii class="icon-external-link-sign"></ii>icon-external-link-sign</x></div>
<div class="span3"><x href="../icon/eye-close"><ii class="icon-eye-close"></ii>icon-eye-close</x></div>
<div class="span3"><x href="../icon/eye-open"><ii class="icon-eye-open"></ii>icon-eye-open</x></div>
<div class="span3"><x href="../icon/facetime-video"><ii class="icon-facetime-video"></ii>icon-facetime-video</x></div>
<div class="span3"><x href="../icon/female"><ii class="icon-female"></ii>icon-female</x></div>
<div class="span3"><x href="../icon/fighter-jet"><ii class="icon-fighter-jet"></ii>icon-fighter-jet</x></div>
<div class="span3"><x href="../icon/film"><ii class="icon-film"></ii>icon-film</x></div>
<div class="span3"><x href="../icon/filter"><ii class="icon-filter"></ii>icon-filter</x></div>
<div class="span3"><x href="../icon/fire"><ii class="icon-fire"></ii>icon-fire</x></div>
<div class="span3"><x href="../icon/fire-extinguisher"><ii class="icon-fire-extinguisher"></ii>icon-fire-extinguisher</x></div>
<div class="span3"><x href="../icon/flag"><ii class="icon-flag"></ii>icon-flag</x></div>
<div class="span3"><x href="../icon/flag-alt"><ii class="icon-flag-alt"></ii>icon-flag-alt</x></div>
<div class="span3"><x href="../icon/flag-checkered"><ii class="icon-flag-checkered"></ii>icon-flag-checkered</x></div>
<div class="span3"><x href="../icon/folder-close"><ii class="icon-folder-close"></ii>icon-folder-close</x></div>
<div class="span3"><x href="../icon/folder-close-alt"><ii class="icon-folder-close-alt"></ii>icon-folder-close-alt</x></div>
<div class="span3"><x href="../icon/folder-open"><ii class="icon-folder-open"></ii>icon-folder-open</x></div>
<div class="span3"><x href="../icon/folder-open-alt"><ii class="icon-folder-open-alt"></ii>icon-folder-open-alt</x></div>
<div class="span3"><x href="../icon/food"><ii class="icon-food"></ii>icon-food</x></div>
<div class="span3"><x href="../icon/frown"><ii class="icon-frown"></ii>icon-frown</x></div>
<div class="span3"><x href="../icon/gamepad"><ii class="icon-gamepad"></ii>icon-gamepad</x></div>
<div class="span3"><x href="../icon/cog"><ii class="icon-gear"></ii>icon-gear <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/cogs"><ii class="icon-gears"></ii>icon-gears <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/gift"><ii class="icon-gift"></ii>icon-gift</x></div>
<div class="span3"><x href="../icon/glass"><ii class="icon-glass"></ii>icon-glass</x></div>
<div class="span3"><x href="../icon/globe"><ii class="icon-globe"></ii>icon-globe</x></div>
<div class="span3"><x href="../icon/group"><ii class="icon-group"></ii>icon-group</x></div>
<div class="span3"><x href="../icon/hdd"><ii class="icon-hdd"></ii>icon-hdd</x></div>
<div class="span3"><x href="../icon/headphones"><ii class="icon-headphones"></ii>icon-headphones</x></div>
<div class="span3"><x href="../icon/heart"><ii class="icon-heart"></ii>icon-heart</x></div>
<div class="span3"><x href="../icon/heart-empty"><ii class="icon-heart-empty"></ii>icon-heart-empty</x></div>
<div class="span3"><x href="../icon/home"><ii class="icon-home"></ii>icon-home</x></div>
<div class="span3"><x href="../icon/inbox"><ii class="icon-inbox"></ii>icon-inbox</x></div>
<div class="span3"><x href="../icon/info"><ii class="icon-info"></ii>icon-info</x></div>
<div class="span3"><x href="../icon/info-sign"><ii class="icon-info-sign"></ii>icon-info-sign</x></div>
<div class="span3"><x href="../icon/key"><ii class="icon-key"></ii>icon-key</x></div>
<div class="span3"><x href="../icon/keyboard"><ii class="icon-keyboard"></ii>icon-keyboard</x></div>
<div class="span3"><x href="../icon/laptop"><ii class="icon-laptop"></ii>icon-laptop</x></div>
<div class="span3"><x href="../icon/leaf"><ii class="icon-leaf"></ii>icon-leaf</x></div>
<div class="span3"><x href="../icon/legal"><ii class="icon-legal"></ii>icon-legal</x></div>
<div class="span3"><x href="../icon/lemon"><ii class="icon-lemon"></ii>icon-lemon</x></div>
<div class="span3"><x href="../icon/level-down"><ii class="icon-level-down"></ii>icon-level-down</x></div>
<div class="span3"><x href="../icon/level-up"><ii class="icon-level-up"></ii>icon-level-up</x></div>
<div class="span3"><x href="../icon/lightbulb"><ii class="icon-lightbulb"></ii>icon-lightbulb</x></div>
<div class="span3"><x href="../icon/location-arrow"><ii class="icon-location-arrow"></ii>icon-location-arrow</x></div>
<div class="span3"><x href="../icon/lock"><ii class="icon-lock"></ii>icon-lock</x></div>
<div class="span3"><x href="../icon/magic"><ii class="icon-magic"></ii>icon-magic</x></div>
<div class="span3"><x href="../icon/magnet"><ii class="icon-magnet"></ii>icon-magnet</x></div>
<div class="span3"><x href="../icon/share-alt"><ii class="icon-mail-forward"></ii>icon-mail-forward <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/reply"><ii class="icon-mail-reply"></ii>icon-mail-reply <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/mail-reply-all"><ii class="icon-mail-reply-all"></ii>icon-mail-reply-all</x></div>
<div class="span3"><x href="../icon/male"><ii class="icon-male"></ii>icon-male</x></div>
<div class="span3"><x href="../icon/map-marker"><ii class="icon-map-marker"></ii>icon-map-marker</x></div>
<div class="span3"><x href="../icon/meh"><ii class="icon-meh"></ii>icon-meh</x></div>
<div class="span3"><x href="../icon/microphone"><ii class="icon-microphone"></ii>icon-microphone</x></div>
<div class="span3"><x href="../icon/microphone-off"><ii class="icon-microphone-off"></ii>icon-microphone-off</x></div>
<div class="span3"><x href="../icon/minus"><ii class="icon-minus"></ii>icon-minus</x></div>
<div class="span3"><x href="../icon/minus-sign"><ii class="icon-minus-sign"></ii>icon-minus-sign</x></div>
<div class="span3"><x href="../icon/minus-sign-alt"><ii class="icon-minus-sign-alt"></ii>icon-minus-sign-alt</x></div>
<div class="span3"><x href="../icon/mobile-phone"><ii class="icon-mobile-phone"></ii>icon-mobile-phone</x></div>
<div class="span3"><x href="../icon/money"><ii class="icon-money"></ii>icon-money</x></div>
<div class="span3"><x href="../icon/moon"><ii class="icon-moon"></ii>icon-moon</x></div>
<div class="span3"><x href="../icon/move"><ii class="icon-move"></ii>icon-move</x></div>
<div class="span3"><x href="../icon/music"><ii class="icon-music"></ii>icon-music</x></div>
<div class="span3"><x href="../icon/off"><ii class="icon-off"></ii>icon-off</x></div>
<div class="span3"><x href="../icon/ok"><ii class="icon-ok"></ii>icon-ok</x></div>
<div class="span3"><x href="../icon/ok-circle"><ii class="icon-ok-circle"></ii>icon-ok-circle</x></div>
<div class="span3"><x href="../icon/ok-sign"><ii class="icon-ok-sign"></ii>icon-ok-sign</x></div>
<div class="span3"><x href="../icon/pencil"><ii class="icon-pencil"></ii>icon-pencil</x></div>
<div class="span3"><x href="../icon/phone"><ii class="icon-phone"></ii>icon-phone</x></div>
<div class="span3"><x href="../icon/phone-sign"><ii class="icon-phone-sign"></ii>icon-phone-sign</x></div>
<div class="span3"><x href="../icon/picture"><ii class="icon-picture"></ii>icon-picture</x></div>
<div class="span3"><x href="../icon/plane"><ii class="icon-plane"></ii>icon-plane</x></div>
<div class="span3"><x href="../icon/plus"><ii class="icon-plus"></ii>icon-plus</x></div>
<div class="span3"><x href="../icon/plus-sign"><ii class="icon-plus-sign"></ii>icon-plus-sign</x></div>
<div class="span3"><x href="../icon/plus-sign-alt"><ii class="icon-plus-sign-alt"></ii>icon-plus-sign-alt</x></div>
<div class="span3"><x href="../icon/off"><ii class="icon-power-off"></ii>icon-power-off <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/print"><ii class="icon-print"></ii>icon-print</x></div>
<div class="span3"><x href="../icon/pushpin"><ii class="icon-pushpin"></ii>icon-pushpin</x></div>
<div class="span3"><x href="../icon/puzzle-piece"><ii class="icon-puzzle-piece"></ii>icon-puzzle-piece</x></div>
<div class="span3"><x href="../icon/qrcode"><ii class="icon-qrcode"></ii>icon-qrcode</x></div>
<div class="span3"><x href="../icon/question"><ii class="icon-question"></ii>icon-question</x></div>
<div class="span3"><x href="../icon/question-sign"><ii class="icon-question-sign"></ii>icon-question-sign</x></div>
<div class="span3"><x href="../icon/quote-left"><ii class="icon-quote-left"></ii>icon-quote-left</x></div>
<div class="span3"><x href="../icon/quote-right"><ii class="icon-quote-right"></ii>icon-quote-right</x></div>
<div class="span3"><x href="../icon/random"><ii class="icon-random"></ii>icon-random</x></div>
<div class="span3"><x href="../icon/refresh"><ii class="icon-refresh"></ii>icon-refresh</x></div>
<div class="span3"><x href="../icon/remove"><ii class="icon-remove"></ii>icon-remove</x></div>
<div class="span3"><x href="../icon/remove-circle"><ii class="icon-remove-circle"></ii>icon-remove-circle</x></div>
<div class="span3"><x href="../icon/remove-sign"><ii class="icon-remove-sign"></ii>icon-remove-sign</x></div>
<div class="span3"><x href="../icon/reorder"><ii class="icon-reorder"></ii>icon-reorder</x></div>
<div class="span3"><x href="../icon/reply"><ii class="icon-reply"></ii>icon-reply</x></div>
<div class="span3"><x href="../icon/reply-all"><ii class="icon-reply-all"></ii>icon-reply-all</x></div>
<div class="span3"><x href="../icon/resize-horizontal"><ii class="icon-resize-horizontal"></ii>icon-resize-horizontal</x></div>
<div class="span3"><x href="../icon/resize-vertical"><ii class="icon-resize-vertical"></ii>icon-resize-vertical</x></div>
<div class="span3"><x href="../icon/retweet"><ii class="icon-retweet"></ii>icon-retweet</x></div>
<div class="span3"><x href="../icon/road"><ii class="icon-road"></ii>icon-road</x></div>
<div class="span3"><x href="../icon/rocket"><ii class="icon-rocket"></ii>icon-rocket</x></div>
<div class="span3"><x href="../icon/rss"><ii class="icon-rss"></ii>icon-rss</x></div>
<div class="span3"><x href="../icon/rss-sign"><ii class="icon-rss-sign"></ii>icon-rss-sign</x></div>
<div class="span3"><x href="../icon/screenshot"><ii class="icon-screenshot"></ii>icon-screenshot</x></div>
<div class="span3"><x href="../icon/search"><ii class="icon-search"></ii>icon-search</x></div>
<div class="span3"><x href="../icon/share"><ii class="icon-share"></ii>icon-share</x></div>
<div class="span3"><x href="../icon/share-alt"><ii class="icon-share-alt"></ii>icon-share-alt</x></div>
<div class="span3"><x href="../icon/share-sign"><ii class="icon-share-sign"></ii>icon-share-sign</x></div>
<div class="span3"><x href="../icon/shield"><ii class="icon-shield"></ii>icon-shield</x></div>
<div class="span3"><x href="../icon/shopping-cart"><ii class="icon-shopping-cart"></ii>icon-shopping-cart</x></div>
<div class="span3"><x href="../icon/sign-blank"><ii class="icon-sign-blank"></ii>icon-sign-blank</x></div>
<div class="span3"><x href="../icon/signal"><ii class="icon-signal"></ii>icon-signal</x></div>
<div class="span3"><x href="../icon/signin"><ii class="icon-signin"></ii>icon-signin</x></div>
<div class="span3"><x href="../icon/signout"><ii class="icon-signout"></ii>icon-signout</x></div>
<div class="span3"><x href="../icon/sitemap"><ii class="icon-sitemap"></ii>icon-sitemap</x></div>
<div class="span3"><x href="../icon/smile"><ii class="icon-smile"></ii>icon-smile</x></div>
<div class="span3"><x href="../icon/sort"><ii class="icon-sort"></ii>icon-sort</x></div>
<div class="span3"><x href="../icon/sort-by-alphabet"><ii class="icon-sort-by-alphabet"></ii>icon-sort-by-alphabet</x></div>
<div class="span3"><x href="../icon/sort-by-alphabet-alt"><ii class="icon-sort-by-alphabet-alt"></ii>icon-sort-by-alphabet-alt</x></div>
<div class="span3"><x href="../icon/sort-by-attributes"><ii class="icon-sort-by-attributes"></ii>icon-sort-by-attributes</x></div>
<div class="span3"><x href="../icon/sort-by-attributes-alt"><ii class="icon-sort-by-attributes-alt"></ii>icon-sort-by-attributes-alt</x></div>
<div class="span3"><x href="../icon/sort-by-order"><ii class="icon-sort-by-order"></ii>icon-sort-by-order</x></div>
<div class="span3"><x href="../icon/sort-by-order-alt"><ii class="icon-sort-by-order-alt"></ii>icon-sort-by-order-alt</x></div>
<div class="span3"><x href="../icon/sort-down"><ii class="icon-sort-down"></ii>icon-sort-down</x></div>
<div class="span3"><x href="../icon/sort-up"><ii class="icon-sort-up"></ii>icon-sort-up</x></div>
<div class="span3"><x href="../icon/spinner"><ii class="icon-spinner"></ii>icon-spinner</x></div>
<div class="span3"><x href="../icon/star"><ii class="icon-star"></ii>icon-star</x></div>
<div class="span3"><x href="../icon/star-empty"><ii class="icon-star-empty"></ii>icon-star-empty</x></div>
<div class="span3"><x href="../icon/star-half"><ii class="icon-star-half"></ii>icon-star-half</x></div>
<div class="span3"><x href="../icon/star-half-empty"><ii class="icon-star-half-empty"></ii>icon-star-half-empty</x></div>
<div class="span3"><x href="../icon/star-half-empty"><ii class="icon-star-half-full"></ii>icon-star-half-full <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/subscript"><ii class="icon-subscript"></ii>icon-subscript</x></div>
<div class="span3"><x href="../icon/suitcase"><ii class="icon-suitcase"></ii>icon-suitcase</x></div>
<div class="span3"><x href="../icon/sun"><ii class="icon-sun"></ii>icon-sun</x></div>
<div class="span3"><x href="../icon/superscript"><ii class="icon-superscript"></ii>icon-superscript</x></div>
<div class="span3"><x href="../icon/tablet"><ii class="icon-tablet"></ii>icon-tablet</x></div>
<div class="span3"><x href="../icon/tag"><ii class="icon-tag"></ii>icon-tag</x></div>
<div class="span3"><x href="../icon/tags"><ii class="icon-tags"></ii>icon-tags</x></div>
<div class="span3"><x href="../icon/tasks"><ii class="icon-tasks"></ii>icon-tasks</x></div>
<div class="span3"><x href="../icon/terminal"><ii class="icon-terminal"></ii>icon-terminal</x></div>
<div class="span3"><x href="../icon/thumbs-down"><ii class="icon-thumbs-down"></ii>icon-thumbs-down</x></div>
<div class="span3"><x href="../icon/thumbs-down-alt"><ii class="icon-thumbs-down-alt"></ii>icon-thumbs-down-alt</x></div>
<div class="span3"><x href="../icon/thumbs-up"><ii class="icon-thumbs-up"></ii>icon-thumbs-up</x></div>
<div class="span3"><x href="../icon/thumbs-up-alt"><ii class="icon-thumbs-up-alt"></ii>icon-thumbs-up-alt</x></div>
<div class="span3"><x href="../icon/ticket"><ii class="icon-ticket"></ii>icon-ticket</x></div>
<div class="span3"><x href="../icon/time"><ii class="icon-time"></ii>icon-time</x></div>
<div class="span3"><x href="../icon/tint"><ii class="icon-tint"></ii>icon-tint</x></div>
<div class="span3"><x href="../icon/trash"><ii class="icon-trash"></ii>icon-trash</x></div>
<div class="span3"><x href="../icon/trophy"><ii class="icon-trophy"></ii>icon-trophy</x></div>
<div class="span3"><x href="../icon/truck"><ii class="icon-truck"></ii>icon-truck</x></div>
<div class="span3"><x href="../icon/umbrella"><ii class="icon-umbrella"></ii>icon-umbrella</x></div>
<div class="span3"><x href="../icon/check-empty"><ii class="icon-unchecked"></ii>icon-unchecked <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/unlock"><ii class="icon-unlock"></ii>icon-unlock</x></div>
<div class="span3"><x href="../icon/unlock-alt"><ii class="icon-unlock-alt"></ii>icon-unlock-alt</x></div>
<div class="span3"><x href="../icon/upload"><ii class="icon-upload"></ii>icon-upload</x></div>
<div class="span3"><x href="../icon/upload-alt"><ii class="icon-upload-alt"></ii>icon-upload-alt</x></div>
<div class="span3"><x href="../icon/user"><ii class="icon-user"></ii>icon-user</x></div>
<div class="span3"><x href="../icon/volume-down"><ii class="icon-volume-down"></ii>icon-volume-down</x></div>
<div class="span3"><x href="../icon/volume-off"><ii class="icon-volume-off"></ii>icon-volume-off</x></div>
<div class="span3"><x href="../icon/volume-up"><ii class="icon-volume-up"></ii>icon-volume-up</x></div>
<div class="span3"><x href="../icon/warning-sign"><ii class="icon-warning-sign"></ii>icon-warning-sign</x></div>
<div class="span3"><x href="../icon/wrench"><ii class="icon-wrench"></ii>icon-wrench</x></div>
<div class="span3"><x href="../icon/zoom-in"><ii class="icon-zoom-in"></ii>icon-zoom-in</x></div>
<div class="span3"><x href="../icon/zoom-out"><ii class="icon-zoom-out"></ii>icon-zoom-out</x></div>
</div>
</section>
<section id="currency">
<h2 class="page-header">Currency Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/btc"><ii class="icon-bitcoin"></ii>icon-bitcoin <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/btc"><ii class="icon-btc"></ii>icon-btc</x></div>
<div class="span3"><x href="../icon/cny"><ii class="icon-cny"></ii>icon-cny</x></div>
<div class="span3"><x href="../icon/usd"><ii class="icon-dollar"></ii>icon-dollar <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/eur"><ii class="icon-eur"></ii>icon-eur</x></div>
<div class="span3"><x href="../icon/eur"><ii class="icon-euro"></ii>icon-euro <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/gbp"><ii class="icon-gbp"></ii>icon-gbp</x></div>
<div class="span3"><x href="../icon/inr"><ii class="icon-inr"></ii>icon-inr</x></div>
<div class="span3"><x href="../icon/jpy"><ii class="icon-jpy"></ii>icon-jpy</x></div>
<div class="span3"><x href="../icon/krw"><ii class="icon-krw"></ii>icon-krw</x></div>
<div class="span3"><x href="../icon/cny"><ii class="icon-renminbi"></ii>icon-renminbi <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/inr"><ii class="icon-rupee"></ii>icon-rupee <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/usd"><ii class="icon-usd"></ii>icon-usd</x></div>
<div class="span3"><x href="../icon/krw"><ii class="icon-won"></ii>icon-won <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/jpy"><ii class="icon-yen"></ii>icon-yen <span class="muted">(alias)</span></x></div>
</div>
</section>
<section id="text-editor">
<h2 class="page-header">Text Editor Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/align-center"><ii class="icon-align-center"></ii>icon-align-center</x></div>
<div class="span3"><x href="../icon/align-justify"><ii class="icon-align-justify"></ii>icon-align-justify</x></div>
<div class="span3"><x href="../icon/align-left"><ii class="icon-align-left"></ii>icon-align-left</x></div>
<div class="span3"><x href="../icon/align-right"><ii class="icon-align-right"></ii>icon-align-right</x></div>
<div class="span3"><x href="../icon/bold"><ii class="icon-bold"></ii>icon-bold</x></div>
<div class="span3"><x href="../icon/columns"><ii class="icon-columns"></ii>icon-columns</x></div>
<div class="span3"><x href="../icon/copy"><ii class="icon-copy"></ii>icon-copy</x></div>
<div class="span3"><x href="../icon/cut"><ii class="icon-cut"></ii>icon-cut</x></div>
<div class="span3"><x href="../icon/eraser"><ii class="icon-eraser"></ii>icon-eraser</x></div>
<div class="span3"><x href="../icon/file"><ii class="icon-file"></ii>icon-file</x></div>
<div class="span3"><x href="../icon/file-alt"><ii class="icon-file-alt"></ii>icon-file-alt</x></div>
<div class="span3"><x href="../icon/file-text"><ii class="icon-file-text"></ii>icon-file-text</x></div>
<div class="span3"><x href="../icon/file-text-alt"><ii class="icon-file-text-alt"></ii>icon-file-text-alt</x></div>
<div class="span3"><x href="../icon/font"><ii class="icon-font"></ii>icon-font</x></div>
<div class="span3"><x href="../icon/indent-left"><ii class="icon-indent-left"></ii>icon-indent-left</x></div>
<div class="span3"><x href="../icon/indent-right"><ii class="icon-indent-right"></ii>icon-indent-right</x></div>
<div class="span3"><x href="../icon/italic"><ii class="icon-italic"></ii>icon-italic</x></div>
<div class="span3"><x href="../icon/link"><ii class="icon-link"></ii>icon-link</x></div>
<div class="span3"><x href="../icon/list"><ii class="icon-list"></ii>icon-list</x></div>
<div class="span3"><x href="../icon/list-alt"><ii class="icon-list-alt"></ii>icon-list-alt</x></div>
<div class="span3"><x href="../icon/list-ol"><ii class="icon-list-ol"></ii>icon-list-ol</x></div>
<div class="span3"><x href="../icon/list-ul"><ii class="icon-list-ul"></ii>icon-list-ul</x></div>
<div class="span3"><x href="../icon/paper-clip"><ii class="icon-paper-clip"></ii>icon-paper-clip</x></div>
<div class="span3"><x href="../icon/paper-clip"><ii class="icon-paperclip"></ii>icon-paperclip <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/paste"><ii class="icon-paste"></ii>icon-paste</x></div>
<div class="span3"><x href="../icon/repeat"><ii class="icon-repeat"></ii>icon-repeat</x></div>
<div class="span3"><x href="../icon/undo"><ii class="icon-rotate-left"></ii>icon-rotate-left <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/repeat"><ii class="icon-rotate-right"></ii>icon-rotate-right <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/save"><ii class="icon-save"></ii>icon-save</x></div>
<div class="span3"><x href="../icon/strikethrough"><ii class="icon-strikethrough"></ii>icon-strikethrough</x></div>
<div class="span3"><x href="../icon/table"><ii class="icon-table"></ii>icon-table</x></div>
<div class="span3"><x href="../icon/text-height"><ii class="icon-text-height"></ii>icon-text-height</x></div>
<div class="span3"><x href="../icon/text-width"><ii class="icon-text-width"></ii>icon-text-width</x></div>
<div class="span3"><x href="../icon/th"><ii class="icon-th"></ii>icon-th</x></div>
<div class="span3"><x href="../icon/th-large"><ii class="icon-th-large"></ii>icon-th-large</x></div>
<div class="span3"><x href="../icon/th-list"><ii class="icon-th-list"></ii>icon-th-list</x></div>
<div class="span3"><x href="../icon/underline"><ii class="icon-underline"></ii>icon-underline</x></div>
<div class="span3"><x href="../icon/undo"><ii class="icon-undo"></ii>icon-undo</x></div>
<div class="span3"><x href="../icon/unlink"><ii class="icon-unlink"></ii>icon-unlink</x></div>
</div>
</section>
<section id="directional">
<h2 class="page-header">Directional Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/angle-down"><ii class="icon-angle-down"></ii>icon-angle-down</x></div>
<div class="span3"><x href="../icon/angle-left"><ii class="icon-angle-left"></ii>icon-angle-left</x></div>
<div class="span3"><x href="../icon/angle-right"><ii class="icon-angle-right"></ii>icon-angle-right</x></div>
<div class="span3"><x href="../icon/angle-up"><ii class="icon-angle-up"></ii>icon-angle-up</x></div>
<div class="span3"><x href="../icon/arrow-down"><ii class="icon-arrow-down"></ii>icon-arrow-down</x></div>
<div class="span3"><x href="../icon/arrow-left"><ii class="icon-arrow-left"></ii>icon-arrow-left</x></div>
<div class="span3"><x href="../icon/arrow-right"><ii class="icon-arrow-right"></ii>icon-arrow-right</x></div>
<div class="span3"><x href="../icon/arrow-up"><ii class="icon-arrow-up"></ii>icon-arrow-up</x></div>
<div class="span3"><x href="../icon/caret-down"><ii class="icon-caret-down"></ii>icon-caret-down</x></div>
<div class="span3"><x href="../icon/caret-left"><ii class="icon-caret-left"></ii>icon-caret-left</x></div>
<div class="span3"><x href="../icon/caret-right"><ii class="icon-caret-right"></ii>icon-caret-right</x></div>
<div class="span3"><x href="../icon/caret-up"><ii class="icon-caret-up"></ii>icon-caret-up</x></div>
<div class="span3"><x href="../icon/chevron-down"><ii class="icon-chevron-down"></ii>icon-chevron-down</x></div>
<div class="span3"><x href="../icon/chevron-left"><ii class="icon-chevron-left"></ii>icon-chevron-left</x></div>
<div class="span3"><x href="../icon/chevron-right"><ii class="icon-chevron-right"></ii>icon-chevron-right</x></div>
<div class="span3"><x href="../icon/chevron-sign-down"><ii class="icon-chevron-sign-down"></ii>icon-chevron-sign-down</x></div>
<div class="span3"><x href="../icon/chevron-sign-left"><ii class="icon-chevron-sign-left"></ii>icon-chevron-sign-left</x></div>
<div class="span3"><x href="../icon/chevron-sign-right"><ii class="icon-chevron-sign-right"></ii>icon-chevron-sign-right</x></div>
<div class="span3"><x href="../icon/chevron-sign-up"><ii class="icon-chevron-sign-up"></ii>icon-chevron-sign-up</x></div>
<div class="span3"><x href="../icon/chevron-up"><ii class="icon-chevron-up"></ii>icon-chevron-up</x></div>
<div class="span3"><x href="../icon/circle-arrow-down"><ii class="icon-circle-arrow-down"></ii>icon-circle-arrow-down</x></div>
<div class="span3"><x href="../icon/circle-arrow-left"><ii class="icon-circle-arrow-left"></ii>icon-circle-arrow-left</x></div>
<div class="span3"><x href="../icon/circle-arrow-right"><ii class="icon-circle-arrow-right"></ii>icon-circle-arrow-right</x></div>
<div class="span3"><x href="../icon/circle-arrow-up"><ii class="icon-circle-arrow-up"></ii>icon-circle-arrow-up</x></div>
<div class="span3"><x href="../icon/double-angle-down"><ii class="icon-double-angle-down"></ii>icon-double-angle-down</x></div>
<div class="span3"><x href="../icon/double-angle-left"><ii class="icon-double-angle-left"></ii>icon-double-angle-left</x></div>
<div class="span3"><x href="../icon/double-angle-right"><ii class="icon-double-angle-right"></ii>icon-double-angle-right</x></div>
<div class="span3"><x href="../icon/double-angle-up"><ii class="icon-double-angle-up"></ii>icon-double-angle-up</x></div>
<div class="span3"><x href="../icon/hand-down"><ii class="icon-hand-down"></ii>icon-hand-down</x></div>
<div class="span3"><x href="../icon/hand-left"><ii class="icon-hand-left"></ii>icon-hand-left</x></div>
<div class="span3"><x href="../icon/hand-right"><ii class="icon-hand-right"></ii>icon-hand-right</x></div>
<div class="span3"><x href="../icon/hand-up"><ii class="icon-hand-up"></ii>icon-hand-up</x></div>
<div class="span3"><x href="../icon/long-arrow-down"><ii class="icon-long-arrow-down"></ii>icon-long-arrow-down</x></div>
<div class="span3"><x href="../icon/long-arrow-left"><ii class="icon-long-arrow-left"></ii>icon-long-arrow-left</x></div>
<div class="span3"><x href="../icon/long-arrow-right"><ii class="icon-long-arrow-right"></ii>icon-long-arrow-right</x></div>
<div class="span3"><x href="../icon/long-arrow-up"><ii class="icon-long-arrow-up"></ii>icon-long-arrow-up</x></div>
</div>
</section>
<section id="video-player">
<h2 class="page-header">Video Player Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/backward"><ii class="icon-backward"></ii>icon-backward</x></div>
<div class="span3"><x href="../icon/eject"><ii class="icon-eject"></ii>icon-eject</x></div>
<div class="span3"><x href="../icon/fast-backward"><ii class="icon-fast-backward"></ii>icon-fast-backward</x></div>
<div class="span3"><x href="../icon/fast-forward"><ii class="icon-fast-forward"></ii>icon-fast-forward</x></div>
<div class="span3"><x href="../icon/forward"><ii class="icon-forward"></ii>icon-forward</x></div>
<div class="span3"><x href="../icon/fullscreen"><ii class="icon-fullscreen"></ii>icon-fullscreen</x></div>
<div class="span3"><x href="../icon/pause"><ii class="icon-pause"></ii>icon-pause</x></div>
<div class="span3"><x href="../icon/play"><ii class="icon-play"></ii>icon-play</x></div>
<div class="span3"><x href="../icon/play-circle"><ii class="icon-play-circle"></ii>icon-play-circle</x></div>
<div class="span3"><x href="../icon/play-sign"><ii class="icon-play-sign"></ii>icon-play-sign</x></div>
<div class="span3"><x href="../icon/resize-full"><ii class="icon-resize-full"></ii>icon-resize-full</x></div>
<div class="span3"><x href="../icon/resize-small"><ii class="icon-resize-small"></ii>icon-resize-small</x></div>
<div class="span3"><x href="../icon/step-backward"><ii class="icon-step-backward"></ii>icon-step-backward</x></div>
<div class="span3"><x href="../icon/step-forward"><ii class="icon-step-forward"></ii>icon-step-forward</x></div>
<div class="span3"><x href="../icon/stop"><ii class="icon-stop"></ii>icon-stop</x></div>
<div class="span3"><x href="../icon/youtube-play"><ii class="icon-youtube-play"></ii>icon-youtube-play</x></div>
</div>
</section>
<section id="brand">
<h2 class="page-header">Brand Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/adn"><ii class="icon-adn"></ii>icon-adn</x></div>
<div class="span3"><x href="../icon/android"><ii class="icon-android"></ii>icon-android</x></div>
<div class="span3"><x href="../icon/apple"><ii class="icon-apple"></ii>icon-apple</x></div>
<div class="span3"><x href="../icon/bitbucket"><ii class="icon-bitbucket"></ii>icon-bitbucket</x></div>
<div class="span3"><x href="../icon/bitbucket-sign"><ii class="icon-bitbucket-sign"></ii>icon-bitbucket-sign</x></div>
<div class="span3"><x href="../icon/btc"><ii class="icon-bitcoin"></ii>icon-bitcoin <span class="muted">(alias)</span></x></div>
<div class="span3"><x href="../icon/btc"><ii class="icon-btc"></ii>icon-btc</x></div>
<div class="span3"><x href="../icon/css3"><ii class="icon-css3"></ii>icon-css3</x></div>
<div class="span3"><x href="../icon/dribbble"><ii class="icon-dribbble"></ii>icon-dribbble</x></div>
<div class="span3"><x href="../icon/dropbox"><ii class="icon-dropbox"></ii>icon-dropbox</x></div>
<div class="span3"><x href="../icon/facebook"><ii class="icon-facebook"></ii>icon-facebook</x></div>
<div class="span3"><x href="../icon/facebook-sign"><ii class="icon-facebook-sign"></ii>icon-facebook-sign</x></div>
<div class="span3"><x href="../icon/flickr"><ii class="icon-flickr"></ii>icon-flickr</x></div>
<div class="span3"><x href="../icon/foursquare"><ii class="icon-foursquare"></ii>icon-foursquare</x></div>
<div class="span3"><x href="../icon/github"><ii class="icon-github"></ii>icon-github</x></div>
<div class="span3"><x href="../icon/github-alt"><ii class="icon-github-alt"></ii>icon-github-alt</x></div>
<div class="span3"><x href="../icon/github-sign"><ii class="icon-github-sign"></ii>icon-github-sign</x></div>
<div class="span3"><x href="../icon/gittip"><ii class="icon-gittip"></ii>icon-gittip</x></div>
<div class="span3"><x href="../icon/google-plus"><ii class="icon-google-plus"></ii>icon-google-plus</x></div>
<div class="span3"><x href="../icon/google-plus-sign"><ii class="icon-google-plus-sign"></ii>icon-google-plus-sign</x></div>
<div class="span3"><x href="../icon/html5"><ii class="icon-html5"></ii>icon-html5</x></div>
<div class="span3"><x href="../icon/instagram"><ii class="icon-instagram"></ii>icon-instagram</x></div>
<div class="span3"><x href="../icon/linkedin"><ii class="icon-linkedin"></ii>icon-linkedin</x></div>
<div class="span3"><x href="../icon/linkedin-sign"><ii class="icon-linkedin-sign"></ii>icon-linkedin-sign</x></div>
<div class="span3"><x href="../icon/linux"><ii class="icon-linux"></ii>icon-linux</x></div>
<div class="span3"><x href="../icon/maxcdn"><ii class="icon-maxcdn"></ii>icon-maxcdn</x></div>
<div class="span3"><x href="../icon/pinterest"><ii class="icon-pinterest"></ii>icon-pinterest</x></div>
<div class="span3"><x href="../icon/pinterest-sign"><ii class="icon-pinterest-sign"></ii>icon-pinterest-sign</x></div>
<div class="span3"><x href="../icon/renren"><ii class="icon-renren"></ii>icon-renren</x></div>
<div class="span3"><x href="../icon/skype"><ii class="icon-skype"></ii>icon-skype</x></div>
<div class="span3"><x href="../icon/stackexchange"><ii class="icon-stackexchange"></ii>icon-stackexchange</x></div>
<div class="span3"><x href="../icon/trello"><ii class="icon-trello"></ii>icon-trello</x></div>
<div class="span3"><x href="../icon/tumblr"><ii class="icon-tumblr"></ii>icon-tumblr</x></div>
<div class="span3"><x href="../icon/tumblr-sign"><ii class="icon-tumblr-sign"></ii>icon-tumblr-sign</x></div>
<div class="span3"><x href="../icon/twitter"><ii class="icon-twitter"></ii>icon-twitter</x></div>
<div class="span3"><x href="../icon/twitter-sign"><ii class="icon-twitter-sign"></ii>icon-twitter-sign</x></div>
<div class="span3"><x href="../icon/vk"><ii class="icon-vk"></ii>icon-vk</x></div>
<div class="span3"><x href="../icon/weibo"><ii class="icon-weibo"></ii>icon-weibo</x></div>
<div class="span3"><x href="../icon/windows"><ii class="icon-windows"></ii>icon-windows</x></div>
<div class="span3"><x href="../icon/xing"><ii class="icon-xing"></ii>icon-xing</x></div>
<div class="span3"><x href="../icon/xing-sign"><ii class="icon-xing-sign"></ii>icon-xing-sign</x></div>
<div class="span3"><x href="../icon/youtube"><ii class="icon-youtube"></ii>icon-youtube</x></div>
<div class="span3"><x href="../icon/youtube-play"><ii class="icon-youtube-play"></ii>icon-youtube-play</x></div>
<div class="span3"><x href="../icon/youtube-sign"><ii class="icon-youtube-sign"></ii>icon-youtube-sign</x></div>
</div>
</section>
<section id="medical">
<h2 class="page-header">Medical Icons</h2>
<div class="row the-icons">
<div class="span3"><x href="../icon/ambulance"><ii class="icon-ambulance"></ii>icon-ambulance</x></div>
<div class="span3"><x href="../icon/h-sign"><ii class="icon-h-sign"></ii>icon-h-sign</x></div>
<div class="span3"><x href="../icon/hospital"><ii class="icon-hospital"></ii>icon-hospital</x></div>
<div class="span3"><x href="../icon/medkit"><ii class="icon-medkit"></ii>icon-medkit</x></div>
<div class="span3"><x href="../icon/plus-sign-alt"><ii class="icon-plus-sign-alt"></ii>icon-plus-sign-alt</x></div>
<div class="span3"><x href="../icon/stethoscope"><ii class="icon-stethoscope"></ii>icon-stethoscope</x></div>
<div class="span3"><x href="../icon/user-md"><ii class="icon-user-md"></ii>icon-user-md</x></div>
</div>
<p style="padding:30px 0;">
Powered by <a href="http://fortawesome.github.io/Font-Awesome/" target="_blabk">http://fortawesome.github.io/Font-Awesome/</a>
</p>
</body>
</html>
