Retina Icons

You can find a list of font icons that come with Daylite. All these retina-ready icons can easily be styled by changing color, font-size, text-shadow… Anything that’s possible with CSS.

Icon Code
<i class="icon-plus"></i>
<i class="icon-plus-1"></i>
<i class="icon-minus"></i>
<i class="icon-minus-1"></i>
<i class="icon-info"></i>
<i class="icon-left-thin"></i>
<i class="icon-left-1"></i>
<i class="icon-up-thin"></i>
<i class="icon-up-1"></i>
<i class="icon-right-thin"></i>
<i class="icon-right-1"></i>
<i class="icon-down-thin"></i>
<i class="icon-down-1"></i>
<i class="icon-level-up"></i>
<i class="icon-level-down"></i>
<i class="icon-switch"></i>
<i class="icon-infinity"></i>
<i class="icon-plus-squared"></i>
<i class="icon-minus-squared"></i>
<i class="icon-home"></i>
<i class="icon-home-1"></i>
<i class="icon-keyboard"></i>
<i class="icon-erase"></i>
<i class="icon-pause"></i>
<i class="icon-pause-1"></i>
<i class="icon-fast-forward"></i>
<i class="icon-fast-fw"></i>
<i class="icon-fast-backward"></i>
<i class="icon-fast-bw"></i>
<i class="icon-to-end"></i>
<i class="icon-to-end-1"></i>
<i class="icon-to-start"></i>
<i class="icon-to-start-1"></i>
<i class="icon-hourglass"></i>
<i class="icon-stop"></i>
<i class="icon-stop-1"></i>
<i class="icon-up-dir"></i>
<i class="icon-up-dir-1"></i>
<i class="icon-play"></i>
<i class="icon-play-1"></i>
<i class="icon-right-dir"></i>
<i class="icon-right-dir-1"></i>
<i class="icon-down-dir"></i>
<i class="icon-down-dir-1"></i>
<i class="icon-left-dir"></i>
<i class="icon-left-dir-1"></i>
<i class="icon-adjust"></i>
<i class="icon-cloud"></i>
<i class="icon-cloud-1"></i>
<i class="icon-umbrella"></i>
<i class="icon-star"></i>
<i class="icon-star-1"></i>
<i class="icon-star-empty"></i>
<i class="icon-star-empty-1"></i>
<i class="icon-check-1"></i>
<i class="icon-cup"></i>
<i class="icon-left-hand"></i>
<i class="icon-up-hand"></i>
<i class="icon-right-hand"></i>
<i class="icon-down-hand"></i>
<i class="icon-menu"></i>
<i class="icon-th-list"></i>
<i class="icon-moon"></i>
<i class="icon-heart-empty"></i>
<i class="icon-heart-empty-1"></i>
<i class="icon-heart"></i>
<i class="icon-heart-1"></i>
<i class="icon-note"></i>
<i class="icon-note-beamed"></i>
<i class="icon-music-1"></i>
<i class="icon-layout"></i>
<i class="icon-th"></i>
<i class="icon-flag"></i>
<i class="icon-flag-1"></i>
<i class="icon-tools"></i>
<i class="icon-cog"></i>
<i class="icon-cog-1"></i>
<i class="icon-attention"></i>
<i class="icon-attention-1"></i>
<i class="icon-flash"></i>
<i class="icon-flash-1"></i>
<i class="icon-record"></i>
<i class="icon-cloud-thunder"></i>
<i class="icon-cog-alt"></i>
<i class="icon-scissors"></i>
<i class="icon-tape"></i>
<i class="icon-flight"></i>
<i class="icon-flight-1"></i>
<i class="icon-mail"></i>
<i class="icon-mail-1"></i>
<i class="icon-edit"></i>
<i class="icon-pencil"></i>
<i class="icon-pencil-1"></i>
<i class="icon-feather"></i>
<i class="icon-check"></i>
<i class="icon-ok"></i>
<i class="icon-ok-circle"></i>
<i class="icon-cancel"></i>
<i class="icon-cancel-1"></i>
<i class="icon-cancel-circled"></i>
<i class="icon-cancel-circle"></i>
<i class="icon-asterisk"></i>
<i class="icon-cancel-squared"></i>
<i class="icon-help"></i>
<i class="icon-attention-circle"></i>
<i class="icon-quote"></i>
<i class="icon-plus-circled"></i>
<i class="icon-plus-circle"></i>
<i class="icon-minus-circled"></i>
<i class="icon-minus-circle"></i>
<i class="icon-right"></i>
<i class="icon-direction"></i>
<i class="icon-forward"></i>
<i class="icon-forward-1"></i>
<i class="icon-ccw"></i>
<i class="icon-cw"></i>
<i class="icon-cw-1"></i>
<i class="icon-left"></i>
<i class="icon-up"></i>
<i class="icon-down"></i>
<i class="icon-resize-vertical"></i>
<i class="icon-resize-horizontal"></i>
<i class="icon-eject"></i>
<i class="icon-list-add"></i>
<i class="icon-list"></i>
<i class="icon-left-bold"></i>
<i class="icon-right-bold"></i>
<i class="icon-up-bold"></i>
<i class="icon-down-bold"></i>
<i class="icon-user-add"></i>
<i class="icon-star-half"></i>
<i class="icon-ok-circle2"></i>
<i class="icon-cancel-circle2"></i>
<i class="icon-help-circled"></i>
<i class="icon-help-circle"></i>
<i class="icon-info-circled"></i>
<i class="icon-info-circle"></i>
<i class="icon-th-large"></i>
<i class="icon-eye"></i>
<i class="icon-eye-1"></i>
<i class="icon-eye-off"></i>
<i class="icon-tag"></i>
<i class="icon-tag-1"></i>
<i class="icon-tags"></i>
<i class="icon-camera-alt"></i>
<i class="icon-upload-cloud"></i>
<i class="icon-reply"></i>
<i class="icon-reply-all"></i>
<i class="icon-code"></i>
<i class="icon-export"></i>
<i class="icon-export-1"></i>
<i class="icon-print"></i>
<i class="icon-print-1"></i>
<i class="icon-retweet"></i>
<i class="icon-retweet-1"></i>
<i class="icon-comment"></i>
<i class="icon-comment-1"></i>
<i class="icon-chat"></i>
<i class="icon-chat-1"></i>
<i class="icon-vcard"></i>
<i class="icon-address"></i>
<i class="icon-location"></i>
<i class="icon-location-1"></i>
<i class="icon-map"></i>
<i class="icon-compass"></i>
<i class="icon-trash"></i>
<i class="icon-trash-1"></i>
<i class="icon-doc"></i>
<i class="icon-doc-text-inv"></i>
<i class="icon-docs"></i>
<i class="icon-doc-landscape"></i>
<i class="icon-archive"></i>
<i class="icon-rss"></i>
<i class="icon-share"></i>
<i class="icon-basket"></i>
<i class="icon-basket-1"></i>
<i class="icon-shareable"></i>
<i class="icon-login"></i>
<i class="icon-login-1"></i>
<i class="icon-logout"></i>
<i class="icon-logout-1"></i>
<i class="icon-volume"></i>
<i class="icon-resize-full"></i>
<i class="icon-resize-full-1"></i>
<i class="icon-resize-small"></i>
<i class="icon-resize-small-1"></i>
<i class="icon-popup"></i>
<i class="icon-publish"></i>
<i class="icon-window"></i>
<i class="icon-arrow-combo"></i>
<i class="icon-zoom-in"></i>
<i class="icon-chart-pie"></i>
<i class="icon-zoom-out"></i>
<i class="icon-language"></i>
<i class="icon-air"></i>
<i class="icon-database"></i>
<i class="icon-drive"></i>
<i class="icon-bucket"></i>
<i class="icon-thermometer"></i>
<i class="icon-down-circled"></i>
<i class="icon-down-circle2"></i>
<i class="icon-left-circled"></i>
<i class="icon-right-circled"></i>
<i class="icon-up-circled"></i>
<i class="icon-up-circle2"></i>
<i class="icon-down-open"></i>
<i class="icon-down-open-1"></i>
<i class="icon-left-open"></i>
<i class="icon-left-open-1"></i>
<i class="icon-right-open"></i>
<i class="icon-right-open-1"></i>
<i class="icon-up-open"></i>
<i class="icon-up-open-1"></i>
<i class="icon-down-open-mini"></i>
<i class="icon-arrows-cw"></i>
<i class="icon-left-open-mini"></i>
<i class="icon-play-circle2"></i>
<i class="icon-right-open-mini"></i>
<i class="icon-to-end-alt"></i>
<i class="icon-up-open-mini"></i>
<i class="icon-to-start-alt"></i>
<i class="icon-down-open-big"></i>
<i class="icon-left-open-big"></i>
<i class="icon-right-open-big"></i>
<i class="icon-up-open-big"></i>
<i class="icon-progress-0"></i>
<i class="icon-progress-1"></i>
<i class="icon-progress-2"></i>
<i class="icon-progress-3"></i>
<i class="icon-back-in-time"></i>
<i class="icon-network"></i>
<i class="icon-inbox"></i>
<i class="icon-inbox-1"></i>
<i class="icon-install"></i>
<i class="icon-font"></i>
<i class="icon-bold"></i>
<i class="icon-italic"></i>
<i class="icon-text-height"></i>
<i class="icon-text-width"></i>
<i class="icon-align-left"></i>
<i class="icon-align-center"></i>
<i class="icon-align-right"></i>
<i class="icon-align-justify"></i>
<i class="icon-list-1"></i>
<i class="icon-indent-left"></i>
<i class="icon-indent-right"></i>
<i class="icon-lifebuoy"></i>
<i class="icon-mouse"></i>
<i class="icon-dot"></i>
<i class="icon-dot-2"></i>
<i class="icon-dot-3"></i>
<i class="icon-suitcase"></i>
<i class="icon-off"></i>
<i class="icon-road"></i>
<i class="icon-flow-cascade"></i>
<i class="icon-list-alt"></i>
<i class="icon-flow-branch"></i>
<i class="icon-qrcode"></i>
<i class="icon-flow-tree"></i>
<i class="icon-barcode"></i>
<i class="icon-flow-line"></i>
<i class="icon-ajust"></i>

