Icons

<div class="grid">
    <div class="col-2"><span class="icon-note">.icon-note</span></div>
    <div class="col-2"><span class="icon-cancel-circled">.icon-cancel-circled</span></div>
    <div class="col-2"><span class="icon-cancel-squared">.icon-cancel-squared</span></div>
    <div class="col-2"><span class="icon-note-beamed">.icon-note-beamed</span></div>
    <div class="col-2"><span class="icon-upload-cloud">.icon-upload-cloud</span></div>
    <div class="col-2"><span class="icon-music">.icon-music</span></div>
    <div class="col-2"><span class="icon-plus">.icon-plus</span></div>
    <div class="col-2"><span class="icon-bookmark">.icon-bookmark</span></div>
    <div class="col-2"><span class="icon-chat">.icon-chat</span></div>
    <div class="col-2"><span class="icon-bell">.icon-bell</span></div>
    <div class="col-2"><span class="icon-light-down">.icon-light-down</span></div>
    <div class="col-2"><span class="icon-basket">.icon-basket</span></div>
    <div class="col-2"><span class="icon-down">.icon-down</span></div>
    <div class="col-2"><span class="icon-left-dir">.icon-left-dir</span></div>
    <div class="col-2"><span class="icon-left-circled">.icon-left-circled</span></div>
    <div class="col-2"><span class="icon-search">.icon-search</span></div>
    <div class="col-2"><span class="icon-mail">.icon-mail</span></div>
    <div class="col-2"><span class="icon-heart">.icon-heart</span></div>
    <div class="col-2"><span class="icon-flashlight">.icon-flashlight</span></div>
    <div class="col-2"><span class="icon-heart-empty">.icon-heart-empty</span></div>
    <div class="col-2"><span class="icon-star">.icon-star</span></div>
    <div class="col-2"><span class="icon-star-empty">.icon-star-empty</span></div>
    <div class="col-2"><span class="icon-user">.icon-user</span></div>
    <div class="col-2"><span class="icon-users">.icon-users</span></div>
    <div class="col-2"><span class="icon-user-add">.icon-user-add</span></div>
    <div class="col-2"><span class="icon-video">.icon-video</span></div>
    <div class="col-2"><span class="icon-camera">.icon-camera</span></div>
    <div class="col-2"><span class="icon-picture">.icon-picture</span></div>
    <div class="col-2"><span class="icon-layout">.icon-layout</span></div>
    <div class="col-2"><span class="icon-check">.icon-check</span></div>
    <div class="col-2"><span class="icon-tag">.icon-tag</span></div>
    <div class="col-2"><span class="icon-cancel">.icon-cancel</span></div>
    <div class="col-2"><span class="icon-eye">.icon-eye</span></div>
    <div class="col-2"><span class="icon-lock-open">.icon-lock-open</span></div>
    <div class="col-2"><span class="icon-menu">.icon-menu</span></div>
    <div class="col-2"><span class="icon-lock">.icon-lock</span></div>
    <div class="col-2"><span class="icon-attach">.icon-attach</span></div>
    <div class="col-2"><span class="icon-link">.icon-link</span></div>
    <div class="col-2"><span class="icon-home">.icon-home</span></div>
    <div class="col-2"><span class="icon-back">.icon-back</span></div>
    <div class="col-2"><span class="icon-info-circled">.icon-info-circled</span></div>
    <div class="col-2"><span class="icon-info">.icon-info</span></div>
    <div class="col-2"><span class="icon-help-circled">.icon-help-circled</span></div>
    <div class="col-2"><span class="icon-help">.icon-help</span></div>
    <div class="col-2"><span class="icon-minus-circled">.icon-minus-circled</span></div>
    <div class="col-2"><span class="icon-minus">.icon-minus</span></div>
    <div class="col-2"><span class="icon-plus-squared">.icon-plus-squared</span></div>
    <div class="col-2"><span class="icon-plus-circled">.icon-plus-circled</span></div>
    <div class="col-2"><span class="icon-minus-squared">.icon-minus-squared</span></div>
    <div class="col-2"><span class="icon-bookmarks">.icon-bookmarks</span></div>
    <div class="col-2"><span class="icon-flag">.icon-flag</span></div>
    <div class="col-2"><span class="icon-thumbs-up">.icon-thumbs-up</span></div>
    <div class="col-2"><span class="icon-upload">.icon-upload</span></div>
    <div class="col-2"><span class="icon-thumbs-down">.icon-thumbs-down</span></div>
    <div class="col-2"><span class="icon-download">.icon-download</span></div>
    <div class="col-2"><span class="icon-reply">.icon-reply</span></div>
    <div class="col-2"><span class="icon-reply-all">.icon-reply-all</span></div>
    <div class="col-2"><span class="icon-forward">.icon-forward</span></div>
    <div class="col-2"><span class="icon-quote">.icon-quote</span></div>
    <div class="col-2"><span class="icon-code">.icon-code</span></div>
    <div class="col-2"><span class="icon-export">.icon-export</span></div>
    <div class="col-2"><span class="icon-pencil">.icon-pencil</span></div>
    <div class="col-2"><span class="icon-feather">.icon-feather</span></div>
    <div class="col-2"><span class="icon-print">.icon-print</span></div>
    <div class="col-2"><span class="icon-retweet">.icon-retweet</span></div>
    <div class="col-2"><span class="icon-keyboard">.icon-keyboard</span></div>
    <div class="col-2"><span class="icon-comment">.icon-comment</span></div>
    <div class="col-2"><span class="icon-book">.icon-book</span></div>
    <div class="col-2"><span class="icon-book-open">.icon-book-open</span></div>
    <div class="col-2"><span class="icon-newspaper">.icon-newspaper</span></div>
    <div class="col-2"><span class="icon-doc-text-inv">.icon-doc-text-inv</span></div>
    <div class="col-2"><span class="icon-doc-text">.icon-doc-text</span></div>
    <div class="col-2"><span class="icon-doc-landscape">.icon-doc-landscape</span></div>
    <div class="col-2"><span class="icon-doc">.icon-doc</span></div>
    <div class="col-2"><span class="icon-trash">.icon-trash</span></div>
    <div class="col-2"><span class="icon-cup">.icon-cup</span></div>
    <div class="col-2"><span class="icon-compass">.icon-compass</span></div>
    <div class="col-2"><span class="icon-direction">.icon-direction</span></div>
    <div class="col-2"><span class="icon-map">.icon-map</span></div>
    <div class="col-2"><span class="icon-location">.icon-location</span></div>
    <div class="col-2"><span class="icon-address">.icon-address</span></div>
    <div class="col-2"><span class="icon-vcard">.icon-vcard</span></div>
    <div class="col-2"><span class="icon-alert">.icon-alert</span></div>
    <div class="col-2"><span class="icon-attention">.icon-attention</span></div>
    <div class="col-2"><span class="icon-folder">.icon-folder</span></div>
    <div class="col-2"><span class="icon-archive">.icon-archive</span></div>
    <div class="col-2"><span class="icon-box">.icon-box</span></div>
    <div class="col-2"><span class="icon-rss">.icon-rss</span></div>
    <div class="col-2"><span class="icon-phone">.icon-phone</span></div>
    <div class="col-2"><span class="icon-cog">.icon-cog</span></div>
    <div class="col-2"><span class="icon-tools">.icon-tools</span></div>
    <div class="col-2"><span class="icon-share">.icon-share</span></div>
    <div class="col-2"><span class="icon-shareable">.icon-shareable</span></div>
    <div class="col-2"><span class="icon-bag">.icon-bag</span></div>
    <div class="col-2"><span class="icon-calendar">.icon-calendar</span></div>
    <div class="col-2"><span class="icon-login">.icon-login</span></div>
    <div class="col-2"><span class="icon-logout">.icon-logout</span></div>
    <div class="col-2"><span class="icon-mic">.icon-mic</span></div>
    <div class="col-2"><span class="icon-mute">.icon-mute</span></div>
    <div class="col-2"><span class="icon-docs">.icon-docs</span></div>
    <div class="col-2"><span class="icon-sound">.icon-sound</span></div>
    <div class="col-2"><span class="icon-volume">.icon-volume</span></div>
    <div class="col-2"><span class="icon-clock">.icon-clock</span></div>
    <div class="col-2"><span class="icon-hourglass">.icon-hourglass</span></div>
    <div class="col-2"><span class="icon-down-open-mini">.icon-down-open-mini</span></div>
    <div class="col-2"><span class="icon-up-open">.icon-up-open</span></div>
    <div class="col-2"><span class="icon-right-open">.icon-right-open</span></div>
    <div class="col-2"><span class="icon-left-open">.icon-left-open</span></div>
    <div class="col-2"><span class="icon-down-open">.icon-down-open</span></div>
    <div class="col-2"><span class="icon-right-circled">.icon-right-circled</span></div>
    <div class="col-2"><span class="icon-down-circled">.icon-down-circled</span></div>
    <div class="col-2"><span class="icon-up-circled">.icon-up-circled</span></div>
    <div class="col-2"><span class="icon-arrow-combo">.icon-arrow-combo</span></div>
    <div class="col-2"><span class="icon-window">.icon-window</span></div>
    <div class="col-2"><span class="icon-publish">.icon-publish</span></div>
    <div class="col-2"><span class="icon-popup">.icon-popup</span></div>
    <div class="col-2"><span class="icon-resize-small">.icon-resize-small</span></div>
    <div class="col-2"><span class="icon-resize-full">.icon-resize-full</span></div>
    <div class="col-2"><span class="icon-block">.icon-block</span></div>
    <div class="col-2"><span class="icon-adjust">.icon-adjust</span></div>
    <div class="col-2"><span class="icon-light-up">.icon-light-up</span></div>
    <div class="col-2"><span class="icon-lamp">.icon-lamp</span></div>
    <div class="col-2"><span class="icon-left-open-mini">.icon-left-open-mini</span></div>
    <div class="col-2"><span class="icon-right-open-mini">.icon-right-open-mini</span></div>
    <div class="col-2"><span class="icon-up-open-mini">.icon-up-open-mini</span></div>
    <div class="col-2"><span class="icon-down-open-big">.icon-down-open-big</span></div>
    <div class="col-2"><span class="icon-left-open-big">.icon-left-open-big</span></div>
    <div class="col-2"><span class="icon-right-open-big">.icon-right-open-big</span></div>
    <div class="col-2"><span class="icon-arrows-ccw">.icon-arrows-ccw</span></div>
    <div class="col-2"><span class="icon-cw">.icon-cw</span></div>
    <div class="col-2"><span class="icon-ccw">.icon-ccw</span></div>
    <div class="col-2"><span class="icon-up-open-big">.icon-up-open-big</span></div>
    <div class="col-2"><span class="icon-level-down">.icon-level-down</span></div>
    <div class="col-2"><span class="icon-up-thin">.icon-up-thin</span></div>
    <div class="col-2"><span class="icon-left-thin">.icon-left-thin</span></div>
    <div class="col-2"><span class="icon-progress-1">.icon-progress-1</span></div>
    <div class="col-2"><span class="icon-progress-2">.icon-progress-2</span></div>
    <div class="col-2"><span class="icon-right-thin">.icon-right-thin</span></div>
    <div class="col-2"><span class="icon-progress-3">.icon-progress-3</span></div>
    <div class="col-2"><span class="icon-target">.icon-target</span></div>
    <div class="col-2"><span class="icon-palette">.icon-palette</span></div>
    <div class="col-2"><span class="icon-list">.icon-list</span></div>
    <div class="col-2"><span class="icon-list-add">.icon-list-add</span></div>
    <div class="col-2"><span class="icon-signal">.icon-signal</span></div>
    <div class="col-2"><span class="icon-level-up">.icon-level-up</span></div>
    <div class="col-2"><span class="icon-left">.icon-left</span></div>
    <div class="col-2"><span class="icon-shuffle">.icon-shuffle</span></div>
    <div class="col-2"><span class="icon-trophy">.icon-trophy</span></div>
    <div class="col-2"><span class="icon-loop">.icon-loop</span></div>
    <div class="col-2"><span class="icon-right">.icon-right</span></div>
    <div class="col-2"><span class="icon-battery">.icon-battery</span></div>
    <div class="col-2"><span class="icon-back-in-time">.icon-back-in-time</span></div>
    <div class="col-2"><span class="icon-switch">.icon-switch</span></div>
    <div class="col-2"><span class="icon-up">.icon-up</span></div>
    <div class="col-2"><span class="icon-down-dir">.icon-down-dir</span></div>
    <div class="col-2"><span class="icon-play">.icon-play</span></div>
    <div class="col-2"><span class="icon-monitor">.icon-monitor</span></div>
    <div class="col-2"><span class="icon-mobile">.icon-mobile</span></div>
    <div class="col-2"><span class="icon-stop">.icon-stop</span></div>
    <div class="col-2"><span class="icon-right-dir">.icon-right-dir</span></div>
    <div class="col-2"><span class="icon-pause">.icon-pause</span></div>
    <div class="col-2"><span class="icon-network">.icon-network</span></div>
    <div class="col-2"><span class="icon-cd">.icon-cd</span></div>
    <div class="col-2"><span class="icon-record">.icon-record</span></div>
    <div class="col-2"><span class="icon-up-dir">.icon-up-dir</span></div>
    <div class="col-2"><span class="icon-down-bold">.icon-down-bold</span></div>
    <div class="col-2"><span class="icon-to-end">.icon-to-end</span></div>
    <div class="col-2"><span class="icon-inbox">.icon-inbox</span></div>
    <div class="col-2"><span class="icon-install">.icon-install</span></div>
    <div class="col-2"><span class="icon-to-start">.icon-to-start</span></div>
    <div class="col-2"><span class="icon-left-bold">.icon-left-bold</span></div>
    <div class="col-2"><span class="icon-right-bold">.icon-right-bold</span></div>
    <div class="col-2"><span class="icon-fast-forward">.icon-fast-forward</span></div>
    <div class="col-2"><span class="icon-globe">.icon-globe</span></div>
    <div class="col-2"><span class="icon-cloud">.icon-cloud</span></div>
    <div class="col-2"><span class="icon-fast-backward">.icon-fast-backward</span></div>
    <div class="col-2"><span class="icon-down-thin">.icon-down-thin</span></div>
    <div class="col-2"><span class="icon-progress-0">.icon-progress-0</span></div>
    <div class="col-2"><span class="icon-up-bold">.icon-up-bold</span></div>
    <div class="col-2"><span class="icon-cloud-thunder">.icon-cloud-thunder</span></div>
    <div class="col-2"><span class="icon-chart-area">.icon-chart-area</span></div>
    <div class="col-2"><span class="icon-chart-bar">.icon-chart-bar</span></div>
    <div class="col-2"><span class="icon-flow-tree">.icon-flow-tree</span></div>
    <div class="col-2"><span class="icon-flow-line">.icon-flow-line</span></div>

    <div class="col-2"><span class="icon-flow-cascade">.icon-flow-cascade</span></div>
    <div class="col-2"><span class="icon-flow-branch">.icon-flow-branch</span></div>
    <div class="col-2"><span class="icon-chart-line">.icon-chart-line</span></div>
    <div class="col-2"><span class="icon-chart-pie">.icon-chart-pie</span></div>
    <div class="col-2"><span class="icon-erase">.icon-erase</span></div>
    <div class="col-2"><span class="icon-key">.icon-key</span></div>

    <div class="col-2"><span class="icon-infinity">.icon-infinity</span></div>
    <div class="col-2"><span class="icon-magnet">.icon-magnet</span></div>
    <div class="col-2"><span class="icon-bucket">.icon-bucket</span></div>
    <div class="col-2"><span class="icon-drive">.icon-drive</span></div>
    <div class="col-2"><span class="icon-brush">.icon-brush</span></div>
    <div class="col-2"><span class="icon-dot-3">.icon-dot-3</span></div>
    <div class="col-2"><span class="icon-database">.icon-database</span></div>

    <div class="col-2"><span class="icon-megaphone">.icon-megaphone</span></div>
    <div class="col-2"><span class="icon-dot-2">.icon-dot-2</span></div>
    <div class="col-2"><span class="icon-dot">.icon-dot</span></div>
    <div class="col-2"><span class="icon-clipboard">.icon-clipboard</span></div>
    <div class="col-2"><span class="icon-thermometer">.icon-thermometer</span></div>

    <div class="col-2"><span class="icon-traffic-cone">.icon-traffic-cone</span></div>
    <div class="col-2"><span class="icon-gauge">.icon-gauge</span></div>
    <div class="col-2"><span class="icon-rocket">.icon-rocket</span></div>
    <div class="col-2"><span class="icon-flow-parallel">.icon-flow-parallel</span></div>
    <div class="col-2"><span class="icon-read-only">.icon-read-only</span></div>
    <div class="col-2"><span class="icon-sweden">.icon-sweden</span></div>
    <div class="col-2"><span class="icon-db-shape">.icon-db-shape</span></div>
    <div class="col-2"><span class="icon-logo-db">.icon-logo-db</span></div>
    <div class="col-2"><span class="icon-tape">.icon-tape</span></div>
    <div class="col-2"><span class="icon-flash">.icon-flash</span></div>
    <div class="col-2"><span class="icon-graduation-cap">.icon-graduation-cap</span></div>
    <div class="col-2"><span class="icon-language">.icon-language</span></div>
    <div class="col-2"><span class="icon-flight">.icon-flight</span></div>
    <div class="col-2"><span class="icon-moon">.icon-moon</span></div>
    <div class="col-2"><span class="icon-paper-plane">.icon-paper-plane</span></div>
    <div class="col-2"><span class="icon-ticket">.icon-ticket</span></div>
    <div class="col-2"><span class="icon-leaf">.icon-leaf</span></div>
    <div class="col-2"><span class="icon-lifebuoy">.icon-lifebuoy</span></div>
    <div class="col-2"><span class="icon-droplet">.icon-droplet</span></div>
    <div class="col-2"><span class="icon-water">.icon-water</span></div>
    <div class="col-2"><span class="icon-air">.icon-air</span></div>
    <div class="col-2"><span class="icon-mouse">.icon-mouse</span></div>
    <div class="col-2"><span class="icon-briefcase">.icon-briefcase</span></div>
    <div class="col-2"><span class="icon-credit-card">.icon-credit-card</span></div>
    <div class="col-2"><span class="icon-floppy">.icon-floppy</span></div>
    <div class="col-2"><span class="icon-suitcase">.icon-suitcase</span></div>
