<style>
#icon-demo {
	padding-left: 0 !important;
	clear: both;
}
#icon-demo:after {
	content: "";
	display: table;
	clear: both;
}
#icon-demo li {
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 -1px -1px 0;
	border: 1px solid #cccccc;
	font-size: 0;
	text-indent: -9999px;
	color: #333333;
}
#icon-demo li:before {
	position: absolute;
	top: 3px;
	left: 0 !important;
	width: 100% !important;
	font-size: 24px;
	text-align: center;
}
#icon-demo li:hover,
#icon-demo li:focus {
	border: 0;
	background: #333333;
	color: white;
	z-index: 1;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}
</style>
<ul id="icon-demo">
	<li data-icon="" title="3d">3d</li>
	<li data-icon="" title="addressbook">addressbook</li>
	<li data-icon="" title="airplane">airplane</li>
	<li data-icon="" title="amazon">amazon</li>
	<li data-icon="" title="amazon-2">amazon-2</li>
	<li data-icon="&" title="ampersand">ampersand</li>
	<li data-icon="" title="anchor">anchor</li>
	<li data-icon="" title="android">android</li>
	<li data-icon="" title="aperture">aperture</li>
	<li data-icon="" title="apple">apple</li>
	<li data-icon="" title="arrow-2-down">arrow-2-down</li>
	<li data-icon="" title="arrow-2-left">arrow-2-left</li>
	<li data-icon="" title="arrow-2-right">arrow-2-right</li>
	<li data-icon="" title="arrow-2-up">arrow-2-up</li>
	<li data-icon="↓" title="arrow-3-down">arrow-3-down</li>
	<li data-icon="" title="arrow-3-down-left">arrow-3-down-left</li>
	<li data-icon="" title="arrow-3-down-right">arrow-3-down-right</li>
	<li data-icon="←" title="arrow-3-left">arrow-3-left</li>
	<li data-icon="→" title="arrow-3-right">arrow-3-right</li>
	<li data-icon="↑" title="arrow-3-up">arrow-3-up</li>
	<li data-icon="" title="arrow-3-up-left">arrow-3-up-left</li>
	<li data-icon="" title="arrow-3-up-right">arrow-3-up-right</li>
	<li data-icon="" title="arrow-4-down">arrow-4-down</li>
	<li data-icon="" title="arrow-4-left">arrow-4-left</li>
	<li data-icon="" title="arrow-4-right">arrow-4-right</li>
	<li data-icon="" title="arrow-4-up">arrow-4-up</li>
	<li data-icon="" title="arrow-5-down">arrow-5-down</li>
	<li data-icon="" title="arrow-5-first">arrow-5-first</li>
	<li data-icon="" title="arrow-5-last">arrow-5-last</li>
	<li data-icon="" title="arrow-5-left">arrow-5-left</li>
	<li data-icon="" title="arrow-5-right">arrow-5-right</li>
	<li data-icon="" title="arrow-5-up">arrow-5-up</li>
	<li data-icon="" title="arrow-down">arrow-down</li>
	<li data-icon="" title="arrow-down-left">arrow-down-left</li>
	<li data-icon="" title="arrow-down-right">arrow-down-right</li>
	<li data-icon="" title="arrow-left">arrow-left</li>
	<li data-icon="" title="arrow-right">arrow-right</li>
	<li data-icon="" title="arrow-up">arrow-up</li>
	<li data-icon="" title="arrow-up-left">arrow-up-left</li>
	<li data-icon="" title="arrow-up-right">arrow-up-right</li>
	<li data-icon="@" title="at">at</li>
	<li data-icon="" title="award">award</li>
	<li data-icon="" title="backspace">backspace</li>
	<li data-icon="" title="baidu">baidu</li>
	<li data-icon="" title="bars">bars</li>
	<li data-icon="" title="basket">basket</li>
	<li data-icon="" title="beaker">beaker</li>
	<li data-icon="" title="bell">bell</li>
	<li data-icon="" title="binoculars">binoculars</li>
	<li data-icon="" title="blogger">blogger</li>
	<li data-icon="" title="blogger-2">blogger-2</li>
	<li data-icon="" title="bluetooth">bluetooth</li>
	<li data-icon="⌁" title="bolt">bolt</li>
	<li data-icon="" title="bolt-2">bolt-2</li>
	<li data-icon="" title="book">book</li>
	<li data-icon="" title="book-2">book-2</li>
	<li data-icon="" title="book-3">book-3</li>
	<li data-icon="" title="bookmark">bookmark</li>
	<li data-icon="" title="box">box</li>
	<li data-icon="" title="brush">brush</li>
	<li data-icon="" title="calc">calc</li>
	<li data-icon="" title="calendar">calendar</li>
	<li data-icon="" title="calendar-stroke">calendar-stroke</li>
	<li data-icon="" title="camera">camera</li>
	<li data-icon="" title="cart">cart</li>
	<li data-icon="" title="cart-2">cart-2</li>
	<li data-icon="" title="case">case</li>
	<li data-icon="" title="cc">cc</li>
	<li data-icon="" title="cd">cd</li>
	<li data-icon="◕" title="chart">chart</li>
	<li data-icon="" title="chart-down">chart-down</li>
	<li data-icon="" title="chart-down-2">chart-down-2</li>
	<li data-icon="" title="chart-up">chart-up</li>
	<li data-icon="" title="chart-up-2">chart-up-2</li>
	<li data-icon="" title="chat">chat</li>
	<li data-icon="" title="chat-stroke">chat-stroke</li>
	<li data-icon="✓" title="check">check</li>
	<li data-icon="" title="check-2">check-2</li>
	<li data-icon="✔" title="check-3">check-3</li>
	<li data-icon="" title="chrome">chrome</li>
	<li data-icon="" title="clef">clef</li>
	<li data-icon="" title="clef-2">clef-2</li>
	<li data-icon="" title="clipboard">clipboard</li>
	<li data-icon="" title="clock">clock</li>
	<li data-icon="☁" title="cloud">cloud</li>
	<li data-icon="" title="cloud-download">cloud-download</li>
	<li data-icon="" title="cloud-upload">cloud-upload</li>
	<li data-icon="" title="code">code</li>
	<li data-icon="" title="coffee">coffee</li>
	<li data-icon="⚙" title="cog">cog</li>
	<li data-icon="" title="cogs">cogs</li>
	<li data-icon="" title="command">command</li>
	<li data-icon="" title="comment">comment</li>
	<li data-icon="" title="comment-2">comment-2</li>
	<li data-icon="" title="comment-2-stroke">comment-2-stroke</li>
	<li data-icon="" title="comment-stroke">comment-stroke</li>
	<li data-icon="" title="cone">cone</li>
	<li data-icon="" title="cone-2">cone-2</li>
	<li data-icon="" title="contao">contao</li>
	<li data-icon="" title="contrast">contrast</li>
	<li data-icon="" title="creditcard">creditcard</li>
	<li data-icon="" title="creditcard-2">creditcard-2</li>
	<li data-icon="" title="css3">css3</li>
	<li data-icon="↖" title="cursor">cursor</li>
	<li data-icon="" title="curved-arrow">curved-arrow</li>
	<li data-icon="" title="delicious">delicious</li>
	<li data-icon="⊘" title="denied">denied</li>
	<li data-icon="" title="deviantart">deviantart</li>
	<li data-icon="" title="deviantart-2">deviantart-2</li>
	<li data-icon="" title="direction">direction</li>
	<li data-icon="" title="document">document</li>
	<li data-icon="" title="document-add">document-add</li>
	<li data-icon="" title="document-css">document-css</li>
	<li data-icon="" title="document-excel">document-excel</li>
	<li data-icon="" title="document-openoffice">document-openoffice</li>
	<li data-icon="" title="document-pdf">document-pdf</li>
	<li data-icon="" title="document-powerpoint">document-powerpoint</li>
	<li data-icon="" title="document-remove">document-remove</li>
	<li data-icon="" title="document-word">document-word</li>
	<li data-icon="" title="document-xml">document-xml</li>
	<li data-icon="" title="document-zip">document-zip</li>
	<li data-icon="" title="documents">documents</li>
	<li data-icon="" title="documents-2">documents-2</li>
	<li data-icon="" title="download">download</li>
	<li data-icon="⤓" title="download">download</li>
	<li data-icon="" title="dribbble">dribbble</li>
	<li data-icon="" title="dribbble-2">dribbble-2</li>
	<li data-icon="" title="dropbox">dropbox</li>
	<li data-icon="⏏" title="eject">eject</li>
	<li data-icon="" title="ember">ember</li>
	<li data-icon="" title="equalizer">equalizer</li>
	<li data-icon="" title="external">external</li>
	<li data-icon="" title="eye">eye</li>
	<li data-icon="" title="eyedropper">eyedropper</li>
	<li data-icon="" title="facebook">facebook</li>
	<li data-icon="" title="facebook-2">facebook-2</li>
	<li data-icon="" title="fan">fan</li>
	<li data-icon="" title="fax">fax</li>
	<li data-icon="" title="feed">feed</li>
	<li data-icon="" title="feed-2">feed-2</li>
	<li data-icon="" title="female">female</li>
	<li data-icon="" title="firefox">firefox</li>
	<li data-icon="" title="firewire">firewire</li>
	<li data-icon="⇤" title="first">first</li>
	<li data-icon="" title="flag">flag</li>
	<li data-icon="" title="flag-2">flag-2</li>
	<li data-icon="" title="flickr">flickr</li>
	<li data-icon="" title="flickr-2">flickr-2</li>
	<li data-icon="" title="floppy">floppy</li>
	<li data-icon="" title="folder">folder</li>
	<li data-icon="" title="folders">folders</li>
	<li data-icon="" title="font">font</li>
	<li data-icon="" title="font-2">font-2</li>
	<li data-icon="⑃" title="fork">fork</li>
	<li data-icon="" title="forrst">forrst</li>
	<li data-icon="" title="forrst-2">forrst-2</li>
	<li data-icon="" title="fullscreen">fullscreen</li>
	<li data-icon="" title="fullscreen-exit">fullscreen-exit</li>
	<li data-icon="" title="funnel">funnel</li>
	<li data-icon="" title="gallery">gallery</li>
	<li data-icon="" title="game">game</li>
	<li data-icon="" title="git">git</li>
	<li data-icon="" title="git-2">git-2</li>
	<li data-icon="" title="git-3">git-3</li>
	<li data-icon="" title="github">github</li>
	<li data-icon="" title="github-2">github-2</li>
	<li data-icon="" title="github-cat">github-cat</li>
	<li data-icon="" title="glasses">glasses</li>
	<li data-icon="" title="globe">globe</li>
	<li data-icon="" title="gplus">gplus</li>
	<li data-icon="" title="gplus-2">gplus-2</li>
	<li data-icon="" title="gplus-3">gplus-3</li>
	<li data-icon="" title="grid">grid</li>
	<li data-icon="" title="grid-2">grid-2</li>
	<li data-icon="#" title="hash">hash</li>
	<li data-icon="" title="hd">hd</li>
	<li data-icon="" title="headphones">headphones</li>
	<li data-icon="" title="heart">heart</li>
	<li data-icon="" title="heart-stroke">heart-stroke</li>
	<li data-icon="" title="heartbeat">heartbeat</li>
	<li data-icon="" title="help">help</li>
	<li data-icon="⌂" title="home">home</li>
	<li data-icon="" title="home-2">home-2</li>
	<li data-icon="" title="html5">html5</li>
	<li data-icon="" title="html5-stroke">html5-stroke</li>
	<li data-icon="" title="ie">ie</li>
	<li data-icon="" title="infinity">infinity</li>
	<li data-icon="ℹ" title="info">info</li>
	<li data-icon="" title="info-2">info-2</li>
	<li data-icon="" title="instagram">instagram</li>
	<li data-icon="" title="ipad">ipad</li>
	<li data-icon="" title="iphone">iphone</li>
	<li data-icon="" title="ipod">ipod</li>
	<li data-icon="" title="key">key</li>
	<li data-icon="" title="key-stroke">key-stroke</li>
	<li data-icon="" title="laptop">laptop</li>
	<li data-icon="" title="laptop-2">laptop-2</li>
	<li data-icon="⇥" title="last">last</li>
	<li data-icon="" title="lastfm">lastfm</li>
	<li data-icon="" title="lastfm-2">lastfm-2</li>
	<li data-icon="" title="layers">layers</li>
	<li data-icon="" title="leave">leave</li>
	<li data-icon="“" title="left-quote">left-quote</li>
	<li data-icon="" title="left-quote-2">left-quote-2</li>
	<li data-icon="" title="like">like</li>
	<li data-icon="" title="link">link</li>
	<li data-icon="" title="link-2">link-2</li>
	<li data-icon="" title="linkedin">linkedin</li>
	<li data-icon="" title="list">list</li>
	<li data-icon="" title="list-2">list-2</li>
	<li data-icon="" title="load-0">load-0</li>
	<li data-icon="" title="load-1">load-1</li>
	<li data-icon="" title="load-2">load-2</li>
	<li data-icon="" title="load-3">load-3</li>
	<li data-icon="" title="load-4">load-4</li>
	<li data-icon="" title="load-5">load-5</li>
	<li data-icon="" title="load-6">load-6</li>
	<li data-icon="" title="load-7">load-7</li>
	<li data-icon="" title="lock">lock</li>
	<li data-icon="" title="lock-2">lock-2</li>
	<li data-icon="" title="lock-stroke">lock-stroke</li>
	<li data-icon="⟳" title="loop">loop</li>
	<li data-icon="" title="loop-double">loop-double</li>
	<li data-icon="" title="loop-left">loop-left</li>
	<li data-icon="" title="loop-left-2">loop-left-2</li>
	<li data-icon="" title="loop-right">loop-right</li>
	<li data-icon="" title="loop-right-2">loop-right-2</li>
	<li data-icon="" title="magnifying-glass">magnifying-glass</li>
	<li data-icon="" title="magnifying-glass-2">magnifying-glass-2</li>
	<li data-icon="" title="magnifying-glass-3">magnifying-glass-3</li>
	<li data-icon="✉" title="mail">mail</li>
	<li data-icon="" title="mail-2">mail-2</li>
	<li data-icon="" title="mail-3">mail-3</li>
	<li data-icon="" title="mail-stroke">mail-stroke</li>
	<li data-icon="" title="male">male</li>
	<li data-icon="" title="map-pin">map-pin</li>
	<li data-icon="" title="map-pin-2">map-pin-2</li>
	<li data-icon="" title="map-pin-2-stroke">map-pin-2-stroke</li>
	<li data-icon="" title="map-pin-stroke">map-pin-stroke</li>
	<li data-icon="" title="megaphone">megaphone</li>
	<li data-icon="" title="mic">mic</li>
	<li data-icon="" title="mic-2">mic-2</li>
	<li data-icon="−" title="minus">minus</li>
	<li data-icon="⊖" title="minus-2">minus-2</li>
	<li data-icon="" title="monitor">monitor</li>
	<li data-icon="" title="moon">moon</li>
	<li data-icon="☾" title="moon-stroke">moon-stroke</li>
	<li data-icon="" title="mouse">mouse</li>
	<li data-icon="" title="move">move</li>
	<li data-icon="↔" title="move-horizontal">move-horizontal</li>
	<li data-icon="↕" title="move-vertical">move-vertical</li>
	<li data-icon="" title="movie">movie</li>
	<li data-icon="" title="new-window">new-window</li>
	<li data-icon="" title="news">news</li>
	<li data-icon="" title="opera">opera</li>
	<li data-icon="" title="paperclip">paperclip</li>
	<li data-icon="" title="paperplane">paperplane</li>
	<li data-icon="" title="pause">pause</li>
	<li data-icon="" title="pause-2">pause-2</li>
	<li data-icon="✏" title="pen">pen</li>
	<li data-icon="" title="pen-2">pen-2</li>
	<li data-icon="" title="pen-2-stroke">pen-2-stroke</li>
	<li data-icon="" title="pen-3">pen-3</li>
	<li data-icon="" title="phone">phone</li>
	<li data-icon="" title="phone-2">phone-2</li>
	<li data-icon="" title="phone-mobile">phone-mobile</li>
	<li data-icon="" title="picasa">picasa</li>
	<li data-icon="" title="picasa-2">picasa-2</li>
	<li data-icon="¶" title="pilcrow">pilcrow</li>
	<li data-icon="" title="pin">pin</li>
	<li data-icon="" title="pinterest">pinterest</li>
	<li data-icon="" title="pinterest-2">pinterest-2</li>
	<li data-icon="▶" title="play">play</li>
	<li data-icon="" title="play-2">play-2</li>
	<li data-icon="+" title="plus">plus</li>
	<li data-icon="" title="plus-2">plus-2</li>
	<li data-icon="⊕" title="plus-3">plus-3</li>
	<li data-icon="" title="podcast">podcast</li>
	<li data-icon="" title="podcast-2">podcast-2</li>
	<li data-icon="" title="polaroids">polaroids</li>
	<li data-icon="" title="power">power</li>
	<li data-icon="" title="printer">printer</li>
	<li data-icon="" title="printer-2">printer-2</li>
	<li data-icon="" title="puzzle">puzzle</li>
	<li data-icon="" title="question">question</li>
	<li data-icon="?" title="question-mark">question-mark</li>
	<li data-icon="" title="rain">rain</li>
	<li data-icon="" title="read">read</li>
	<li data-icon="" title="recycle">recycle</li>
	<li data-icon="↻" title="reload">reload</li>
	<li data-icon="" title="responsive">responsive</li>
	<li data-icon="”" title="right-quote">right-quote</li>
	<li data-icon="" title="right-quote-2">right-quote-2</li>
	<li data-icon="" title="rocket">rocket</li>
	<li data-icon="" title="rss">rss</li>
	<li data-icon="" title="rss-2">rss-2</li>
	<li data-icon="" title="ruler">ruler</li>
	<li data-icon="" title="safari">safari</li>
	<li data-icon="" title="save">save</li>
	<li data-icon="" title="seo">seo</li>
	<li data-icon="" title="share">share</li>
	<li data-icon="" title="share-2">share-2</li>
	<li data-icon="" title="shield">shield</li>
	<li data-icon="" title="shield-2">shield-2</li>
	<li data-icon="" title="shield-2-stroke">shield-2-stroke</li>
	<li data-icon="" title="shuffle">shuffle</li>
	<li data-icon="" title="skype">skype</li>
	<li data-icon="" title="smiles">smiles</li>
	<li data-icon="" title="snowflake">snowflake</li>
	<li data-icon="" title="soundcloud">soundcloud</li>
	<li data-icon="" title="soundcloud-2">soundcloud-2</li>
	<li data-icon="" title="speedometer">speedometer</li>
	<li data-icon="" title="speedometer-2">speedometer-2</li>
	<li data-icon="" title="speedometer-2-low">speedometer-2-low</li>
	<li data-icon="" title="speedometer-2-medium">speedometer-2-medium</li>
	<li data-icon="" title="spin">spin</li>
	<li data-icon="★" title="star">star</li>
	<li data-icon="" title="star-2">star-2</li>
	<li data-icon="" title="star-2-half">star-2-half</li>
	<li data-icon="" title="star-2-stroke">star-2-stroke</li>
	<li data-icon="" title="star-half">star-half</li>
	<li data-icon="" title="star-stroke">star-stroke</li>
	<li data-icon="■" title="stop">stop</li>
	<li data-icon="" title="stop-2">stop-2</li>
	<li data-icon="" title="stumbleupon">stumbleupon</li>
	<li data-icon="" title="stumbleupon-2">stumbleupon-2</li>
	<li data-icon="☀" title="sun">sun</li>
	<li data-icon="☼" title="sun-stroke">sun-stroke</li>
	<li data-icon="" title="support">support</li>
	<li data-icon="" title="tag">tag</li>
	<li data-icon="" title="tag-left">tag-left</li>
	<li data-icon="" title="tag-right">tag-right</li>
	<li data-icon="" title="tag-stroke">tag-stroke</li>
	<li data-icon="" title="target">target</li>
	<li data-icon="" title="target-2">target-2</li>
	<li data-icon="" title="temperature">temperature</li>
	<li data-icon="" title="temperature-2">temperature-2</li>
	<li data-icon="" title="thumb-down">thumb-down</li>
	<li data-icon="" title="thumb-up">thumb-up</li>
	<li data-icon="" title="tie">tie</li>
	<li data-icon="" title="tools">tools</li>
	<li data-icon="" title="tools-2">tools-2</li>
	<li data-icon="⇄" title="transfer">transfer</li>
	<li data-icon="" title="trash">trash</li>
	<li data-icon="" title="trash-2">trash-2</li>
	<li data-icon="" title="trash-3">trash-3</li>
	<li data-icon="" title="trash-3-stroke">trash-3-stroke</li>
	<li data-icon="" title="truck">truck</li>
	<li data-icon="" title="tumblr">tumblr</li>
	<li data-icon="" title="tumblr-2">tumblr-2</li>
	<li data-icon="" title="twitter-bird">twitter-bird</li>
	<li data-icon="" title="twitter-bird-2">twitter-bird-2</li>
	<li data-icon="☂" title="umbrella">umbrella</li>
	<li data-icon="⎌" title="undo">undo</li>
	<li data-icon="" title="unlock">unlock</li>
	<li data-icon="" title="unlock-stroke">unlock-stroke</li>
	<li data-icon="" title="upload">upload</li>
	<li data-icon="⤒" title="upload">upload</li>
	<li data-icon="" title="usb">usb</li>
	<li data-icon="" title="user">user</li>
	<li data-icon="" title="user-2">user-2</li>
	<li data-icon="" title="users">users</li>
	<li data-icon="" title="vcard">vcard</li>
	<li data-icon="" title="vector">vector</li>
	<li data-icon="" title="vector-2">vector-2</li>
	<li data-icon="" title="video">video</li>
	<li data-icon="" title="vimeo">vimeo</li>
	<li data-icon="" title="vimeo-2">vimeo-2</li>
	<li data-icon="" title="volume">volume</li>
	<li data-icon="" title="volume-mute">volume-mute</li>
	<li data-icon="" title="wand">wand</li>
	<li data-icon="" title="warning">warning</li>
	<li data-icon="" title="warning-2">warning-2</li>
	<li data-icon="" title="windows">windows</li>
	<li data-icon="" title="wireless">wireless</li>
	<li data-icon="" title="wordpress">wordpress</li>
	<li data-icon="" title="wordpress-2">wordpress-2</li>
	<li data-icon="" title="wrench">wrench</li>
	<li data-icon="×" title="x">x</li>
	<li data-icon="⊗" title="x-2">x-2</li>
	<li data-icon="" title="x-2-stroke">x-2-stroke</li>
	<li data-icon="" title="xing">xing</li>
	<li data-icon="" title="yahoo">yahoo</li>
	<li data-icon="" title="yahoo-2">yahoo-2</li>
	<li data-icon="" title="youtube">youtube</li>
	<li data-icon="" title="youtube-2">youtube-2</li>
</ul>