{"id":499,"date":"2013-04-06T12:50:25","date_gmt":"2013-04-06T12:50:25","guid":{"rendered":"http:\/\/themes.oxygenna.com\/smartbox\/?page_id=499"},"modified":"2013-04-06T12:50:25","modified_gmt":"2013-04-06T12:50:25","slug":"icons","status":"publish","type":"page","link":"https:\/\/superiorcarbon.com\/en\/icons\/","title":{"rendered":"Icons"},"content":{"rendered":"<section class=\"section section-padded \"><div class=\"container-fluid\"><div class=\"section-header\"><h1>Examples<\/h1><\/div><div class=\"row-fluid\">\n<div class=\"row-fluid\">\n<div class=\"span4\">\n<h4><i class=\"icon-flag icon-large\"><\/i>&nbsp; One font, 249 icons<\/h4>\n<p>In a single collection, Font Awesome is a pictographic language of web-related actions.<br \/>\n<\/div>\n<div class=\"span4\">\n<h4><i class=\"icon-pencil icon-large\"><\/i>&nbsp; CSS control<\/h4>\n<p>Easily style icon color, size, shadow, and anything that&#8217;s possible with CSS.<br \/>\n<\/div>\n<div class=\"span4\">\n<h4><i class=\"icon-fullscreen icon-large\"><\/i>&nbsp; Infinite scalability<\/h4>\n<p>Scalable vector graphics means every icon looks awesome at any size.<br \/>\n<\/div>\n<\/div>\n<hr>\n<div class=\"row-fluid\">\n<div class=\"span4\">\n<h4><i class=\"icon-beer icon-large\"><\/i>&nbsp; Free as a beer<\/h4>\n<p>Font Awesome is completely free for commercial use. Check out the <a href=\"http:\/\/bootstrap.oxygenna.com\/smartbox\/icons.html#license\" target=\"_blank\">license<\/a><br \/>\n<\/div>\n<div class=\"span4\">\n<h4><i class=\"icon-ok icon-large\"><\/i>&nbsp; IE7 support<\/h4>\n<p>Font Awesome supports IE7. If you need it, you have my condolences.<br \/>\n<\/div>\n<div class=\"span4\">\n<h4><i class=\"icon-eye icon-large\"><\/i>&nbsp; Perfect on retina displays<\/h4>\n<p>Font Awesome icons are vectors, which mean they&#8217;re gorgeous on high-resolution displays.<br \/>\n<\/div>\n<\/div>\n<hr>\n<div class=\"row-fluid\">\n<div class=\"span4\">\n<h4><i class=\"icon-thumbs-up icon-large\"><\/i>&nbsp; Made for twitter bootstrap<\/h4>\n<p>Designed from scratch to be fully compatible with Twitter Bootstrap 2.2.2.<br \/>\n<\/div>\n<div class=\"span4\">\n<h4><i class=\"icon-tint icon-large\"><\/i>&nbsp; Designer friendly<\/h4>\n<p>Install FontAwesome.otf and visit the copy &#038; paste page. Happy designing.<br \/>\n<\/div>\n<div class=\"span4\">\n<h4><i class=\"icon-search icon-large\"><\/i>&nbsp; Screen reader compatible<\/h4>\n<p>Font Awesome won&#8217;t trip up screen readers, unlike other icon fonts.<br \/>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n<section class=\"section section-padded section-alt \"><div class=\"container-fluid\"><div class=\"section-header\"><h1>icons<\/h1><\/div><div class=\"row-fluid\">\n<div class=\"row-fluid\">\n<div class=\"span3\">\n<ul class=\"icons\">\n<li><i class=\"icon-adjust\"><\/i>icon-adjust\n          <\/li>\n<li><i class=\"icon-asterisk\"><\/i>icon-asterisk\n          <\/li>\n<li><i class=\"icon-ban-circle\"><\/i>icon-ban-circle\n          <\/li>\n<li><i class=\"icon-bar-chart\"><\/i>icon-bar-chart\n          <\/li>\n<li><i class=\"icon-barcode\"><\/i>icon-barcode\n          <\/li>\n<li><i class=\"icon-beaker\"><\/i>icon-beaker\n          <\/li>\n<li><i class=\"icon-beer\"><\/i>icon-beer\n          <\/li>\n<li><i class=\"icon-bell\"><\/i>icon-bell\n          <\/li>\n<li><i class=\"icon-bell-alt\"><\/i>icon-bell-alt\n          <\/li>\n<li><i class=\"icon-bolt\"><\/i>icon-bolt\n          <\/li>\n<li><i class=\"icon-book\"><\/i>icon-book\n          <\/li>\n<li><i class=\"icon-bookmark\"><\/i>icon-bookmark\n          <\/li>\n<li><i class=\"icon-bookmark-empty\"><\/i>icon-bookmark-empty\n          <\/li>\n<li><i class=\"icon-briefcase\"><\/i>icon-briefcase\n          <\/li>\n<li><i class=\"icon-bullhorn\"><\/i>icon-bullhorn\n          <\/li>\n<li><i class=\"icon-calendar\"><\/i>icon-calendar\n          <\/li>\n<li><i class=\"icon-camera\"><\/i>icon-camera\n          <\/li>\n<li><i class=\"icon-camera-retro\"><\/i>icon-camera-retro\n          <\/li>\n<li><i class=\"icon-certificate\"><\/i>icon-certificate\n          <\/li>\n<li><i class=\"icon-check\"><\/i>icon-check\n          <\/li>\n<li><i class=\"icon-check-empty\"><\/i>icon-check-empty\n          <\/li>\n<li><i class=\"icon-circle\"><\/i>icon-circle\n          <\/li>\n<li><i class=\"icon-circle-blank\"><\/i>icon-circle-blank\n          <\/li>\n<li><i class=\"icon-cloud\"><\/i>icon-cloud\n          <\/li>\n<li><i class=\"icon-cloud-download\"><\/i>icon-cloud-download\n          <\/li>\n<li><i class=\"icon-cloud-upload\"><\/i>icon-cloud-upload\n          <\/li>\n<li><i class=\"icon-coffee\"><\/i>icon-coffee\n          <\/li>\n<li><i class=\"icon-cog\"><\/i>icon-cog\n          <\/li>\n<li><i class=\"icon-cogs\"><\/i>icon-cogs\n          <\/li>\n<li><i class=\"icon-comment\"><\/i>icon-comment\n          <\/li>\n<li><i class=\"icon-comment-alt\"><\/i>icon-comment-alt\n          <\/li>\n<li><i class=\"icon-comments\"><\/i>icon-comments\n          <\/li>\n<li><i class=\"icon-comments-alt\"><\/i>icon-comments-alt\n          <\/li>\n<li><i class=\"icon-credit-card\"><\/i>icon-credit-card\n          <\/li>\n<li><i class=\"icon-dashboard\"><\/i>icon-dashboard\n          <\/li>\n<li><i class=\"icon-desktop\"><\/i>icon-desktop\n          <\/li>\n<li><i class=\"icon-download\"><\/i>icon-download\n          <\/li>\n<li><i class=\"icon-download-alt\"><\/i>icon-download-alt\n          <\/li>\n<\/ul><\/div>\n<div class=\"span3\">\n<ul class=\"icons\">\n<li><i class=\"icon-edit\"><\/i>icon-edit\n          <\/li>\n<li><i class=\"icon-envelope\"><\/i>icon-envelope\n          <\/li>\n<li><i class=\"icon-envelope-alt\"><\/i>icon-envelope-alt\n          <\/li>\n<li><i class=\"icon-exchange\"><\/i>icon-exchange\n          <\/li>\n<li><i class=\"icon-exclamation-sign\"><\/i>icon-exclamation-sign\n          <\/li>\n<li><i class=\"icon-external-link\"><\/i>icon-external-link\n          <\/li>\n<li><i class=\"icon-eye-close\"><\/i>icon-eye-close\n          <\/li>\n<li><i class=\"icon-eye-open\"><\/i>icon-eye-open\n          <\/li>\n<li><i class=\"icon-facetime-video\"><\/i>icon-facetime-video\n          <\/li>\n<li><i class=\"icon-fighter-jet\"><\/i>icon-fighter-jet\n          <\/li>\n<li><i class=\"icon-film\"><\/i>icon-film\n          <\/li>\n<li><i class=\"icon-filter\"><\/i>icon-filter\n          <\/li>\n<li><i class=\"icon-fire\"><\/i>icon-fire\n          <\/li>\n<li><i class=\"icon-flag\"><\/i>icon-flag\n          <\/li>\n<li><i class=\"icon-folder-close\"><\/i>icon-folder-close\n          <\/li>\n<li><i class=\"icon-folder-open\"><\/i>icon-folder-open\n          <\/li>\n<li><i class=\"icon-folder-close-alt\"><\/i>icon-folder-close-alt\n          <\/li>\n<li><i class=\"icon-folder-open-alt\"><\/i>icon-folder-open-alt\n          <\/li>\n<li><i class=\"icon-food\"><\/i>icon-food\n          <\/li>\n<li><i class=\"icon-gift\"><\/i>icon-gift\n          <\/li>\n<li><i class=\"icon-glass\"><\/i>icon-glass\n          <\/li>\n<li><i class=\"icon-globe\"><\/i>icon-globe\n          <\/li>\n<li><i class=\"icon-group\"><\/i>icon-group\n          <\/li>\n<li><i class=\"icon-hdd\"><\/i>icon-hdd\n          <\/li>\n<li><i class=\"icon-headphones\"><\/i>icon-headphones\n          <\/li>\n<li><i class=\"icon-heart\"><\/i>icon-heart\n          <\/li>\n<li><i class=\"icon-heart-empty\"><\/i>icon-heart-empty\n          <\/li>\n<li><i class=\"icon-home\"><\/i>icon-home\n          <\/li>\n<li><i class=\"icon-inbox\"><\/i>icon-inbox\n          <\/li>\n<li><i class=\"icon-info-sign\"><\/i>icon-info-sign\n          <\/li>\n<li><i class=\"icon-key\"><\/i>icon-key\n          <\/li>\n<li><i class=\"icon-leaf\"><\/i>icon-leaf\n          <\/li>\n<li><i class=\"icon-laptop\"><\/i>icon-laptop\n          <\/li>\n<li><i class=\"icon-legal\"><\/i>icon-legal\n          <\/li>\n<li><i class=\"icon-lemon\"><\/i>icon-lemon\n          <\/li>\n<li><i class=\"icon-lightbulb\"><\/i>icon-lightbulb\n          <\/li>\n<li><i class=\"icon-lock\"><\/i>icon-lock\n          <\/li>\n<li><i class=\"icon-unlock\"><\/i>icon-unlock\n          <\/li>\n<\/ul><\/div>\n<div class=\"span3\">\n<ul class=\"icons\">\n<li><i class=\"icon-magic\"><\/i>icon-magic\n          <\/li>\n<li><i class=\"icon-magnet\"><\/i>icon-magnet\n          <\/li>\n<li><i class=\"icon-map-marker\"><\/i>icon-map-marker\n          <\/li>\n<li><i class=\"icon-minus\"><\/i>icon-minus\n          <\/li>\n<li><i class=\"icon-minus-sign\"><\/i>icon-minus-sign\n          <\/li>\n<li><i class=\"icon-mobile-phone\"><\/i>icon-mobile-phone\n          <\/li>\n<li><i class=\"icon-money\"><\/i>icon-money\n          <\/li>\n<li><i class=\"icon-move\"><\/i>icon-move\n          <\/li>\n<li><i class=\"icon-music\"><\/i>icon-music\n          <\/li>\n<li><i class=\"icon-off\"><\/i>icon-off\n          <\/li>\n<li><i class=\"icon-ok\"><\/i>icon-ok\n          <\/li>\n<li><i class=\"icon-ok-circle\"><\/i>icon-ok-circle\n          <\/li>\n<li><i class=\"icon-ok-sign\"><\/i>icon-ok-sign\n          <\/li>\n<li><i class=\"icon-pencil\"><\/i>icon-pencil\n          <\/li>\n<li><i class=\"icon-picture\"><\/i>icon-picture\n          <\/li>\n<li><i class=\"icon-plane\"><\/i>icon-plane\n          <\/li>\n<li><i class=\"icon-plus\"><\/i>icon-plus\n          <\/li>\n<li><i class=\"icon-plus-sign\"><\/i>icon-plus-sign\n          <\/li>\n<li><i class=\"icon-print\"><\/i>icon-print\n          <\/li>\n<li><i class=\"icon-pushpin\"><\/i>icon-pushpin\n          <\/li>\n<li><i class=\"icon-qrcode\"><\/i>icon-qrcode\n          <\/li>\n<li><i class=\"icon-question-sign\"><\/i>icon-question-sign\n          <\/li>\n<li><i class=\"icon-quote-left\"><\/i>icon-quote-left\n          <\/li>\n<li><i class=\"icon-quote-right\"><\/i>icon-quote-right\n          <\/li>\n<li><i class=\"icon-random\"><\/i>icon-random\n          <\/li>\n<li><i class=\"icon-refresh\"><\/i>icon-refresh\n          <\/li>\n<li><i class=\"icon-remove\"><\/i>icon-remove\n          <\/li>\n<li><i class=\"icon-remove-circle\"><\/i>icon-remove-circle\n          <\/li>\n<li><i class=\"icon-remove-sign\"><\/i>icon-remove-sign\n          <\/li>\n<li><i class=\"icon-reorder\"><\/i>icon-reorder\n          <\/li>\n<li><i class=\"icon-reply\"><\/i>icon-reply\n          <\/li>\n<li><i class=\"icon-resize-horizontal\"><\/i>icon-resize-horizontal\n          <\/li>\n<li><i class=\"icon-resize-vertical\"><\/i>icon-resize-vertical\n          <\/li>\n<li><i class=\"icon-retweet\"><\/i>icon-retweet\n          <\/li>\n<li><i class=\"icon-road\"><\/i>icon-road\n          <\/li>\n<li><i class=\"icon-rss\"><\/i>icon-rss\n          <\/li>\n<li><i class=\"icon-screenshot\"><\/i>icon-screenshot\n          <\/li>\n<li><i class=\"icon-search\"><\/i>icon-search\n          <\/li>\n<\/ul><\/div>\n<div class=\"span3\">\n<ul class=\"icons\">\n<li><i class=\"icon-share\"><\/i>icon-share\n          <\/li>\n<li><i class=\"icon-share-alt\"><\/i>icon-share-alt\n          <\/li>\n<li><i class=\"icon-shopping-cart\"><\/i>icon-shopping-cart\n          <\/li>\n<li><i class=\"icon-signal\"><\/i>icon-signal\n          <\/li>\n<li><i class=\"icon-signin\"><\/i>icon-signin\n          <\/li>\n<li><i class=\"icon-signout\"><\/i>icon-signout\n          <\/li>\n<li><i class=\"icon-sitemap\"><\/i>icon-sitemap\n          <\/li>\n<li><i class=\"icon-sort\"><\/i>icon-sort\n          <\/li>\n<li><i class=\"icon-sort-down\"><\/i>icon-sort-down\n          <\/li>\n<li><i class=\"icon-sort-up\"><\/i>icon-sort-up\n          <\/li>\n<li><i class=\"icon-spinner\"><\/i>icon-spinner\n          <\/li>\n<li><i class=\"icon-star\"><\/i>icon-star\n          <\/li>\n<li><i class=\"icon-star-empty\"><\/i>icon-star-empty\n          <\/li>\n<li><i class=\"icon-star-half\"><\/i>icon-star-half\n          <\/li>\n<li><i class=\"icon-tablet\"><\/i>icon-tablet\n          <\/li>\n<li><i class=\"icon-tag\"><\/i>icon-tag\n          <\/li>\n<li><i class=\"icon-tags\"><\/i>icon-tags\n          <\/li>\n<li><i class=\"icon-tasks\"><\/i>icon-tasks\n          <\/li>\n<li><i class=\"icon-thumbs-down\"><\/i>icon-thumbs-down\n          <\/li>\n<li><i class=\"icon-thumbs-up\"><\/i>icon-thumbs-up\n          <\/li>\n<li><i class=\"icon-time\"><\/i>icon-time\n          <\/li>\n<li><i class=\"icon-tint\"><\/i>icon-tint\n          <\/li>\n<li><i class=\"icon-trash\"><\/i>icon-trash\n          <\/li>\n<li><i class=\"icon-trophy\"><\/i>icon-trophy\n          <\/li>\n<li><i class=\"icon-truck\"><\/i>icon-truck\n          <\/li>\n<li><i class=\"icon-umbrella\"><\/i>icon-umbrella\n          <\/li>\n<li><i class=\"icon-upload\"><\/i>icon-upload\n          <\/li>\n<li><i class=\"icon-upload-alt\"><\/i>icon-upload-alt\n          <\/li>\n<li><i class=\"icon-user\"><\/i>icon-user\n          <\/li>\n<li><i class=\"icon-user-md\"><\/i>icon-user-md\n          <\/li>\n<li><i class=\"icon-volume-off\"><\/i>icon-volume-off\n          <\/li>\n<li><i class=\"icon-volume-down\"><\/i>icon-volume-down\n          <\/li>\n<li><i class=\"icon-volume-up\"><\/i>icon-volume-up\n          <\/li>\n<li><i class=\"icon-warning-sign\"><\/i>icon-warning-sign\n          <\/li>\n<li><i class=\"icon-wrench\"><\/i>icon-wrench\n          <\/li>\n<li><i class=\"icon-zoom-in\"><\/i>icon-zoom-in\n          <\/li>\n<li><i class=\"icon-zoom-out\"><\/i>icon-zoom-out\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template-full-nopad.php","meta":[],"_links":{"self":[{"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/pages\/499"}],"collection":[{"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":0,"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/pages\/499\/revisions"}],"wp:attachment":[{"href":"https:\/\/superiorcarbon.com\/en\/wp-json\/wp\/v2\/media?parent=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}