</div>
<hr txt="Copy" />
<div class="grid">

    <div class="col-2"><span class="icon-cc-zero">.icon-cc-zero</span></div>
    <div class="col-2"><span class="icon-cc-pd">.icon-cc-pd</span></div>
    <div class="col-2"><span class="icon-cc-sa">.icon-cc-sa</span></div>
    <div class="col-2"><span class="icon-cc-remix">.icon-cc-remix</span></div>
    <div class="col-2"><span class="icon-cc-share">.icon-cc-share</span></div>
    <div class="col-2"><span class="icon-cc-nc-jp">.icon-cc-nc-jp</span></div>
    <div class="col-2"><span class="icon-cc-nc-eu">.icon-cc-nc-eu</span></div>
    <div class="col-2"><span class="icon-cc-nc">.icon-cc-nc</span></div>
    <div class="col-2"><span class="icon-cc-by">.icon-cc-by</span></div>
    <div class="col-2"><span class="icon-cc">.icon-cc</span></div>
    <div class="col-2"><span class="icon-cc-and">.icon-cc-and</span></div>
</div>
<hr txt="Logos" />
<div class="grid">
    <div class="col-2"><span class="icon-vimeo-circled">.icon-vimeo-circled</span></div>
    <div class="col-2"><span class="icon-twitter">.icon-twitter</span></div>
    <div class="col-2"><span class="icon-twitter-circled">.icon-twitter-circled</span></div>
    <div class="col-2"><span class="icon-facebook">.icon-facebook</span></div>
    <div class="col-2"><span class="icon-facebook-circled">.icon-facebook-circled</span></div>
    <div class="col-2"><span class="icon-facebook-squared">.icon-facebook-squared</span></div>
    <div class="col-2"><span class="icon-gplus">.icon-gplus</span></div>
    <div class="col-2"><span class="icon-gplus-circled">.icon-gplus-circled</span></div>
    <div class="col-2"><span class="icon-pinterest">.icon-pinterest</span></div>
    <div class="col-2"><span class="icon-evernote">.icon-evernote</span></div>
    <div class="col-2"><span class="icon-dropbox">.icon-dropbox</span></div>
    <div class="col-2"><span class="icon-instagram">.icon-instagram</span></div>
    <div class="col-2"><span class="icon-qq">.icon-qq</span></div>
    <div class="col-2"><span class="icon-spotify-circled">.icon-spotify-circled</span></div>
    <div class="col-2"><span class="icon-spotify">.icon-spotify</span></div>
    <div class="col-2"><span class="icon-rdio">.icon-rdio</span></div>
    <div class="col-2"><span class="icon-smashing">.icon-smashing</span></div>
    <div class="col-2"><span class="icon-linkedin-circled">.icon-linkedin-circled</span></div>
    <div class="col-2"><span class="icon-paypal">.icon-paypal</span></div>
    <div class="col-2"><span class="icon-sina-weibo">.icon-sina-weibo</span></div>
    <div class="col-2"><span class="icon-linkedin">.icon-linkedin</span></div>
    <div class="col-2"><span class="icon-tumblr-circled">.icon-tumblr-circled</span></div>
    <div class="col-2"><span class="icon-renren">.icon-renren</span></div>
    <div class="col-2"><span class="icon-skype-circled">.icon-skype-circled</span></div>
    <div class="col-2"><span class="icon-tumblr">.icon-tumblr</span></div>
    <div class="col-2"><span class="icon-pinterest-circled">.icon-pinterest-circled</span></div>
    <div class="col-2"><span class="icon-soundcloud">.icon-soundcloud</span></div>
    <div class="col-2"><span class="icon-google-circles">.icon-google-circles</span></div>
    <div class="col-2"><span class="icon-skype">.icon-skype</span></div>
    <div class="col-2"><span class="icon-flattr">.icon-flattr</span></div>
    <div class="col-2"><span class="icon-vimeo">.icon-vimeo</span></div>
    <div class="col-2"><span class="icon-flickr-circled">.icon-flickr-circled</span></div>
    <div class="col-2"><span class="icon-lastfm">.icon-lastfm</span></div>
    <div class="col-2"><span class="icon-lastfm-circled">.icon-lastfm-circled</span></div>
    <div class="col-2"><span class="icon-vkontakte">.icon-vkontakte</span></div>
    <div class="col-2"><span class="icon-behance">.icon-behance</span></div>
    <div class="col-2"><span class="icon-mixi">.icon-mixi</span></div>
    <div class="col-2"><span class="icon-stumbleupon">.icon-stumbleupon</span></div>
    <div class="col-2"><span class="icon-stumbleupon-circled">.icon-stumbleupon-circled</span></div>
    <div class="col-2"><span class="icon-flickr">.icon-flickr</span></div>
    <div class="col-2"><span class="icon-github-circled">.icon-github-circled</span></div>
    <div class="col-2"><span class="icon-github">.icon-github</span></div>
    <div class="col-2"><span class="icon-soft-apricot">.icon-soft-apricot</span></div>
    <div class="col-2"><span class="icon-dribbble-circled">.icon-dribbble-circled</span></div>
    <div class="col-2"><span class="icon-picasa">.icon-picasa</span></div>
    <div class="col-2"><span class="icon-dribbble">.icon-dribbble</span></div>
</div>