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