You can find a list of font icons that come with Rufio. 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 Seabird. All rights reserved. Theme by elemis.