Icon Code
<i class="icon-flow-parallel"></i>
<i class="icon-tint"></i>
<i class="icon-brush"></i>
<i class="icon-paper-plane"></i>
<i class="icon-magnet"></i>
<i class="icon-magnet-1"></i>
<i class="icon-gauge"></i>
<i class="icon-traffic-cone"></i>
<i class="icon-cc"></i>
<i class="icon-cc-by"></i>
<i class="icon-cc-nc"></i>
<i class="icon-cc-nc-eu"></i>
<i class="icon-cc-nc-jp"></i>
<i class="icon-cc-sa"></i>
<i class="icon-cc-nd"></i>
<i class="icon-cc-pd"></i>
<i class="icon-cc-zero"></i>
<i class="icon-cc-share"></i>
<i class="icon-cc-remix"></i>
<i class="icon-move"></i>
<i class="icon-link-ext"></i>
<i class="icon-check-empty"></i>
<i class="icon-bookmark-empty"></i>
<i class="icon-phone-squared"></i>
<i class="icon-twitter"></i>
<i class="icon-facebook"></i>
<i class="icon-github"></i>
<i class="icon-rss-1"></i>
<i class="icon-hdd"></i>
<i class="icon-certificate"></i>
<i class="icon-left-circled-1"></i>
<i class="icon-right-circled-1"></i>
<i class="icon-up-circled-1"></i>
<i class="icon-down-circled-1"></i>
<i class="icon-tasks"></i>
<i class="icon-filter"></i>
<i class="icon-resize-full-alt"></i>
<i class="icon-beaker"></i>
<i class="icon-docs-1"></i>
<i class="icon-blank"></i>
<i class="icon-menu-1"></i>
<i class="icon-list-bullet"></i>
<i class="icon-list-numbered"></i>
<i class="icon-strike"></i>
<i class="icon-underline"></i>
<i class="icon-table"></i>
<i class="icon-magic"></i>
<i class="icon-pinterest-circled-1"></i>
<i class="icon-pinterest-squared"></i>
<i class="icon-gplus-squared"></i>
<i class="icon-gplus"></i>
<i class="icon-money"></i>
<i class="icon-columns"></i>
<i class="icon-sort"></i>
<i class="icon-sort-down"></i>
<i class="icon-sort-up"></i>
<i class="icon-mail-alt"></i>
<i class="icon-linkedin"></i>
<i class="icon-gauge-1"></i>
<i class="icon-comment-empty"></i>
<i class="icon-chat-empty"></i>
<i class="icon-sitemap"></i>
<i class="icon-paste"></i>
<i class="icon-user-md"></i>
<i class="icon-s-github"></i>
<i class="icon-github-squared"></i>
<i class="icon-github-circled"></i>
<i class="icon-s-flickr"></i>
<i class="icon-twitter-squared"></i>
<i class="icon-s-vimeo"></i>
<i class="icon-vimeo-circled"></i>
<i class="icon-facebook-squared-1"></i>
<i class="icon-s-twitter"></i>
<i class="icon-twitter-circled"></i>
<i class="icon-s-facebook"></i>
<i class="icon-linkedin-squared"></i>
<i class="icon-facebook-circled"></i>
<i class="icon-s-gplus"></i>
<i class="icon-gplus-circled"></i>
<i class="icon-s-pinterest"></i>
<i class="icon-pinterest-circled"></i>
<i class="icon-s-tumblr"></i>
<i class="icon-tumblr-circled"></i>
<i class="icon-s-linkedin"></i>
<i class="icon-linkedin-circled"></i>
<i class="icon-s-dribbble"></i>
<i class="icon-dribbble-circled"></i>
<i class="icon-s-stumbleupon"></i>
<i class="icon-stumbleupon-circled"></i>
<i class="icon-s-lastfm"></i>
<i class="icon-lastfm-circled"></i>
<i class="icon-rdio"></i>
<i class="icon-rdio-circled"></i>
<i class="icon-spotify"></i>
<i class="icon-s-spotify-circled"></i>
<i class="icon-qq"></i>
<i class="icon-s-instagrem"></i>
<i class="icon-dropbox"></i>
<i class="icon-s-evernote"></i>
<i class="icon-flattr"></i>
<i class="icon-s-skype"></i>
<i class="icon-skype-circled"></i>
<i class="icon-renren"></i>
<i class="icon-sina-weibo"></i>
<i class="icon-s-paypal"></i>
<i class="icon-s-picasa"></i>
<i class="icon-s-soundcloud"></i>
<i class="icon-s-behance"></i>
<i class="icon-google-circles"></i>
<i class="icon-vkontakte"></i>
<i class="icon-smashing"></i>
<i class="icon-db-shape"></i>
<i class="icon-sweden"></i>
<i class="icon-logo-db"></i>
<i class="icon-picture"></i>
<i class="icon-picture-1"></i>
<i class="icon-globe"></i>
<i class="icon-globe-1"></i>
<i class="icon-leaf-1"></i>
<i class="icon-lemon"></i>
<i class="icon-glass"></i>
<i class="icon-gift"></i>
<i class="icon-graduation-cap"></i>
<i class="icon-mic"></i>
<i class="icon-videocam"></i>
<i class="icon-headphones"></i>
<i class="icon-palette"></i>
<i class="icon-ticket"></i>
<i class="icon-video"></i>
<i class="icon-video-1"></i>
<i class="icon-target"></i>
<i class="icon-target-1"></i>
<i class="icon-music"></i>
<i class="icon-trophy"></i>
<i class="icon-award"></i>
<i class="icon-thumbs-up"></i>
<i class="icon-thumbs-up-1"></i>
<i class="icon-thumbs-down"></i>
<i class="icon-thumbs-down-1"></i>
<i class="icon-bag"></i>
<i class="icon-user"></i>
<i class="icon-user-1"></i>
<i class="icon-users"></i>
<i class="icon-users-1"></i>
<i class="icon-lamp"></i>
<i class="icon-alert"></i>
<i class="icon-water"></i>
<i class="icon-droplet"></i>
<i class="icon-credit-card"></i>
<i class="icon-credit-card-1"></i>
<i class="icon-monitor"></i>
<i class="icon-briefcase"></i>
<i class="icon-briefcase-1"></i>
<i class="icon-floppy"></i>
<i class="icon-floppy-1"></i>
<i class="icon-cd"></i>
<i class="icon-folder"></i>
<i class="icon-folder-1"></i>
<i class="icon-folder-open"></i>
<i class="icon-doc-text"></i>
<i class="icon-doc-1"></i>
<i class="icon-calendar"></i>
<i class="icon-calendar-1"></i>
<i class="icon-chart-line"></i>
<i class="icon-chart-bar"></i>
<i class="icon-chart-bar-1"></i>
<i class="icon-clipboard"></i>
<i class="icon-pin"></i>
<i class="icon-attach"></i>
<i class="icon-attach-1"></i>
<i class="icon-bookmarks"></i>
<i class="icon-book"></i>
<i class="icon-book-1"></i>
<i class="icon-book-open"></i>
<i class="icon-phone"></i>
<i class="icon-phone-1"></i>
<i class="icon-megaphone"></i>
<i class="icon-megaphone-1"></i>
<i class="icon-upload"></i>
<i class="icon-upload-1"></i>
<i class="icon-download"></i>
<i class="icon-download-1"></i>
<i class="icon-box"></i>
<i class="icon-newspaper"></i>
<i class="icon-mobile"></i>
<i class="icon-signal"></i>
<i class="icon-signal-1"></i>
<i class="icon-camera"></i>
<i class="icon-camera-1"></i>
<i class="icon-shuffle"></i>
<i class="icon-shuffle-1"></i>
<i class="icon-loop"></i>
<i class="icon-arrows-ccw"></i>
<i class="icon-light-down"></i>
<i class="icon-light-up"></i>
<i class="icon-mute"></i>
<i class="icon-volume-off"></i>
<i class="icon-volume-down"></i>
<i class="icon-sound"></i>
<i class="icon-volume-up"></i>
<i class="icon-battery"></i>
<i class="icon-search"></i>
<i class="icon-search-1"></i>
<i class="icon-key"></i>
<i class="icon-key-1"></i>
<i class="icon-lock"></i>
<i class="icon-lock-1"></i>
<i class="icon-lock-open"></i>
<i class="icon-lock-open-1"></i>
<i class="icon-bell"></i>
<i class="icon-bell-1"></i>
<i class="icon-bookmark"></i>
<i class="icon-bookmark-1"></i>
<i class="icon-link"></i>
<i class="icon-link-1"></i>
<i class="icon-back"></i>
<i class="icon-fire"></i>
<i class="icon-flashlight"></i>
<i class="icon-wrench"></i>
<i class="icon-hammer"></i>
<i class="icon-chart-area"></i>
<i class="icon-clock"></i>
<i class="icon-clock-1"></i>
<i class="icon-rocket"></i>
<i class="icon-truck"></i>
<i class="icon-block"></i>
<i class="icon-block-1"></i>
<i class="icon-s-rss"></i>
<i class="icon-s-twitter"></i>
<i class="icon-s-facebook"></i>
<i class="icon-s-dribbble"></i>
<i class="icon-s-pinterest"></i>
<i class="icon-s-flickr"></i>
<i class="icon-s-vimeo"></i>
<i class="icon-s-youtube"></i>
<i class="icon-s-skype"></i>
<i class="icon-s-tumblr"></i>
<i class="icon-s-linkedin"></i>
<i class="icon-s-behance"></i>
<i class="icon-s-github"></i>
<i class="icon-s-delicious"></i>
<i class="icon-s-500px"></i>
<i class="icon-s-grooveshark"></i>
<i class="icon-s-forrst"></i>
<i class="icon-s-digg"></i>
<i class="icon-s-blogger"></i>
<i class="icon-s-klout"></i>
<i class="icon-s-dropbox"></i>
<i class="icon-s-songkick"></i>
<i class="icon-s-posterous"></i>
<i class="icon-s-appnet"></i>
<i class="icon-s-github"></i>
<i class="icon-s-gplus"></i>
<i class="icon-s-stumbleupon"></i>
<i class="icon-s-lastfm"></i>
<i class="icon-s-spotify"></i>
<i class="icon-s-instagram"></i>
<i class="icon-s-evernote"></i>
<i class="icon-s-paypal"></i>
<i class="icon-s-picasa"></i>
<i class="icon-s-soundcloud"></i>

© 2013 Daylite. All rights reserved. Theme by elemis.