<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
font-family: Helvetica, sans-serif;
}
.container {
width: 600px;
text-align: center;
margin: 20px auto;
}
.message {
text-align: left;
}
.icon {
display: inline-block;
margin: 10px;
width: 16px;
height: 16px;
}
</style>
</head>
<body>
<div class="container">
<p class="message">Make sure to run this through a web server otherwise you won’t see any icons. You can use <a href="https://github.com/visionmedia/serve">Serve</a> for local testing.</p>
<svg class="icon">
<use xlink:href="sprite.svg#account-login"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#account-logout"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#action-redo"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#action-undo"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#align-center"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#align-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#align-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#aperture"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-bottom"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-circle-bottom"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-circle-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-circle-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-circle-top"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-thick-bottom"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-thick-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-thick-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-thick-top"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#arrow-top"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#audio-spectrum"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#audio"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#badge"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#ban"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bar-chart"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#basket"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#battery-empty"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#battery-full"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#beaker"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bell"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bluetooth"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bold"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bolt"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#book"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bookmark"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#box"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#briefcase"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#british-pound"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#browser"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#brush"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bug"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#bullhorn"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#calculator"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#calendar"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#camera-slr"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#caret-bottom"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#caret-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#caret-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#caret-top"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#cart"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#chat"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#check"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#chevron-bottom"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#chevron-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#chevron-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#chevron-top"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#circle-check"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#circle-x"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#clipboard"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#clock"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#cloud-download"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#cloud-upload"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#cloud"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#cloudy"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#code"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#cog"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#collapse-down"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#collapse-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#collapse-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#collapse-up"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#command"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#comment-square"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#compass"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#contrast"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#copywriting"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#credit-card"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#crop"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#dashboard"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#data-transfer-download"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#data-transfer-upload"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#delete"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#dial"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#document"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#dollar"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#double-quote-sans-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#double-quote-sans-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#double-quote-serif-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#double-quote-serif-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#droplet"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#eject"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#elevator"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#ellipses"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#envelope-closed"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#envelope-open"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#euro"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#excerpt"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#expand-down"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#expand-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#expand-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#expand-up"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#external-link"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#eye"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#eyedropper"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#file"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#fire"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#flag"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#flash"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#folder"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#fork"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#fullscreen-enter"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#fullscreen-exit"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#globe"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#graph"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#grid-four-up"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#grid-three-up"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#grid-two-up"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#hard-drive"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#header"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#headphones"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#heart"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#home"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#image"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#inbox"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#infinity"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#info"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#italic"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#justify-center"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#justify-left"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#justify-right"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#key"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#laptop"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#layers"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#lightbulb"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#link-broken"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#link-intact"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#list-rich"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#list"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#location"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#lock-locked"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#lock-unlocked"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#loop-circular"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#loop-square"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#loop"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#magnifying-glass"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#map-marker"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#map"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-pause"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-play"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-record"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-skip-backward"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-skip-forward"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-step-backward"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-step-forward"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#media-stop"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#medical-cross"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#menu"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#microphone"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#minus"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#monitor"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#moon"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#move"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#musical-note"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#paperclip"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#pencil"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#people"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#person"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#phone"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#pie-chart"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#pin"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#play-circle"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#plus"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#power-standby"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#print"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#project"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#pulse"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#puzzle-piece"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#question-mark"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#rain"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#random"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#reload"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#resize-both"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#resize-height"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#resize-width"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#rss-alt"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#rss"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#script"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#share-boxed"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#share"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#shield"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#signal"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#signpost"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#sort-ascending"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#sort-descending"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#spreadsheet"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#star"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#sun"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#tablet"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#tag"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#tags"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#target"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#task"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#terminal"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#text"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#thumb-down"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#thumb-up"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#timer"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#transfer"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#trash"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#underline"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#vertical-align-bottom"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#vertical-align-center"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#vertical-align-top"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#video"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#volume-high"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#volume-low"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#volume-off"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#warning"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#wifi"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#wrench"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#x"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#yen"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#zoom-in"></use>
</svg>
<svg class="icon">
<use xlink:href="sprite.svg#zoom-out"></use>
</svg>
</div>
</body>
</html>