%!s(int64=8) %!d(string=hai) anos · 5875649410
--- a/3.2.1/get-started/index.html
+++ b/3.2.1/get-started/index.html
@@ -250,7 +250,7 @@
 
				   </ol>
			
 
				 </section>
			
 
				 
			
 
				-<section class="need-ie7">
			
 
				+<section id="need-ie7">
			
 
				   <h2 class="page-header">Need IE7 Support?</h2>
			
 
				   <p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
			
 
				   <ol>
			
--- a/Makefile
+++ b/Makefile
@@ -28,7 +28,7 @@ build:
 
				 	bundle exec lessc --compress ${SITE_LESS} > ${SITE_CSS}
			
 
				 	cp -r ${FA_ROOT_DIRECTORY}/* ../
			
 
				 	mv README.md-nobuild ../README.md
			
 
				-	cd assets && mv font-awesome font-awesome-4.6.3 && zip -r9 font-awesome-4.6.3.zip font-awesome-4.6.3 && mv font-awesome-4.6.3 font-awesome
			
 
				+	cd assets && mv font-awesome font-awesome-4.7.0 && zip -r9 font-awesome-4.7.0.zip font-awesome-4.7.0 && mv font-awesome-4.7.0 font-awesome
			
 
				 
			
 
				 	find .. -type f ! -perm 644 -exec chmod 644 {} \;
			
 
				 
			
--- a/accessibility/index.html
+++ b/accessibility/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome v-accessibility">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg active"><a href="../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../community/">Community</a></li>
			
 
				         <li><a href="../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -387,11 +378,10 @@
 
				 
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -404,7 +394,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -426,6 +416,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -438,6 +452,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../assets/js/site.js"></script>
			
 
				   <script src="../assets/js/search.js"></script>
			
 
				+  <script src="../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/assets/css/site.css
+++ b/assets/css/site.css
--- a/assets/font-awesome-4.6.3.zip
+++ b/assets/font-awesome-4.6.3.zip
--- a/assets/font-awesome-4.7.0.zip
+++ b/assets/font-awesome-4.7.0.zip
--- a/assets/font-awesome/css/font-awesome.css
+++ b/assets/font-awesome/css/font-awesome.css
@@ -1,13 +1,13 @@
 
				 /*!
			
 
				- *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
			
 
				+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
			
 
				  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
			
 
				  */
			
 
				 /* FONT PATH
			
 
				  * -------------------------- */
			
 
				 @font-face {
			
 
				   font-family: 'FontAwesome';
			
 
				-  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
			
 
				-  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
			
 
				+  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
			
 
				+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
			
 
				   font-weight: normal;
			
 
				   font-style: normal;
			
 
				 }
			
@@ -1832,6 +1832,7 @@
 
				   content: "\f23e";
			
 
				 }
			
 
				 .fa-battery-4:before,
			
 
				+.fa-battery:before,
			
 
				 .fa-battery-full:before {
			
 
				   content: "\f240";
			
 
				 }
			
@@ -2178,6 +2179,143 @@
 
				 .fa-font-awesome:before {
			
 
				   content: "\f2b4";
			
 
				 }
			
 
				+.fa-handshake-o:before {
			
 
				+  content: "\f2b5";
			
 
				+}
			
 
				+.fa-envelope-open:before {
			
 
				+  content: "\f2b6";
			
 
				+}
			
 
				+.fa-envelope-open-o:before {
			
 
				+  content: "\f2b7";
			
 
				+}
			
 
				+.fa-linode:before {
			
 
				+  content: "\f2b8";
			
 
				+}
			
 
				+.fa-address-book:before {
			
 
				+  content: "\f2b9";
			
 
				+}
			
 
				+.fa-address-book-o:before {
			
 
				+  content: "\f2ba";
			
 
				+}
			
 
				+.fa-vcard:before,
			
 
				+.fa-address-card:before {
			
 
				+  content: "\f2bb";
			
 
				+}
			
 
				+.fa-vcard-o:before,
			
 
				+.fa-address-card-o:before {
			
 
				+  content: "\f2bc";
			
 
				+}
			
 
				+.fa-user-circle:before {
			
 
				+  content: "\f2bd";
			
 
				+}
			
 
				+.fa-user-circle-o:before {
			
 
				+  content: "\f2be";
			
 
				+}
			
 
				+.fa-user-o:before {
			
 
				+  content: "\f2c0";
			
 
				+}
			
 
				+.fa-id-badge:before {
			
 
				+  content: "\f2c1";
			
 
				+}
			
 
				+.fa-drivers-license:before,
			
 
				+.fa-id-card:before {
			
 
				+  content: "\f2c2";
			
 
				+}
			
 
				+.fa-drivers-license-o:before,
			
 
				+.fa-id-card-o:before {
			
 
				+  content: "\f2c3";
			
 
				+}
			
 
				+.fa-quora:before {
			
 
				+  content: "\f2c4";
			
 
				+}
			
 
				+.fa-free-code-camp:before {
			
 
				+  content: "\f2c5";
			
 
				+}
			
 
				+.fa-telegram:before {
			
 
				+  content: "\f2c6";
			
 
				+}
			
 
				+.fa-thermometer-4:before,
			
 
				+.fa-thermometer:before,
			
 
				+.fa-thermometer-full:before {
			
 
				+  content: "\f2c7";
			
 
				+}
			
 
				+.fa-thermometer-3:before,
			
 
				+.fa-thermometer-three-quarters:before {
			
 
				+  content: "\f2c8";
			
 
				+}
			
 
				+.fa-thermometer-2:before,
			
 
				+.fa-thermometer-half:before {
			
 
				+  content: "\f2c9";
			
 
				+}
			
 
				+.fa-thermometer-1:before,
			
 
				+.fa-thermometer-quarter:before {
			
 
				+  content: "\f2ca";
			
 
				+}
			
 
				+.fa-thermometer-0:before,
			
 
				+.fa-thermometer-empty:before {
			
 
				+  content: "\f2cb";
			
 
				+}
			
 
				+.fa-shower:before {
			
 
				+  content: "\f2cc";
			
 
				+}
			
 
				+.fa-bathtub:before,
			
 
				+.fa-s15:before,
			
 
				+.fa-bath:before {
			
 
				+  content: "\f2cd";
			
 
				+}
			
 
				+.fa-podcast:before {
			
 
				+  content: "\f2ce";
			
 
				+}
			
 
				+.fa-window-maximize:before {
			
 
				+  content: "\f2d0";
			
 
				+}
			
 
				+.fa-window-minimize:before {
			
 
				+  content: "\f2d1";
			
 
				+}
			
 
				+.fa-window-restore:before {
			
 
				+  content: "\f2d2";
			
 
				+}
			
 
				+.fa-times-rectangle:before,
			
 
				+.fa-window-close:before {
			
 
				+  content: "\f2d3";
			
 
				+}
			
 
				+.fa-times-rectangle-o:before,
			
 
				+.fa-window-close-o:before {
			
 
				+  content: "\f2d4";
			
 
				+}
			
 
				+.fa-bandcamp:before {
			
 
				+  content: "\f2d5";
			
 
				+}
			
 
				+.fa-grav:before {
			
 
				+  content: "\f2d6";
			
 
				+}
			
 
				+.fa-etsy:before {
			
 
				+  content: "\f2d7";
			
 
				+}
			
 
				+.fa-imdb:before {
			
 
				+  content: "\f2d8";
			
 
				+}
			
 
				+.fa-ravelry:before {
			
 
				+  content: "\f2d9";
			
 
				+}
			
 
				+.fa-eercast:before {
			
 
				+  content: "\f2da";
			
 
				+}
			
 
				+.fa-microchip:before {
			
 
				+  content: "\f2db";
			
 
				+}
			
 
				+.fa-snowflake-o:before {
			
 
				+  content: "\f2dc";
			
 
				+}
			
 
				+.fa-superpowers:before {
			
 
				+  content: "\f2dd";
			
 
				+}
			
 
				+.fa-wpexplorer:before {
			
 
				+  content: "\f2de";
			
 
				+}
			
 
				+.fa-meetup:before {
			
 
				+  content: "\f2e0";
			
 
				+}
			
 
				 .sr-only {
			
 
				   position: absolute;
			
 
				   width: 1px;
			
--- a/assets/font-awesome/css/font-awesome.min.css
+++ b/assets/font-awesome/css/font-awesome.min.css
--- a/assets/font-awesome/fonts/FontAwesome.otf
+++ b/assets/font-awesome/fonts/FontAwesome.otf
--- a/assets/font-awesome/fonts/fontawesome-webfont.eot
+++ b/assets/font-awesome/fonts/fontawesome-webfont.eot
--- a/assets/font-awesome/fonts/fontawesome-webfont.svg
+++ b/assets/font-awesome/fonts/fontawesome-webfont.svg
--- a/assets/font-awesome/fonts/fontawesome-webfont.ttf
+++ b/assets/font-awesome/fonts/fontawesome-webfont.ttf
--- a/assets/font-awesome/fonts/fontawesome-webfont.woff
+++ b/assets/font-awesome/fonts/fontawesome-webfont.woff
--- a/assets/font-awesome/fonts/fontawesome-webfont.woff2
+++ b/assets/font-awesome/fonts/fontawesome-webfont.woff2
--- a/assets/font-awesome/less/font-awesome.less
+++ b/assets/font-awesome/less/font-awesome.less
@@ -1,5 +1,5 @@
 
				 /*!
			
 
				- *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
			
 
				+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
			
 
				  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
			
 
				  */
			
 
				 
			
--- a/assets/font-awesome/less/icons.less
+++ b/assets/font-awesome/less/icons.less
@@ -605,6 +605,7 @@
 
				 .@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; }
			
 
				 .@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; }
			
 
				 .@{fa-css-prefix}-battery-4:before,
			
 
				+.@{fa-css-prefix}-battery:before,
			
 
				 .@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; }
			
 
				 .@{fa-css-prefix}-battery-3:before,
			
 
				 .@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; }
			
@@ -731,3 +732,58 @@
 
				 .@{fa-css-prefix}-google-plus-official:before { content: @fa-var-google-plus-official; }
			
 
				 .@{fa-css-prefix}-fa:before,
			
 
				 .@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; }
			
 
				+.@{fa-css-prefix}-handshake-o:before { content: @fa-var-handshake-o; }
			
 
				+.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; }
			
 
				+.@{fa-css-prefix}-envelope-open-o:before { content: @fa-var-envelope-open-o; }
			
 
				+.@{fa-css-prefix}-linode:before { content: @fa-var-linode; }
			
 
				+.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; }
			
 
				+.@{fa-css-prefix}-address-book-o:before { content: @fa-var-address-book-o; }
			
 
				+.@{fa-css-prefix}-vcard:before,
			
 
				+.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; }
			
 
				+.@{fa-css-prefix}-vcard-o:before,
			
 
				+.@{fa-css-prefix}-address-card-o:before { content: @fa-var-address-card-o; }
			
 
				+.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; }
			
 
				+.@{fa-css-prefix}-user-circle-o:before { content: @fa-var-user-circle-o; }
			
 
				+.@{fa-css-prefix}-user-o:before { content: @fa-var-user-o; }
			
 
				+.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; }
			
 
				+.@{fa-css-prefix}-drivers-license:before,
			
 
				+.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; }
			
 
				+.@{fa-css-prefix}-drivers-license-o:before,
			
 
				+.@{fa-css-prefix}-id-card-o:before { content: @fa-var-id-card-o; }
			
 
				+.@{fa-css-prefix}-quora:before { content: @fa-var-quora; }
			
 
				+.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; }
			
 
				+.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; }
			
 
				+.@{fa-css-prefix}-thermometer-4:before,
			
 
				+.@{fa-css-prefix}-thermometer:before,
			
 
				+.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; }
			
 
				+.@{fa-css-prefix}-thermometer-3:before,
			
 
				+.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; }
			
 
				+.@{fa-css-prefix}-thermometer-2:before,
			
 
				+.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; }
			
 
				+.@{fa-css-prefix}-thermometer-1:before,
			
 
				+.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; }
			
 
				+.@{fa-css-prefix}-thermometer-0:before,
			
 
				+.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; }
			
 
				+.@{fa-css-prefix}-shower:before { content: @fa-var-shower; }
			
 
				+.@{fa-css-prefix}-bathtub:before,
			
 
				+.@{fa-css-prefix}-s15:before,
			
 
				+.@{fa-css-prefix}-bath:before { content: @fa-var-bath; }
			
 
				+.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; }
			
 
				+.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; }
			
 
				+.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; }
			
 
				+.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; }
			
 
				+.@{fa-css-prefix}-times-rectangle:before,
			
 
				+.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; }
			
 
				+.@{fa-css-prefix}-times-rectangle-o:before,
			
 
				+.@{fa-css-prefix}-window-close-o:before { content: @fa-var-window-close-o; }
			
 
				+.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; }
			
 
				+.@{fa-css-prefix}-grav:before { content: @fa-var-grav; }
			
 
				+.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; }
			
 
				+.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; }
			
 
				+.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; }
			
 
				+.@{fa-css-prefix}-eercast:before { content: @fa-var-eercast; }
			
 
				+.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; }
			
 
				+.@{fa-css-prefix}-snowflake-o:before { content: @fa-var-snowflake-o; }
			
 
				+.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; }
			
 
				+.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; }
			
 
				+.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; }
			
--- a/assets/font-awesome/less/variables.less
+++ b/assets/font-awesome/less/variables.less
@@ -4,14 +4,18 @@
 
				 @fa-font-path:        "../fonts";
			
 
				 @fa-font-size-base:   14px;
			
 
				 @fa-line-height-base: 1;
			
 
				-//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.6.3/fonts"; // for referencing Bootstrap CDN font files directly
			
 
				+//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"; // for referencing Bootstrap CDN font files directly
			
 
				 @fa-css-prefix:       fa;
			
 
				-@fa-version:          "4.6.3";
			
 
				+@fa-version:          "4.7.0";
			
 
				 @fa-border-color:     #eee;
			
 
				 @fa-inverse:          #fff;
			
 
				 @fa-li-width:         (30em / 14);
			
 
				 
			
 
				 @fa-var-500px: "\f26e";
			
 
				+@fa-var-address-book: "\f2b9";
			
 
				+@fa-var-address-book-o: "\f2ba";
			
 
				+@fa-var-address-card: "\f2bb";
			
 
				+@fa-var-address-card-o: "\f2bc";
			
 
				 @fa-var-adjust: "\f042";
			
 
				 @fa-var-adn: "\f170";
			
 
				 @fa-var-align-center: "\f037";
			
@@ -60,11 +64,15 @@
 
				 @fa-var-backward: "\f04a";
			
 
				 @fa-var-balance-scale: "\f24e";
			
 
				 @fa-var-ban: "\f05e";
			
 
				+@fa-var-bandcamp: "\f2d5";
			
 
				 @fa-var-bank: "\f19c";
			
 
				 @fa-var-bar-chart: "\f080";
			
 
				 @fa-var-bar-chart-o: "\f080";
			
 
				 @fa-var-barcode: "\f02a";
			
 
				 @fa-var-bars: "\f0c9";
			
 
				+@fa-var-bath: "\f2cd";
			
 
				+@fa-var-bathtub: "\f2cd";
			
 
				+@fa-var-battery: "\f240";
			
 
				 @fa-var-battery-0: "\f244";
			
 
				 @fa-var-battery-1: "\f243";
			
 
				 @fa-var-battery-2: "\f242";
			
@@ -214,19 +222,25 @@
 
				 @fa-var-dot-circle-o: "\f192";
			
 
				 @fa-var-download: "\f019";
			
 
				 @fa-var-dribbble: "\f17d";
			
 
				+@fa-var-drivers-license: "\f2c2";
			
 
				+@fa-var-drivers-license-o: "\f2c3";
			
 
				 @fa-var-dropbox: "\f16b";
			
 
				 @fa-var-drupal: "\f1a9";
			
 
				 @fa-var-edge: "\f282";
			
 
				 @fa-var-edit: "\f044";
			
 
				+@fa-var-eercast: "\f2da";
			
 
				 @fa-var-eject: "\f052";
			
 
				 @fa-var-ellipsis-h: "\f141";
			
 
				 @fa-var-ellipsis-v: "\f142";
			
 
				 @fa-var-empire: "\f1d1";
			
 
				 @fa-var-envelope: "\f0e0";
			
 
				 @fa-var-envelope-o: "\f003";
			
 
				+@fa-var-envelope-open: "\f2b6";
			
 
				+@fa-var-envelope-open-o: "\f2b7";
			
 
				 @fa-var-envelope-square: "\f199";
			
 
				 @fa-var-envira: "\f299";
			
 
				 @fa-var-eraser: "\f12d";
			
 
				+@fa-var-etsy: "\f2d7";
			
 
				 @fa-var-eur: "\f153";
			
 
				 @fa-var-euro: "\f153";
			
 
				 @fa-var-exchange: "\f0ec";
			
@@ -294,6 +308,7 @@
 
				 @fa-var-forumbee: "\f211";
			
 
				 @fa-var-forward: "\f04e";
			
 
				 @fa-var-foursquare: "\f180";
			
 
				+@fa-var-free-code-camp: "\f2c5";
			
 
				 @fa-var-frown-o: "\f119";
			
 
				 @fa-var-futbol-o: "\f1e3";
			
 
				 @fa-var-gamepad: "\f11b";
			
@@ -326,6 +341,7 @@
 
				 @fa-var-google-wallet: "\f1ee";
			
 
				 @fa-var-graduation-cap: "\f19d";
			
 
				 @fa-var-gratipay: "\f184";
			
 
				+@fa-var-grav: "\f2d6";
			
 
				 @fa-var-group: "\f0c0";
			
 
				 @fa-var-h-square: "\f0fd";
			
 
				 @fa-var-hacker-news: "\f1d4";
			
@@ -342,6 +358,7 @@
 
				 @fa-var-hand-scissors-o: "\f257";
			
 
				 @fa-var-hand-spock-o: "\f259";
			
 
				 @fa-var-hand-stop-o: "\f256";
			
 
				+@fa-var-handshake-o: "\f2b5";
			
 
				 @fa-var-hard-of-hearing: "\f2a4";
			
 
				 @fa-var-hashtag: "\f292";
			
 
				 @fa-var-hdd-o: "\f0a0";
			
@@ -365,8 +382,12 @@
 
				 @fa-var-houzz: "\f27c";
			
 
				 @fa-var-html5: "\f13b";
			
 
				 @fa-var-i-cursor: "\f246";
			
 
				+@fa-var-id-badge: "\f2c1";
			
 
				+@fa-var-id-card: "\f2c2";
			
 
				+@fa-var-id-card-o: "\f2c3";
			
 
				 @fa-var-ils: "\f20b";
			
 
				 @fa-var-image: "\f03e";
			
 
				+@fa-var-imdb: "\f2d8";
			
 
				 @fa-var-inbox: "\f01c";
			
 
				 @fa-var-indent: "\f03c";
			
 
				 @fa-var-industry: "\f275";
			
@@ -404,6 +425,7 @@
 
				 @fa-var-link: "\f0c1";
			
 
				 @fa-var-linkedin: "\f0e1";
			
 
				 @fa-var-linkedin-square: "\f08c";
			
 
				+@fa-var-linode: "\f2b8";
			
 
				 @fa-var-linux: "\f17c";
			
 
				 @fa-var-list: "\f03a";
			
 
				 @fa-var-list-alt: "\f022";
			
@@ -436,8 +458,10 @@
 
				 @fa-var-meanpath: "\f20c";
			
 
				 @fa-var-medium: "\f23a";
			
 
				 @fa-var-medkit: "\f0fa";
			
 
				+@fa-var-meetup: "\f2e0";
			
 
				 @fa-var-meh-o: "\f11a";
			
 
				 @fa-var-mercury: "\f223";
			
 
				+@fa-var-microchip: "\f2db";
			
 
				 @fa-var-microphone: "\f130";
			
 
				 @fa-var-microphone-slash: "\f131";
			
 
				 @fa-var-minus: "\f068";
			
@@ -502,6 +526,7 @@
 
				 @fa-var-plus-circle: "\f055";
			
 
				 @fa-var-plus-square: "\f0fe";
			
 
				 @fa-var-plus-square-o: "\f196";
			
 
				+@fa-var-podcast: "\f2ce";
			
 
				 @fa-var-power-off: "\f011";
			
 
				 @fa-var-print: "\f02f";
			
 
				 @fa-var-product-hunt: "\f288";
			
@@ -511,10 +536,12 @@
 
				 @fa-var-question: "\f128";
			
 
				 @fa-var-question-circle: "\f059";
			
 
				 @fa-var-question-circle-o: "\f29c";
			
 
				+@fa-var-quora: "\f2c4";
			
 
				 @fa-var-quote-left: "\f10d";
			
 
				 @fa-var-quote-right: "\f10e";
			
 
				 @fa-var-ra: "\f1d0";
			
 
				 @fa-var-random: "\f074";
			
 
				+@fa-var-ravelry: "\f2d9";
			
 
				 @fa-var-rebel: "\f1d0";
			
 
				 @fa-var-recycle: "\f1b8";
			
 
				 @fa-var-reddit: "\f1a1";
			
@@ -541,6 +568,7 @@
 
				 @fa-var-rub: "\f158";
			
 
				 @fa-var-ruble: "\f158";
			
 
				 @fa-var-rupee: "\f156";
			
 
				+@fa-var-s15: "\f2cd";
			
 
				 @fa-var-safari: "\f267";
			
 
				 @fa-var-save: "\f0c7";
			
 
				 @fa-var-scissors: "\f0c4";
			
@@ -565,6 +593,7 @@
 
				 @fa-var-shopping-bag: "\f290";
			
 
				 @fa-var-shopping-basket: "\f291";
			
 
				 @fa-var-shopping-cart: "\f07a";
			
 
				+@fa-var-shower: "\f2cc";
			
 
				 @fa-var-sign-in: "\f090";
			
 
				 @fa-var-sign-language: "\f2a7";
			
 
				 @fa-var-sign-out: "\f08b";
			
@@ -581,6 +610,7 @@
 
				 @fa-var-snapchat: "\f2ab";
			
 
				 @fa-var-snapchat-ghost: "\f2ac";
			
 
				 @fa-var-snapchat-square: "\f2ad";
			
 
				+@fa-var-snowflake-o: "\f2dc";
			
 
				 @fa-var-soccer-ball-o: "\f1e3";
			
 
				 @fa-var-sort: "\f0dc";
			
 
				 @fa-var-sort-alpha-asc: "\f15d";
			
@@ -626,6 +656,7 @@
 
				 @fa-var-subway: "\f239";
			
 
				 @fa-var-suitcase: "\f0f2";
			
 
				 @fa-var-sun-o: "\f185";
			
 
				+@fa-var-superpowers: "\f2dd";
			
 
				 @fa-var-superscript: "\f12b";
			
 
				 @fa-var-support: "\f1cd";
			
 
				 @fa-var-table: "\f0ce";
			
@@ -635,6 +666,7 @@
 
				 @fa-var-tags: "\f02c";
			
 
				 @fa-var-tasks: "\f0ae";
			
 
				 @fa-var-taxi: "\f1ba";
			
 
				+@fa-var-telegram: "\f2c6";
			
 
				 @fa-var-television: "\f26c";
			
 
				 @fa-var-tencent-weibo: "\f1d5";
			
 
				 @fa-var-terminal: "\f120";
			
@@ -644,6 +676,17 @@
 
				 @fa-var-th-large: "\f009";
			
 
				 @fa-var-th-list: "\f00b";
			
 
				 @fa-var-themeisle: "\f2b2";
			
 
				+@fa-var-thermometer: "\f2c7";
			
 
				+@fa-var-thermometer-0: "\f2cb";
			
 
				+@fa-var-thermometer-1: "\f2ca";
			
 
				+@fa-var-thermometer-2: "\f2c9";
			
 
				+@fa-var-thermometer-3: "\f2c8";
			
 
				+@fa-var-thermometer-4: "\f2c7";
			
 
				+@fa-var-thermometer-empty: "\f2cb";
			
 
				+@fa-var-thermometer-full: "\f2c7";
			
 
				+@fa-var-thermometer-half: "\f2c9";
			
 
				+@fa-var-thermometer-quarter: "\f2ca";
			
 
				+@fa-var-thermometer-three-quarters: "\f2c8";
			
 
				 @fa-var-thumb-tack: "\f08d";
			
 
				 @fa-var-thumbs-down: "\f165";
			
 
				 @fa-var-thumbs-o-down: "\f088";
			
@@ -653,6 +696,8 @@
 
				 @fa-var-times: "\f00d";
			
 
				 @fa-var-times-circle: "\f057";
			
 
				 @fa-var-times-circle-o: "\f05c";
			
 
				+@fa-var-times-rectangle: "\f2d3";
			
 
				+@fa-var-times-rectangle-o: "\f2d4";
			
 
				 @fa-var-tint: "\f043";
			
 
				 @fa-var-toggle-down: "\f150";
			
 
				 @fa-var-toggle-left: "\f191";
			
@@ -693,11 +738,16 @@
 
				 @fa-var-usb: "\f287";
			
 
				 @fa-var-usd: "\f155";
			
 
				 @fa-var-user: "\f007";
			
 
				+@fa-var-user-circle: "\f2bd";
			
 
				+@fa-var-user-circle-o: "\f2be";
			
 
				 @fa-var-user-md: "\f0f0";
			
 
				+@fa-var-user-o: "\f2c0";
			
 
				 @fa-var-user-plus: "\f234";
			
 
				 @fa-var-user-secret: "\f21b";
			
 
				 @fa-var-user-times: "\f235";
			
 
				 @fa-var-users: "\f0c0";
			
 
				+@fa-var-vcard: "\f2bb";
			
 
				+@fa-var-vcard-o: "\f2bc";
			
 
				 @fa-var-venus: "\f221";
			
 
				 @fa-var-venus-double: "\f226";
			
 
				 @fa-var-venus-mars: "\f228";
			
@@ -722,10 +772,16 @@
 
				 @fa-var-wheelchair-alt: "\f29b";
			
 
				 @fa-var-wifi: "\f1eb";
			
 
				 @fa-var-wikipedia-w: "\f266";
			
 
				+@fa-var-window-close: "\f2d3";
			
 
				+@fa-var-window-close-o: "\f2d4";
			
 
				+@fa-var-window-maximize: "\f2d0";
			
 
				+@fa-var-window-minimize: "\f2d1";
			
 
				+@fa-var-window-restore: "\f2d2";
			
 
				 @fa-var-windows: "\f17a";
			
 
				 @fa-var-won: "\f159";
			
 
				 @fa-var-wordpress: "\f19a";
			
 
				 @fa-var-wpbeginner: "\f297";
			
 
				+@fa-var-wpexplorer: "\f2de";
			
 
				 @fa-var-wpforms: "\f298";
			
 
				 @fa-var-wrench: "\f0ad";
			
 
				 @fa-var-xing: "\f168";
			
--- a/assets/font-awesome/scss/_icons.scss
+++ b/assets/font-awesome/scss/_icons.scss
@@ -605,6 +605,7 @@
 
				 .#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
			
 
				 .#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
			
 
				 .#{$fa-css-prefix}-battery-4:before,
			
 
				+.#{$fa-css-prefix}-battery:before,
			
 
				 .#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
			
 
				 .#{$fa-css-prefix}-battery-3:before,
			
 
				 .#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
			
@@ -731,3 +732,58 @@
 
				 .#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
			
 
				 .#{$fa-css-prefix}-fa:before,
			
 
				 .#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
			
 
				+.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
			
 
				+.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
			
 
				+.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
			
 
				+.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
			
 
				+.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
			
 
				+.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
			
 
				+.#{$fa-css-prefix}-vcard:before,
			
 
				+.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
			
 
				+.#{$fa-css-prefix}-vcard-o:before,
			
 
				+.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
			
 
				+.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
			
 
				+.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
			
 
				+.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
			
 
				+.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
			
 
				+.#{$fa-css-prefix}-drivers-license:before,
			
 
				+.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
			
 
				+.#{$fa-css-prefix}-drivers-license-o:before,
			
 
				+.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
			
 
				+.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
			
 
				+.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
			
 
				+.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
			
 
				+.#{$fa-css-prefix}-thermometer-4:before,
			
 
				+.#{$fa-css-prefix}-thermometer:before,
			
 
				+.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
			
 
				+.#{$fa-css-prefix}-thermometer-3:before,
			
 
				+.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
			
 
				+.#{$fa-css-prefix}-thermometer-2:before,
			
 
				+.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
			
 
				+.#{$fa-css-prefix}-thermometer-1:before,
			
 
				+.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
			
 
				+.#{$fa-css-prefix}-thermometer-0:before,
			
 
				+.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
			
 
				+.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
			
 
				+.#{$fa-css-prefix}-bathtub:before,
			
 
				+.#{$fa-css-prefix}-s15:before,
			
 
				+.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
			
 
				+.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
			
 
				+.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
			
 
				+.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
			
 
				+.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
			
 
				+.#{$fa-css-prefix}-times-rectangle:before,
			
 
				+.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
			
 
				+.#{$fa-css-prefix}-times-rectangle-o:before,
			
 
				+.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
			
 
				+.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
			
 
				+.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
			
 
				+.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
			
 
				+.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
			
 
				+.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
			
 
				+.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
			
 
				+.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
			
 
				+.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
			
 
				+.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
			
 
				+.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
			
 
				+.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
			
--- a/assets/font-awesome/scss/_variables.scss
+++ b/assets/font-awesome/scss/_variables.scss
@@ -4,14 +4,18 @@
 
				 $fa-font-path:        "../fonts" !default;
			
 
				 $fa-font-size-base:   14px !default;
			
 
				 $fa-line-height-base: 1 !default;
			
 
				-//$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.6.3/fonts" !default; // for referencing Bootstrap CDN font files directly
			
 
				+//$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
			
 
				 $fa-css-prefix:       fa !default;
			
 
				-$fa-version:          "4.6.3" !default;
			
 
				+$fa-version:          "4.7.0" !default;
			
 
				 $fa-border-color:     #eee !default;
			
 
				 $fa-inverse:          #fff !default;
			
 
				 $fa-li-width:         (30em / 14) !default;
			
 
				 
			
 
				 $fa-var-500px: "\f26e";
			
 
				+$fa-var-address-book: "\f2b9";
			
 
				+$fa-var-address-book-o: "\f2ba";
			
 
				+$fa-var-address-card: "\f2bb";
			
 
				+$fa-var-address-card-o: "\f2bc";
			
 
				 $fa-var-adjust: "\f042";
			
 
				 $fa-var-adn: "\f170";
			
 
				 $fa-var-align-center: "\f037";
			
@@ -60,11 +64,15 @@ $fa-var-automobile: "\f1b9";
 
				 $fa-var-backward: "\f04a";
			
 
				 $fa-var-balance-scale: "\f24e";
			
 
				 $fa-var-ban: "\f05e";
			
 
				+$fa-var-bandcamp: "\f2d5";
			
 
				 $fa-var-bank: "\f19c";
			
 
				 $fa-var-bar-chart: "\f080";
			
 
				 $fa-var-bar-chart-o: "\f080";
			
 
				 $fa-var-barcode: "\f02a";
			
 
				 $fa-var-bars: "\f0c9";
			
 
				+$fa-var-bath: "\f2cd";
			
 
				+$fa-var-bathtub: "\f2cd";
			
 
				+$fa-var-battery: "\f240";
			
 
				 $fa-var-battery-0: "\f244";
			
 
				 $fa-var-battery-1: "\f243";
			
 
				 $fa-var-battery-2: "\f242";
			
@@ -214,19 +222,25 @@ $fa-var-dollar: "\f155";
 
				 $fa-var-dot-circle-o: "\f192";
			
 
				 $fa-var-download: "\f019";
			
 
				 $fa-var-dribbble: "\f17d";
			
 
				+$fa-var-drivers-license: "\f2c2";
			
 
				+$fa-var-drivers-license-o: "\f2c3";
			
 
				 $fa-var-dropbox: "\f16b";
			
 
				 $fa-var-drupal: "\f1a9";
			
 
				 $fa-var-edge: "\f282";
			
 
				 $fa-var-edit: "\f044";
			
 
				+$fa-var-eercast: "\f2da";
			
 
				 $fa-var-eject: "\f052";
			
 
				 $fa-var-ellipsis-h: "\f141";
			
 
				 $fa-var-ellipsis-v: "\f142";
			
 
				 $fa-var-empire: "\f1d1";
			
 
				 $fa-var-envelope: "\f0e0";
			
 
				 $fa-var-envelope-o: "\f003";
			
 
				+$fa-var-envelope-open: "\f2b6";
			
 
				+$fa-var-envelope-open-o: "\f2b7";
			
 
				 $fa-var-envelope-square: "\f199";
			
 
				 $fa-var-envira: "\f299";
			
 
				 $fa-var-eraser: "\f12d";
			
 
				+$fa-var-etsy: "\f2d7";
			
 
				 $fa-var-eur: "\f153";
			
 
				 $fa-var-euro: "\f153";
			
 
				 $fa-var-exchange: "\f0ec";
			
@@ -294,6 +308,7 @@ $fa-var-fort-awesome: "\f286";
 
				 $fa-var-forumbee: "\f211";
			
 
				 $fa-var-forward: "\f04e";
			
 
				 $fa-var-foursquare: "\f180";
			
 
				+$fa-var-free-code-camp: "\f2c5";
			
 
				 $fa-var-frown-o: "\f119";
			
 
				 $fa-var-futbol-o: "\f1e3";
			
 
				 $fa-var-gamepad: "\f11b";
			
@@ -326,6 +341,7 @@ $fa-var-google-plus-square: "\f0d4";
 
				 $fa-var-google-wallet: "\f1ee";
			
 
				 $fa-var-graduation-cap: "\f19d";
			
 
				 $fa-var-gratipay: "\f184";
			
 
				+$fa-var-grav: "\f2d6";
			
 
				 $fa-var-group: "\f0c0";
			
 
				 $fa-var-h-square: "\f0fd";
			
 
				 $fa-var-hacker-news: "\f1d4";
			
@@ -342,6 +358,7 @@ $fa-var-hand-rock-o: "\f255";
 
				 $fa-var-hand-scissors-o: "\f257";
			
 
				 $fa-var-hand-spock-o: "\f259";
			
 
				 $fa-var-hand-stop-o: "\f256";
			
 
				+$fa-var-handshake-o: "\f2b5";
			
 
				 $fa-var-hard-of-hearing: "\f2a4";
			
 
				 $fa-var-hashtag: "\f292";
			
 
				 $fa-var-hdd-o: "\f0a0";
			
@@ -365,8 +382,12 @@ $fa-var-hourglass-start: "\f251";
 
				 $fa-var-houzz: "\f27c";
			
 
				 $fa-var-html5: "\f13b";
			
 
				 $fa-var-i-cursor: "\f246";
			
 
				+$fa-var-id-badge: "\f2c1";
			
 
				+$fa-var-id-card: "\f2c2";
			
 
				+$fa-var-id-card-o: "\f2c3";
			
 
				 $fa-var-ils: "\f20b";
			
 
				 $fa-var-image: "\f03e";
			
 
				+$fa-var-imdb: "\f2d8";
			
 
				 $fa-var-inbox: "\f01c";
			
 
				 $fa-var-indent: "\f03c";
			
 
				 $fa-var-industry: "\f275";
			
@@ -404,6 +425,7 @@ $fa-var-line-chart: "\f201";
 
				 $fa-var-link: "\f0c1";
			
 
				 $fa-var-linkedin: "\f0e1";
			
 
				 $fa-var-linkedin-square: "\f08c";
			
 
				+$fa-var-linode: "\f2b8";
			
 
				 $fa-var-linux: "\f17c";
			
 
				 $fa-var-list: "\f03a";
			
 
				 $fa-var-list-alt: "\f022";
			
@@ -436,8 +458,10 @@ $fa-var-maxcdn: "\f136";
 
				 $fa-var-meanpath: "\f20c";
			
 
				 $fa-var-medium: "\f23a";
			
 
				 $fa-var-medkit: "\f0fa";
			
 
				+$fa-var-meetup: "\f2e0";
			
 
				 $fa-var-meh-o: "\f11a";
			
 
				 $fa-var-mercury: "\f223";
			
 
				+$fa-var-microchip: "\f2db";
			
 
				 $fa-var-microphone: "\f130";
			
 
				 $fa-var-microphone-slash: "\f131";
			
 
				 $fa-var-minus: "\f068";
			
@@ -502,6 +526,7 @@ $fa-var-plus: "\f067";
 
				 $fa-var-plus-circle: "\f055";
			
 
				 $fa-var-plus-square: "\f0fe";
			
 
				 $fa-var-plus-square-o: "\f196";
			
 
				+$fa-var-podcast: "\f2ce";
			
 
				 $fa-var-power-off: "\f011";
			
 
				 $fa-var-print: "\f02f";
			
 
				 $fa-var-product-hunt: "\f288";
			
@@ -511,10 +536,12 @@ $fa-var-qrcode: "\f029";
 
				 $fa-var-question: "\f128";
			
 
				 $fa-var-question-circle: "\f059";
			
 
				 $fa-var-question-circle-o: "\f29c";
			
 
				+$fa-var-quora: "\f2c4";
			
 
				 $fa-var-quote-left: "\f10d";
			
 
				 $fa-var-quote-right: "\f10e";
			
 
				 $fa-var-ra: "\f1d0";
			
 
				 $fa-var-random: "\f074";
			
 
				+$fa-var-ravelry: "\f2d9";
			
 
				 $fa-var-rebel: "\f1d0";
			
 
				 $fa-var-recycle: "\f1b8";
			
 
				 $fa-var-reddit: "\f1a1";
			
@@ -541,6 +568,7 @@ $fa-var-rss-square: "\f143";
 
				 $fa-var-rub: "\f158";
			
 
				 $fa-var-ruble: "\f158";
			
 
				 $fa-var-rupee: "\f156";
			
 
				+$fa-var-s15: "\f2cd";
			
 
				 $fa-var-safari: "\f267";
			
 
				 $fa-var-save: "\f0c7";
			
 
				 $fa-var-scissors: "\f0c4";
			
@@ -565,6 +593,7 @@ $fa-var-shirtsinbulk: "\f214";
 
				 $fa-var-shopping-bag: "\f290";
			
 
				 $fa-var-shopping-basket: "\f291";
			
 
				 $fa-var-shopping-cart: "\f07a";
			
 
				+$fa-var-shower: "\f2cc";
			
 
				 $fa-var-sign-in: "\f090";
			
 
				 $fa-var-sign-language: "\f2a7";
			
 
				 $fa-var-sign-out: "\f08b";
			
@@ -581,6 +610,7 @@ $fa-var-smile-o: "\f118";
 
				 $fa-var-snapchat: "\f2ab";
			
 
				 $fa-var-snapchat-ghost: "\f2ac";
			
 
				 $fa-var-snapchat-square: "\f2ad";
			
 
				+$fa-var-snowflake-o: "\f2dc";
			
 
				 $fa-var-soccer-ball-o: "\f1e3";
			
 
				 $fa-var-sort: "\f0dc";
			
 
				 $fa-var-sort-alpha-asc: "\f15d";
			
@@ -626,6 +656,7 @@ $fa-var-subscript: "\f12c";
 
				 $fa-var-subway: "\f239";
			
 
				 $fa-var-suitcase: "\f0f2";
			
 
				 $fa-var-sun-o: "\f185";
			
 
				+$fa-var-superpowers: "\f2dd";
			
 
				 $fa-var-superscript: "\f12b";
			
 
				 $fa-var-support: "\f1cd";
			
 
				 $fa-var-table: "\f0ce";
			
@@ -635,6 +666,7 @@ $fa-var-tag: "\f02b";
 
				 $fa-var-tags: "\f02c";
			
 
				 $fa-var-tasks: "\f0ae";
			
 
				 $fa-var-taxi: "\f1ba";
			
 
				+$fa-var-telegram: "\f2c6";
			
 
				 $fa-var-television: "\f26c";
			
 
				 $fa-var-tencent-weibo: "\f1d5";
			
 
				 $fa-var-terminal: "\f120";
			
@@ -644,6 +676,17 @@ $fa-var-th: "\f00a";
 
				 $fa-var-th-large: "\f009";
			
 
				 $fa-var-th-list: "\f00b";
			
 
				 $fa-var-themeisle: "\f2b2";
			
 
				+$fa-var-thermometer: "\f2c7";
			
 
				+$fa-var-thermometer-0: "\f2cb";
			
 
				+$fa-var-thermometer-1: "\f2ca";
			
 
				+$fa-var-thermometer-2: "\f2c9";
			
 
				+$fa-var-thermometer-3: "\f2c8";
			
 
				+$fa-var-thermometer-4: "\f2c7";
			
 
				+$fa-var-thermometer-empty: "\f2cb";
			
 
				+$fa-var-thermometer-full: "\f2c7";
			
 
				+$fa-var-thermometer-half: "\f2c9";
			
 
				+$fa-var-thermometer-quarter: "\f2ca";
			
 
				+$fa-var-thermometer-three-quarters: "\f2c8";
			
 
				 $fa-var-thumb-tack: "\f08d";
			
 
				 $fa-var-thumbs-down: "\f165";
			
 
				 $fa-var-thumbs-o-down: "\f088";
			
@@ -653,6 +696,8 @@ $fa-var-ticket: "\f145";
 
				 $fa-var-times: "\f00d";
			
 
				 $fa-var-times-circle: "\f057";
			
 
				 $fa-var-times-circle-o: "\f05c";
			
 
				+$fa-var-times-rectangle: "\f2d3";
			
 
				+$fa-var-times-rectangle-o: "\f2d4";
			
 
				 $fa-var-tint: "\f043";
			
 
				 $fa-var-toggle-down: "\f150";
			
 
				 $fa-var-toggle-left: "\f191";
			
@@ -693,11 +738,16 @@ $fa-var-upload: "\f093";
 
				 $fa-var-usb: "\f287";
			
 
				 $fa-var-usd: "\f155";
			
 
				 $fa-var-user: "\f007";
			
 
				+$fa-var-user-circle: "\f2bd";
			
 
				+$fa-var-user-circle-o: "\f2be";
			
 
				 $fa-var-user-md: "\f0f0";
			
 
				+$fa-var-user-o: "\f2c0";
			
 
				 $fa-var-user-plus: "\f234";
			
 
				 $fa-var-user-secret: "\f21b";
			
 
				 $fa-var-user-times: "\f235";
			
 
				 $fa-var-users: "\f0c0";
			
 
				+$fa-var-vcard: "\f2bb";
			
 
				+$fa-var-vcard-o: "\f2bc";
			
 
				 $fa-var-venus: "\f221";
			
 
				 $fa-var-venus-double: "\f226";
			
 
				 $fa-var-venus-mars: "\f228";
			
@@ -722,10 +772,16 @@ $fa-var-wheelchair: "\f193";
 
				 $fa-var-wheelchair-alt: "\f29b";
			
 
				 $fa-var-wifi: "\f1eb";
			
 
				 $fa-var-wikipedia-w: "\f266";
			
 
				+$fa-var-window-close: "\f2d3";
			
 
				+$fa-var-window-close-o: "\f2d4";
			
 
				+$fa-var-window-maximize: "\f2d0";
			
 
				+$fa-var-window-minimize: "\f2d1";
			
 
				+$fa-var-window-restore: "\f2d2";
			
 
				 $fa-var-windows: "\f17a";
			
 
				 $fa-var-won: "\f159";
			
 
				 $fa-var-wordpress: "\f19a";
			
 
				 $fa-var-wpbeginner: "\f297";
			
 
				+$fa-var-wpexplorer: "\f2de";
			
 
				 $fa-var-wpforms: "\f298";
			
 
				 $fa-var-wrench: "\f0ad";
			
 
				 $fa-var-xing: "\f168";
			
--- a/assets/font-awesome/scss/font-awesome.scss
+++ b/assets/font-awesome/scss/font-awesome.scss
@@ -1,5 +1,5 @@
 
				 /*!
			
 
				- *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
			
 
				+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
			
 
				  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
			
 
				  */
			
 
				 
			
--- a/assets/js/monetization.js
+++ b/assets/js/monetization.js
--- a/assets/js/site.js
+++ b/assets/js/site.js
@@ -2,82 +2,48 @@ $(function () {
 
				   $("#newsletter").validate();
			
 
				 
			
 
				   var ads = [
			
 
				-    {
			
 
				-      quote: "<i class='fas fas-perfect fas-2x valign-middle margin-right'></i>Looking for the best icon sets? Check out <strong>Symbolset</strong>, <a href='https://articles.fortawesome.com/fort-awesome-acquires-symbolset-72229dab2c13'>now</a> from the maker of Font Awesome.",
			
 
				-      class: "symbolset",
			
 
				-      url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_best_icons&utm_campaign=promo_4.6_update",
			
 
				-      btn_text: "Gimme Some!"
			
 
				-    },
			
 
				-    {
			
 
				-      quote: "<i class='fas fas-curate fas-2x valign-middle margin-right'></i>Need a different look for your icons? Check out <strong>Symbolset</strong>, <a href='https://articles.fortawesome.com/fort-awesome-acquires-symbolset-72229dab2c13'>now</a> from the maker of Font Awesome.",
			
 
				-      class: "symbolset",
			
 
				-      url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_different_look&utm_campaign=promo_4.6_update",
			
 
				-      btn_text: "Gimme Some!"
			
 
				-    },
			
 
				     // {
			
 
				-    //   quote: "Fort Awesome <a href='#'>acquires</a> Symbolset!",
			
 
				+    //   quote: "<i class='fas fas-perfect fas-2x valign-middle margin-right'></i>Looking for the best icon sets? Check out <strong>Symbolset</strong>, <a href='https://articles.fortawesome.com/fort-awesome-acquires-symbolset-72229dab2c13'>now</a> from the maker of Font Awesome.",
			
 
				     //   class: "symbolset",
			
 
				-    //   url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_acquires&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Check out Symbolset"
			
 
				+    //   url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_best_icons&utm_campaign=promo_4.7_update",
			
 
				+    //   btn_text: "Gimme Some!"
			
 
				     // },
			
 
				     // {
			
 
				-    //   quote: "<a href='#' class='no-underline'>Fort Awesome <i class='fa fa-plus fa-lg'></i> Symbolset = <i class='fa fa-heart fa-lg'></i></a>",
			
 
				+    //   quote: "<i class='fas fas-curate fas-2x valign-middle margin-right'></i>Need a different look for your icons? Check out <strong>Symbolset</strong>, <a href='https://articles.fortawesome.com/fort-awesome-acquires-symbolset-72229dab2c13'>now</a> from the maker of Font Awesome.",
			
 
				     //   class: "symbolset",
			
 
				-    //   url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_math&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Check out Symbolset"
			
 
				+    //   url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_different_look&utm_campaign=promo_4.7_update",
			
 
				+    //   btn_text: "Gimme Some!"
			
 
				     // },
			
 
				-
			
 
				-
			
 
				     // {
			
 
				     //   quote: "Take your icon game to the next level. Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
			
 
				     //   class: "fort-awesome",
			
 
				-    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.6_update",
			
 
				+    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.7_update",
			
 
				     //   btn_text: "Gimme Some!"
			
 
				     // },
			
 
				     // {
			
 
				     //   quote: "Make your icons load 10x faster! Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
			
 
				     //   class: "fort-awesome",
			
 
				-    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Gimme Some!"
			
 
				-    // },
			
 
				-    // {
			
 
				-    //   quote: "Looking for other great icon sets? Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
			
 
				-    //   class: "fort-awesome",
			
 
				-    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.6_update",
			
 
				+    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.7_update",
			
 
				     //   btn_text: "Gimme Some!"
			
 
				     // },
			
 
				     // {
			
 
				     //   quote: "Want to add your own icon? Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
			
 
				     //   class: "fort-awesome",
			
 
				-    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.6_update",
			
 
				+    //   url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.7_update",
			
 
				     //   btn_text: "Gimme Some!"
			
 
				-    // },
			
 
				-    //
			
 
				-    //
			
 
				-    // {
			
 
				-    //   quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
			
 
				-    //   class: "black-tie",
			
 
				-    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Check it Out!"
			
 
				-    // },
			
 
				-    // {
			
 
				-    //   quote: "Want clean, minimalist icons? Check out <strong>Black Tie</strong>, the new multi-weight icon font from the maker of Font Awesome.",
			
 
				-    //   class: "black-tie",
			
 
				-    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Check it Out!"
			
 
				-    // },
			
 
				-    // {
			
 
				-    //   quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.",
			
 
				-    //   class: "black-tie",
			
 
				-    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Check it Out!"
			
 
				-    // },
			
 
				-    // {
			
 
				-    //   quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!",
			
 
				-    //   class: "black-tie",
			
 
				-    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.6_update",
			
 
				-    //   btn_text: "Check it Out!"
			
 
				     // }
			
 
				+    {
			
 
				+      quote: "Font Awesome 5. The most awesome-est Font Awesome ever!",
			
 
				+      class: "kickstarter",
			
 
				+      url: "http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_most_awesome-est&utm_campaign=promo_4.7_update",
			
 
				+      btn_text: "Check out the Kickstarter",
			
 
				+    },
			
 
				+    {
			
 
				+      quote: "Get 1,000+ more icons and SVG in Font Awesome 5 Pro!",
			
 
				+      class: "kickstarter",
			
 
				+      url: "http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_svg_and_1000_more&utm_campaign=promo_4.7_update",
			
 
				+      btn_text: "Check out the Kickstarter",
			
 
				+    },
			
 
				   ];
			
 
				 
			
 
				   selectAd();
			
@@ -89,7 +55,27 @@ $(function () {
 
				 
			
 
				   $('[data-toggle="tooltip"]').tooltip();
			
 
				   $('[data-toggle="popover"]').popover();
			
 
				+  if (storageAvailable('localStorage') && !localStorage.seenKickstarterModal) {
			
 
				+    $('#modal-kickstarter').modal('toggle');
			
 
				+  }
			
 
				 
			
 
				+  if (storageAvailable('localStorage')) {
			
 
				+    localStorage.seenKickstarterModal = true;
			
 
				+  	// Yippee! We can use localStorage awesomeness
			
 
				+  }
			
 
				+
			
 
				+  function storageAvailable(type) {
			
 
				+  	try {
			
 
				+  		var storage = window[type],
			
 
				+  			x = '__storage_test__';
			
 
				+  		storage.setItem(x, x);
			
 
				+  		storage.removeItem(x);
			
 
				+  		return true;
			
 
				+  	}
			
 
				+  	catch(e) {
			
 
				+  		return false;
			
 
				+  	}
			
 
				+  }
			
 
				   function selectAd() {
			
 
				     random_number = Math.floor(Math.random() * ads.length);
			
 
				     random_ad = ads[random_number];
			
--- a/assets/less/site.less
+++ b/assets/less/site.less
@@ -31,6 +31,7 @@
 
				 @import "site/bsap-ad";
			
 
				 @import "site/sumome";
			
 
				 @import "site/algolia";
			
 
				+@import "site/kickstarter";
			
 
				 
			
 
				 @import "site/views";
			
 
				 @import "site/store";
			
--- a/assets/less/site/banner-ad.less
+++ b/assets/less/site/banner-ad.less
@@ -211,4 +211,60 @@
 
				     }
			
 
				   }
			
 
				 
			
 
				+  &.kickstarter {
			
 
				+    @kickstarter-bg: #489fdf;
			
 
				+    background-color: @kickstarter-bg;
			
 
				+    border-bottom: rgba(0,0,0,0.2);
			
 
				+    .message-container { padding: 40px 0; }
			
 
				+    .tagline { font-size: 24px; }
			
 
				+    a:not(.btn) {
			
 
				+      text-decoration: underline;
			
 
				+      color: #fff;
			
 
				+      &:hover { color: rgba(255,255,255,.8); }
			
 
				+    }
			
 
				+    .btn-primary {
			
 
				+      @color: @kickstarter-bg;
			
 
				+      @background: #fff;
			
 
				+      @border: mix(#000,@kickstarter-bg,10%);
			
 
				+      font-weight: 600;
			
 
				+      font-size: 22px;
			
 
				+      padding: 14px 28px;
			
 
				+      border-radius: 30px;
			
 
				+
			
 
				+      color: @color;
			
 
				+      background-color: @background;
			
 
				+      border-color: @border;
			
 
				+      border-bottom-width: 2px;
			
 
				+      text-shadow: none;
			
 
				+
			
 
				+      &:hover,
			
 
				+      &:focus,
			
 
				+      &:active,
			
 
				+      &.active,
			
 
				+      .open > &.dropdown-toggle {
			
 
				+        color: #fff;
			
 
				+        background-color: rgba(0,0,0,0.2);
			
 
				+        border-color: rgba(0,0,0,0.2);
			
 
				+        border-bottom-color: rgba(0,0,0,0.2);
			
 
				+      }
			
 
				+      &:active,
			
 
				+      &.active,
			
 
				+      .open > &.dropdown-toggle {
			
 
				+        background-image: none;
			
 
				+      }
			
 
				+      &.disabled,
			
 
				+      &[disabled],
			
 
				+      fieldset[disabled] & {
			
 
				+        &,
			
 
				+        &:hover,
			
 
				+        &:focus,
			
 
				+        &:active,
			
 
				+        &.active {
			
 
				+          background-color: @background;
			
 
				+          border-color: @border;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				 }
			
--- a/assets/less/site/footer.less
+++ b/assets/less/site/footer.less
@@ -18,6 +18,18 @@
 
				     padding-bottom: 55px;
			
 
				   }
			
 
				   .project { margin-top: 10px; }
			
 
				+
			
 
				+  #inventory {
			
 
				+    a {
			
 
				+      width: 220px;
			
 
				+      overflow: hidden;
			
 
				+      display: inline-block;
			
 
				+      border-bottom: inherit;
			
 
				+      margin: 0 15px 20px;
			
 
				+
			
 
				+    }
			
 
				+    #CVADP2Y { display: inline; }
			
 
				+  }
			
 
				 }
			
 
				 
			
 
				 
			
--- a/assets/less/site/kickstarter.less
+++ b/assets/less/site/kickstarter.less
@@ -0,0 +1,3 @@
 
				+.btn-kickstarter {
			
 
				+  .button-variant(#fff, #489fdf, mix(#000,#489fdf,10%));
			
 
				+}
			
--- a/assets/less/site/responsive/screen-xs.less
+++ b/assets/less/site/responsive/screen-xs.less
@@ -81,20 +81,14 @@
 
				   }
			
 
				 
			
 
				 
			
 
				-  .navbar-org {
			
 
				+  .navbar-org { display: none; }
			
 
				+  #banner {
			
 
				     text-align: center;
			
 
				-    .container { padding: 0; }
			
 
				-    .navbar-nav {
			
 
				-      margin: 0;
			
 
				-      > li + li {
			
 
				-        margin-left: 0;
			
 
				-      }
			
 
				-    }
			
 
				-    .nav > li {
			
 
				-      float: left;
			
 
				-      width: 50%;
			
 
				-    }
			
 
				+    .message-container, .tagline, .action { display: block; }
			
 
				+    .tagline { padding-right: 0; }
			
 
				+    .btn-primary { margin-top: 10px; }
			
 
				   }
			
 
				+
			
 
				   .signup-button .btn { white-space: normal; }
			
 
				   .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; }
			
 
				 
			
--- a/cdn/error/index.html
+++ b/cdn/error/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -237,11 +228,10 @@
 
				   </div>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -254,7 +244,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -276,6 +266,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -288,6 +302,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/cdn/success/index.html
+++ b/cdn/success/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -238,11 +229,10 @@
 
				   </div>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -255,7 +245,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -277,6 +267,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -289,6 +303,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/cheatsheet/index.html
+++ b/cheatsheet/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../community/">Community</a></li>
			
 
				         <li><a href="../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -186,7 +177,7 @@
 
				 
			
 
				     
			
 
				     <h1><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; Cheatsheet</h1>
			
 
				-    <p>The complete Font Awesome 4.6.3 icon reference</p>
			
 
				+    <p>The complete Font Awesome 4.7.0 icon reference</p>
			
 
				     
			
 
				   </div>
			
 
				 
			
@@ -244,7 +235,7 @@
 
				 </section>
			
 
				 
			
 
				 
			
 
				-  <h2 class="page-header">Every Font Awesome 4.6.3 Icon, CSS Class, &amp; Unicode</h2>
			
 
				+  <h2 class="page-header">Every Font Awesome 4.7.0 Icon, CSS Class, &amp; Unicode</h2>
			
 
				 
			
 
				   <div class="row">
			
 
				     
			
@@ -258,6 +249,38 @@
 
				       <span class="text-muted">[&amp;#xf26e;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use address-book">&#xf2b9</i>
			
 
				+      fa-address-book
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2b9;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use address-book-o">&#xf2ba</i>
			
 
				+      fa-address-book-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2ba;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use address-card">&#xf2bb</i>
			
 
				+      fa-address-card
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2bb;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use address-card-o">&#xf2bc</i>
			
 
				+      fa-address-card-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2bc;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use adjust">&#xf042</i>
			
@@ -642,6 +665,14 @@
 
				       <span class="text-muted">[&amp;#xf05e;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use bandcamp">&#xf2d5</i>
			
 
				+      fa-bandcamp
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d5;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.1</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use bank">&#xf19c</i>
			
@@ -682,6 +713,30 @@
 
				       <span class="text-muted">[&amp;#xf0c9;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use bath">&#xf2cd</i>
			
 
				+      fa-bath
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2cd;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use bathtub">&#xf2cd</i>
			
 
				+      fa-bathtub
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2cd;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.4</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use battery">&#xf240</i>
			
 
				+      fa-battery
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf240;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.4</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use battery-0">&#xf244</i>
			
@@ -1874,6 +1929,22 @@
 
				       <span class="text-muted">[&amp;#xf17d;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use drivers-license">&#xf2c2</i>
			
 
				+      fa-drivers-license
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2c2;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use drivers-license-o">&#xf2c3</i>
			
 
				+      fa-drivers-license-o
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2c3;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use dropbox">&#xf16b</i>
			
@@ -1906,6 +1977,14 @@
 
				       <span class="text-muted">[&amp;#xf044;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use eercast">&#xf2da</i>
			
 
				+      fa-eercast
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2da;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use eject">&#xf052</i>
			
@@ -1954,6 +2033,22 @@
 
				       <span class="text-muted">[&amp;#xf003;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-open">&#xf2b6</i>
			
 
				+      fa-envelope-open
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2b6;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-open-o">&#xf2b7</i>
			
 
				+      fa-envelope-open-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2b7;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.1</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use envelope-square">&#xf199</i>
			
@@ -1978,6 +2073,14 @@
 
				       <span class="text-muted">[&amp;#xf12d;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use etsy">&#xf2d7</i>
			
 
				+      fa-etsy
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d7;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use eur">&#xf153</i>
			
@@ -2514,6 +2617,14 @@
 
				       <span class="text-muted">[&amp;#xf180;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use free-code-camp">&#xf2c5</i>
			
 
				+      fa-free-code-camp
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c5;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use frown-o">&#xf119</i>
			
@@ -2770,6 +2881,14 @@
 
				       <span class="text-muted">[&amp;#xf184;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use grav">&#xf2d6</i>
			
 
				+      fa-grav
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d6;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use group">&#xf0c0</i>
			
@@ -2898,6 +3017,14 @@
 
				       <span class="text-muted">[&amp;#xf256;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use handshake-o">&#xf2b5</i>
			
 
				+      fa-handshake-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2b5;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.6</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use hard-of-hearing">&#xf2a4</i>
			
@@ -3082,6 +3209,30 @@
 
				       <span class="text-muted">[&amp;#xf246;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use id-badge">&#xf2c1</i>
			
 
				+      fa-id-badge
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c1;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use id-card">&#xf2c2</i>
			
 
				+      fa-id-card
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c2;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use id-card-o">&#xf2c3</i>
			
 
				+      fa-id-card-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c3;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.2</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use ils">&#xf20b</i>
			
@@ -3098,6 +3249,14 @@
 
				       <span class="text-muted">[&amp;#xf03e;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use imdb">&#xf2d8</i>
			
 
				+      fa-imdb
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d8;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use inbox">&#xf01c</i>
			
@@ -3394,6 +3553,14 @@
 
				       <span class="text-muted">[&amp;#xf08c;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use linode">&#xf2b8</i>
			
 
				+      fa-linode
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2b8;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use linux">&#xf17c</i>
			
@@ -3650,6 +3817,14 @@
 
				       <span class="text-muted">[&amp;#xf0fa;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use meetup">&#xf2e0</i>
			
 
				+      fa-meetup
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2e0;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use meh-o">&#xf11a</i>
			
@@ -3666,6 +3841,14 @@
 
				       <span class="text-muted">[&amp;#xf223;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use microchip">&#xf2db</i>
			
 
				+      fa-microchip
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2db;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use microphone">&#xf130</i>
			
@@ -4178,6 +4361,14 @@
 
				       <span class="text-muted">[&amp;#xf196;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use podcast">&#xf2ce</i>
			
 
				+      fa-podcast
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2ce;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use power-off">&#xf011</i>
			
@@ -4250,6 +4441,14 @@
 
				       <span class="text-muted">[&amp;#xf29c;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use quora">&#xf2c4</i>
			
 
				+      fa-quora
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c4;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use quote-left">&#xf10d</i>
			
@@ -4282,6 +4481,14 @@
 
				       <span class="text-muted">[&amp;#xf074;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use ravelry">&#xf2d9</i>
			
 
				+      fa-ravelry
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d9;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.1</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use rebel">&#xf1d0</i>
			
@@ -4490,6 +4697,14 @@
 
				       <span class="text-muted">[&amp;#xf156;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use s15">&#xf2cd</i>
			
 
				+      fa-s15
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2cd;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.4</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use safari">&#xf267</i>
			
@@ -4682,6 +4897,14 @@
 
				       <span class="text-muted">[&amp;#xf07a;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use shower">&#xf2cc</i>
			
 
				+      fa-shower
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2cc;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use sign-in">&#xf090</i>
			
@@ -4810,6 +5033,14 @@
 
				       <span class="text-muted">[&amp;#xf2ad;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use snowflake-o">&#xf2dc</i>
			
 
				+      fa-snowflake-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2dc;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.2</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use soccer-ball-o">&#xf1e3</i>
			
@@ -5170,6 +5401,14 @@
 
				       <span class="text-muted">[&amp;#xf185;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use superpowers">&#xf2dd</i>
			
 
				+      fa-superpowers
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2dd;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use superscript">&#xf12b</i>
			
@@ -5242,6 +5481,14 @@
 
				       <span class="text-muted">[&amp;#xf1ba;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use telegram">&#xf2c6</i>
			
 
				+      fa-telegram
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c6;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.4</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use television">&#xf26c</i>
			
@@ -5314,6 +5561,94 @@
 
				       <span class="text-muted">[&amp;#xf2b2;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer">&#xf2c7</i>
			
 
				+      fa-thermometer
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2c7;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-0">&#xf2cb</i>
			
 
				+      fa-thermometer-0
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2cb;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-1">&#xf2ca</i>
			
 
				+      fa-thermometer-1
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2ca;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-2">&#xf2c9</i>
			
 
				+      fa-thermometer-2
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2c9;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-3">&#xf2c8</i>
			
 
				+      fa-thermometer-3
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2c8;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-4">&#xf2c7</i>
			
 
				+      fa-thermometer-4
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2c7;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-empty">&#xf2cb</i>
			
 
				+      fa-thermometer-empty
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2cb;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-full">&#xf2c7</i>
			
 
				+      fa-thermometer-full
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c7;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-half">&#xf2c9</i>
			
 
				+      fa-thermometer-half
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c9;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-quarter">&#xf2ca</i>
			
 
				+      fa-thermometer-quarter
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2ca;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use thermometer-three-quarters">&#xf2c8</i>
			
 
				+      fa-thermometer-three-quarters
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c8;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use thumb-tack">&#xf08d</i>
			
@@ -5386,6 +5721,22 @@
 
				       <span class="text-muted">[&amp;#xf05c;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use times-rectangle">&#xf2d3</i>
			
 
				+      fa-times-rectangle
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2d3;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use times-rectangle-o">&#xf2d4</i>
			
 
				+      fa-times-rectangle-o
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2d4;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use tint">&#xf043</i>
			
@@ -5706,6 +6057,22 @@
 
				       <span class="text-muted">[&amp;#xf007;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use user-circle">&#xf2bd</i>
			
 
				+      fa-user-circle
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2bd;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use user-circle-o">&#xf2be</i>
			
 
				+      fa-user-circle-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2be;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use user-md">&#xf0f0</i>
			
@@ -5714,6 +6081,14 @@
 
				       <span class="text-muted">[&amp;#xf0f0;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use user-o">&#xf2c0</i>
			
 
				+      fa-user-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2c0;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.3</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use user-plus">&#xf234</i>
			
@@ -5746,6 +6121,22 @@
 
				       <span class="text-muted">[&amp;#xf0c0;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use vcard">&#xf2bb</i>
			
 
				+      fa-vcard
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2bb;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use vcard-o">&#xf2bc</i>
			
 
				+      fa-vcard-o
			
 
				+       <span class="text-muted">(alias)</span>
			
 
				+      <span class="text-muted">[&amp;#xf2bc;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.3</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use venus">&#xf221</i>
			
@@ -5938,6 +6329,46 @@
 
				       <span class="text-muted">[&amp;#xf266;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use window-close">&#xf2d3</i>
			
 
				+      fa-window-close
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d3;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use window-close-o">&#xf2d4</i>
			
 
				+      fa-window-close-o
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d4;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use window-maximize">&#xf2d0</i>
			
 
				+      fa-window-maximize
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d0;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use window-minimize">&#xf2d1</i>
			
 
				+      fa-window-minimize
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d1;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use window-restore">&#xf2d2</i>
			
 
				+      fa-window-restore
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2d2;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use windows">&#xf17a</i>
			
@@ -5970,6 +6401,14 @@
 
				       <span class="text-muted">[&amp;#xf297;]</span>
			
 
				     </div>
			
 
				     
			
 
				+    <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				+      <small class="text-muted pull-right">4.7</small>
			
 
				+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use wpexplorer">&#xf2de</i>
			
 
				+      fa-wpexplorer
			
 
				+      
			
 
				+      <span class="text-muted">[&amp;#xf2de;]</span>
			
 
				+    </div>
			
 
				+    
			
 
				     <div class="col-md-4 col-sm-6 col-lg-3">
			
 
				       <small class="text-muted pull-right">4.6</small>
			
 
				       <i class="fa fa-fw" aria-hidden="true" title="Copy to use wpforms">&#xf298</i>
			
@@ -6093,11 +6532,10 @@
 
				   </div>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -6110,7 +6548,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -6132,6 +6570,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -6144,6 +6606,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../assets/js/site.js"></script>
			
 
				   <script src="../assets/js/search.js"></script>
			
 
				+  <script src="../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/community/index.html
+++ b/community/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li class="active"><a href="../community/">Community</a></li>
			
 
				         <li><a href="../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -396,11 +387,10 @@
 
				 
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -413,7 +403,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -435,6 +425,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -447,6 +461,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../assets/js/site.js"></script>
			
 
				   <script src="../assets/js/search.js"></script>
			
 
				+  <script src="../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/examples/index.html
+++ b/examples/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../community/">Community</a></li>
			
 
				         <li><a href="../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -259,8 +250,8 @@
 
				   <h2 class="page-header">
			
 
				     Basic Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/core.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_core.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/core.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_core.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				 
			
@@ -298,8 +289,8 @@
 
				   <h2 class="page-header">
			
 
				     Larger Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/larger.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_larger.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/larger.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_larger.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
@@ -338,8 +329,8 @@
 
				   <h2 class="page-header">
			
 
				     Fixed Width Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/fixed-width.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_fixed-width.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/fixed-width.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_fixed-width.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
@@ -371,8 +362,8 @@
 
				   <h2 class="page-header">
			
 
				     List Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/list.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_list.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/list.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_list.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
@@ -401,15 +392,15 @@
 
				   <h2 class="page-header">
			
 
				     Bordered &amp; Pulled Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/bordered-pulled.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_bordered-pulled.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/bordered-pulled.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_bordered-pulled.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
 
				     <div class="col-md-3 col-sm-4">
			
 
				       <p>
			
 
				         <i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i>
			
 
				-        &hellip;tomorrow we will run faster, stretch out our arms farther&hellip; And then one fine morning—
			
 
				+        &hellip;tomorrow we will run faster, stretch out our arms farther&hellip; And then one fine morning&mdash;
			
 
				         So we beat on, boats against the current, borne back ceaselessly into the past.
			
 
				       </p>
			
 
				     </div>
			
@@ -420,7 +411,7 @@
 
				       </p>
			
 
				 <div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-quote-left fa-3x fa-pull-left fa-border&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				 ...tomorrow we will run faster, stretch out our arms farther...
			
 
				-And then one fine morning— So we beat on, boats against the
			
 
				+And then one fine morning<span class="ni">&amp;mdash;</span> So we beat on, boats against the
			
 
				 current, borne back ceaselessly into the past.
			
 
				 </code></pre></div>
			
 
				     </div>
			
@@ -431,8 +422,8 @@ current, borne back ceaselessly into the past.
 
				   <h2 class="page-header">
			
 
				     Animated Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/animated.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_animated.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/animated.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_animated.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
@@ -491,8 +482,8 @@ current, borne back ceaselessly into the past.
 
				   <h2 class="page-header">
			
 
				     Rotated &amp; Flipped
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/rotated-flipped.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_rotated-flipped.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/rotated-flipped.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_rotated-flipped.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
@@ -525,8 +516,8 @@ current, borne back ceaselessly into the past.
 
				   <h2 class="page-header">
			
 
				     Stacked Icons
			
 
				     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/less/stacked.less" class="text-muted padding-right">View LESS</a>
			
 
				-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.6.3/scss/_stacked.scss" class="text-muted">View SASS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/stacked.less" class="text-muted padding-right">View LESS</a>
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/scss/_stacked.scss" class="text-muted">View SASS</a>
			
 
				     </div>
			
 
				   </h2>
			
 
				   <div class="row">
			
@@ -598,7 +589,7 @@ fa-ban on fa-camera
 
				       </p>
			
 
				       <p>
			
 
				         <a class="btn btn-lg btn-success" href="#">
			
 
				-          <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.6.3</a>
			
 
				+          <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.7.0</a>
			
 
				       </p>
			
 
				       <div class="margin-bottom">
			
 
				         <div class="btn-group">
			
@@ -653,7 +644,7 @@ fa-ban on fa-camera
 
				   <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;</span>
			
 
				 
			
 
				 <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-lg btn-success&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
			
 
				-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag fa-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 4.6.3<span class="nt">&lt;/a&gt;</span>
			
 
				+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag fa-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 4.7.0<span class="nt">&lt;/a&gt;</span>
			
 
				 
			
 
				 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group&quot;</span><span class="nt">&gt;</span>
			
 
				   <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
			
@@ -813,11 +804,10 @@ fa-ban on fa-camera
 
				 
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -830,7 +820,7 @@ fa-ban on fa-camera
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -852,6 +842,30 @@ fa-ban on fa-camera
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -864,6 +878,19 @@ fa-ban on fa-camera
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../assets/js/site.js"></script>
			
 
				   <script src="../assets/js/search.js"></script>
			
 
				+  <script src="../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/get-started/index.html
+++ b/get-started/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome v-get-started">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../community/">Community</a></li>
			
 
				         <li><a href="../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -186,7 +177,7 @@
 
				 
			
 
				     
			
 
				     <h1><i class="fa fa-cogs" aria-hidden="true"></i>&nbsp; Get Started</h1>
			
 
				-    <p>Easy ways to get Font Awesome 4.6.3 onto your website</p>
			
 
				+    <p>Easy ways to get Font Awesome 4.7.0 onto your website</p>
			
 
				     
			
 
				   </div>
			
 
				 
			
@@ -240,7 +231,7 @@
 
				     <div class="row margin-bottom-none">
			
 
				       <div class="col-sm-6 col-md-3">
			
 
				         <h4>Icons on your site. Fast.</h4>
			
 
				-        <p>Don't mess with files locally or in production. You'll get all of Font Awesome's 634 icons plus CSS toolkit - all optimized for speed and no hassle.</p>
			
 
				+        <p>Don't mess with files locally or in production. You'll get all of Font Awesome's 675 icons plus CSS toolkit - all optimized for speed and no hassle.</p>
			
 
				       </div>
			
 
				 
			
 
				       <div class="col-sm-6 col-md-3">
			
@@ -304,7 +295,7 @@
 
				     <div class="download-preprocessors" id="download-preprocessors">
			
 
				       <h3>Using Sass or Less</h3>
			
 
				 
			
 
				-      <p>Use this method to customize Font Awesome 4.6.3 using LESS or SASS.</p>
			
 
				+      <p>Use this method to customize Font Awesome 4.7.0 using LESS or SASS.</p>
			
 
				       <ol>
			
 
				         <li>Copy the <code>font-awesome/</code> directory into your project.</li>
			
 
				         <li>
			
@@ -417,12 +408,12 @@
 
				   <div class="row">
			
 
				     <div class="col-md-6" id="need-ie7">
			
 
				       <h4>Need IE7 Support?</h4>
			
 
				-      <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>.
			
 
				-        Font Awesome uses that combination. If a page is cached, and loaded without the mouse over the window
			
 
				-        (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads.
			
 
				-        Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well.
			
 
				-        <a href="https://github.com/FortAwesome/Font-Awesome/issues/954">See issue #954</a> for details.</p>
			
 
				-      <p><a href="http://getbootstrap.com/getting-started/#support-ie8-font-face">Getting started - Internet Explorer 8 and @font-face</a> by <a href="http://getbootstrap.com/about/#team">Bootstrap Team</a> is licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p>
			
 
				+      <p>
			
 
				+        If you need IE7 support, you have my condolences. Really. Font Awesome 4.7.0
			
 
				+        doesn't support IE7, but an older version does. You'll need to check out the
			
 
				+        <a href="../3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
			
 
				+        whomever decided your project needs IE7 support.
			
 
				+      </p>
			
 
				     </div>
			
 
				 
			
 
				     <div class="col-md-6" id="troubleshooting">
			
@@ -476,13 +467,13 @@
 
				           </div>
			
 
				         </div>
			
 
				 
			
 
				-        <a href="https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_4.6_update" class="btn btn-success btn-lg btn-block">
			
 
				+        <a href="https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_4.7_update" class="btn btn-success btn-lg btn-block">
			
 
				           Take your icon game <br class="visible-xs" />to the next level with
			
 
				           <h2 class="margin-top-sm margin-bottom-sm hidden-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h2>
			
 
				           <h3 class="margin-top-sm margin-bottom-sm visible-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h3>
			
 
				         </a>
			
 
				         <div class="text-center margin-top-sm margin-bottom-sm">or</div>
			
 
				-        <a class="btn btn-default btn-lg btn-block" href="../assets/font-awesome-4.6.3.zip"
			
 
				+        <a class="btn btn-default btn-lg btn-block" href="../assets/font-awesome-4.7.0.zip"
			
 
				            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Download on GitHub']);">
			
 
				           No thanks, just download <br class="visible-xs" />Font Awesome
			
 
				         </a>
			
@@ -493,11 +484,10 @@
 
				 </div>
			
 
				 
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -510,7 +500,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -532,6 +522,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -544,6 +558,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../assets/js/site.js"></script>
			
 
				   <script src="../assets/js/search.js"></script>
			
 
				+  <script src="../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/500px/index.html
+++ b/icon/500px/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/address-book-o/index.html
+++ b/icon/address-book-o/index.html
@@ -0,0 +1,344 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <!-- Basic Page Needs
			
 
				+ ================================================== -->
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1">
			
 
				+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
			
 
				+  <meta name="author" content="Dave Gandy">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
			
 
				+
			
 
				+  <title>fa-address-book-o: Font Awesome Icons</title>
			
 
				+
			
 
				+  <!-- CSS
			
 
				+  ================================================== -->
			
 
				+  <link rel="stylesheet" href="../../assets/css/site.css">
			
 
				+  <link rel="stylesheet" href="../../assets/css/pygments.css">
			
 
				+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
			
 
				+
			
 
				+  <!--[if lt IE 9]>
			
 
				+    <script src="../../assets/js/html5shiv.js"></script>
			
 
				+    <script src="../../assets/js/respond.min.js"></script>
			
 
				+  <![endif]-->
			
 
				+
			
 
				+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    var _gaq = _gaq || [];
			
 
				+    _gaq.push(['_setAccount', 'UA-30136587-1']);
			
 
				+    _gaq.push(['_trackPageview']);
			
 
				+
			
 
				+    (function() {
			
 
				+      var ga = document.createElement('script');
			
 
				+      ga.src = 'https://www.google-analytics.com/ga.js';
			
 
				+      var s = document.scripts[0];
			
 
				+      s.parentNode.insertBefore(ga, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				+</head>
			
 
				+<body class="font-awesome ">
			
 
				+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				+    <div class="collapse hidden-print" id="banner">
			
 
				+  <div class="container">
			
 
				+    <div class="message-container">
			
 
				+      <div class="tagline">
			
 
				+        <span id="rotating-message"></span>
			
 
				+      </div>
			
 
				+      <div class="action">
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-org navbar-static-top">
			
 
				+  <div class="container">
			
 
				+    <ul class="nav navbar-nav navbar-right">
			
 
				+      <li>
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+          <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				+          Fort Awesome
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+          <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				+          Symbolset
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li class="active">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+          <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				+          Font Awesome</a>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-inverse navbar-static-top hidden-print">
			
 
				+  <div class="container">
			
 
				+    <div class="navbar-header">
			
 
				+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			
 
				+        <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
			
 
				+        <span class="sr-only">Toggle navigation</span>
			
 
				+      </button>
			
 
				+      <a class="navbar-brand" href="../../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="navbar-collapse collapse">
			
 
				+      <ul class="nav navbar-nav">
			
 
				+        <li class="hidden-sm "><a href="../../">Home</a></li>
			
 
				+        <li class="hidden-sm">
			
 
				+          <a href="../../whats-new/">What's New</a>
			
 
				+        </li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../whats-new/">New</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../get-started/">Start</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				+            <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
 
				+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
			
 
				+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
			
 
				+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
			
 
				+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
			
 
				+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
			
 
				+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
			
 
				+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
			
 
				+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
			
 
				+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
			
 
				+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
			
 
				+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
			
 
				+            <li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
			
 
				+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../examples/">Examples</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../examples/#basic">Basic Icons</a></li>
			
 
				+            <li><a href="../../examples/#larger">Larger Icons</a></li>
			
 
				+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
			
 
				+            <li><a href="../../examples/#list">List Icons</a></li>
			
 
				+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
			
 
				+            <li><a href="../../examples/#animated">Animated Icons</a></li>
			
 
				+            <li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
			
 
				+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
			
 
				+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
			
 
				+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
			
 
				+            <li><a href="../../examples/#custom">Custom CSS</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				+        <li><a href="../../community/">Community</a></li>
			
 
				+        <li><a href="../../license/">License</a></li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <ul class="nav navbar-nav navbar-right">
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+    <div class="jumbotron jumbotron-icon">
			
 
				+  <div class="container">
			
 
				+    <div class="info-icons">
			
 
				+      <i class="fa fa-address-book-o fa-6" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-book-o at 6x</span>&nbsp;&nbsp;
			
 
				+      <span class="hide-xs">
			
 
				+        <i class="fa fa-address-book-o fa-5" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-book-o at 5x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <span class="hide-sm">
			
 
				+          <i class="fa fa-address-book-o fa-4" aria-hidden="true"></i>
			
 
				+          <span class="sr-only">Example of address-book-o at 4x</span>
			
 
				+          &nbsp;&nbsp;
			
 
				+        </span>
			
 
				+        <i class="fa fa-address-book-o fa-3" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-book-o at 3x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <i class="fa fa-address-book-o fa-2" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-book-o at 2x</span>
			
 
				+        &nbsp;
			
 
				+      </span>
			
 
				+      <i class="fa fa-address-book-o fa-1" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-book-o</span>
			
 
				+    </div>
			
 
				+    <h1 class="info-class">
			
 
				+      fa-address-book-o
			
 
				+      <small>
			
 
				+        <i class="fa fa-address-book-o" aria-hidden="true"></i> &middot;
			
 
				+        Unicode: <span class="upper">f2ba</span> &middot;
			
 
				+        Created: v4.7 &middot;
			
 
				+        Categories:
			
 
				+        
			
 
				+          Web Application Icons
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+      </small>
			
 
				+    </h1>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="container">
			
 
				+  <section>
			
 
				+    <div class="row">
			
 
				+      <div class="col-md-9 col-sm-9">
			
 
				+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
			
 
				+        <div class="well well-transparent">
			
 
				+          <div style="font-size: 24px; line-height: 1.5em;">
			
 
				+            <i class="fa fa-address-book-o" aria-hidden="true"></i><span class="sr-only">Example of address-book-o</span> fa-address-book-o
			
 
				+          </div>
			
 
				+        </div>
			
 
				+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-address-book-o&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				+</code></pre></div>
			
 
				+        <p class="margin-bottom-lg">
			
 
				+          <small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
			
 
				+        </p>
			
 
				+
			
 
				+        <div class="lead">
			
 
				+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-md-3 col-sm-3">
			
 
				+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
			
 
				+</div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
 
				+
			
 
				+  </div>
			
 
				+  <footer id="footer" class="footer hidden-print">
			
 
				+  <div class="container text-center">
			
 
				+    <div id="inventory">
			
 
				+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
 
				+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+      <a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Premium Wordpress Themes" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
			
 
				+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
			
 
				+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
			
 
				+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
			
 
				+    </div>
			
 
				+    <div class="project">
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
			
 
				+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
 
				+
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
 
				+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
			
 
				+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				+  <script src="../../assets/js/site.js"></script>
			
 
				+  <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				+  <!-- Facebook Pixel Code -->
			
 
				+  <script>
			
 
				+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
 
				+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
			
 
				+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
			
 
				+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
			
 
				+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
			
 
				+
			
 
				+  fbq('init', '590758314440297');
			
 
				+  fbq('track', "PageView");</script>
			
 
				+  <noscript><img height="1" width="1" style="display:none"
			
 
				+  src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
			
 
				+  /></noscript>
			
 
				+  <!-- End Facebook Pixel Code -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/icon/address-book/index.html
+++ b/icon/address-book/index.html
@@ -0,0 +1,344 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <!-- Basic Page Needs
			
 
				+ ================================================== -->
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1">
			
 
				+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
			
 
				+  <meta name="author" content="Dave Gandy">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
			
 
				+
			
 
				+  <title>fa-address-book: Font Awesome Icons</title>
			
 
				+
			
 
				+  <!-- CSS
			
 
				+  ================================================== -->
			
 
				+  <link rel="stylesheet" href="../../assets/css/site.css">
			
 
				+  <link rel="stylesheet" href="../../assets/css/pygments.css">
			
 
				+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
			
 
				+
			
 
				+  <!--[if lt IE 9]>
			
 
				+    <script src="../../assets/js/html5shiv.js"></script>
			
 
				+    <script src="../../assets/js/respond.min.js"></script>
			
 
				+  <![endif]-->
			
 
				+
			
 
				+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    var _gaq = _gaq || [];
			
 
				+    _gaq.push(['_setAccount', 'UA-30136587-1']);
			
 
				+    _gaq.push(['_trackPageview']);
			
 
				+
			
 
				+    (function() {
			
 
				+      var ga = document.createElement('script');
			
 
				+      ga.src = 'https://www.google-analytics.com/ga.js';
			
 
				+      var s = document.scripts[0];
			
 
				+      s.parentNode.insertBefore(ga, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				+</head>
			
 
				+<body class="font-awesome ">
			
 
				+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				+    <div class="collapse hidden-print" id="banner">
			
 
				+  <div class="container">
			
 
				+    <div class="message-container">
			
 
				+      <div class="tagline">
			
 
				+        <span id="rotating-message"></span>
			
 
				+      </div>
			
 
				+      <div class="action">
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-org navbar-static-top">
			
 
				+  <div class="container">
			
 
				+    <ul class="nav navbar-nav navbar-right">
			
 
				+      <li>
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+          <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				+          Fort Awesome
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+          <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				+          Symbolset
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li class="active">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+          <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				+          Font Awesome</a>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-inverse navbar-static-top hidden-print">
			
 
				+  <div class="container">
			
 
				+    <div class="navbar-header">
			
 
				+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			
 
				+        <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
			
 
				+        <span class="sr-only">Toggle navigation</span>
			
 
				+      </button>
			
 
				+      <a class="navbar-brand" href="../../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="navbar-collapse collapse">
			
 
				+      <ul class="nav navbar-nav">
			
 
				+        <li class="hidden-sm "><a href="../../">Home</a></li>
			
 
				+        <li class="hidden-sm">
			
 
				+          <a href="../../whats-new/">What's New</a>
			
 
				+        </li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../whats-new/">New</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../get-started/">Start</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				+            <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
 
				+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
			
 
				+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
			
 
				+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
			
 
				+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
			
 
				+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
			
 
				+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
			
 
				+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
			
 
				+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
			
 
				+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
			
 
				+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
			
 
				+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
			
 
				+            <li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
			
 
				+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../examples/">Examples</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../examples/#basic">Basic Icons</a></li>
			
 
				+            <li><a href="../../examples/#larger">Larger Icons</a></li>
			
 
				+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
			
 
				+            <li><a href="../../examples/#list">List Icons</a></li>
			
 
				+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
			
 
				+            <li><a href="../../examples/#animated">Animated Icons</a></li>
			
 
				+            <li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
			
 
				+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
			
 
				+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
			
 
				+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
			
 
				+            <li><a href="../../examples/#custom">Custom CSS</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				+        <li><a href="../../community/">Community</a></li>
			
 
				+        <li><a href="../../license/">License</a></li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <ul class="nav navbar-nav navbar-right">
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+    <div class="jumbotron jumbotron-icon">
			
 
				+  <div class="container">
			
 
				+    <div class="info-icons">
			
 
				+      <i class="fa fa-address-book fa-6" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-book at 6x</span>&nbsp;&nbsp;
			
 
				+      <span class="hide-xs">
			
 
				+        <i class="fa fa-address-book fa-5" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-book at 5x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <span class="hide-sm">
			
 
				+          <i class="fa fa-address-book fa-4" aria-hidden="true"></i>
			
 
				+          <span class="sr-only">Example of address-book at 4x</span>
			
 
				+          &nbsp;&nbsp;
			
 
				+        </span>
			
 
				+        <i class="fa fa-address-book fa-3" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-book at 3x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <i class="fa fa-address-book fa-2" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-book at 2x</span>
			
 
				+        &nbsp;
			
 
				+      </span>
			
 
				+      <i class="fa fa-address-book fa-1" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-book</span>
			
 
				+    </div>
			
 
				+    <h1 class="info-class">
			
 
				+      fa-address-book
			
 
				+      <small>
			
 
				+        <i class="fa fa-address-book" aria-hidden="true"></i> &middot;
			
 
				+        Unicode: <span class="upper">f2b9</span> &middot;
			
 
				+        Created: v4.7 &middot;
			
 
				+        Categories:
			
 
				+        
			
 
				+          Web Application Icons
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+      </small>
			
 
				+    </h1>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="container">
			
 
				+  <section>
			
 
				+    <div class="row">
			
 
				+      <div class="col-md-9 col-sm-9">
			
 
				+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
			
 
				+        <div class="well well-transparent">
			
 
				+          <div style="font-size: 24px; line-height: 1.5em;">
			
 
				+            <i class="fa fa-address-book" aria-hidden="true"></i><span class="sr-only">Example of address-book</span> fa-address-book
			
 
				+          </div>
			
 
				+        </div>
			
 
				+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-address-book&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				+</code></pre></div>
			
 
				+        <p class="margin-bottom-lg">
			
 
				+          <small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
			
 
				+        </p>
			
 
				+
			
 
				+        <div class="lead">
			
 
				+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-md-3 col-sm-3">
			
 
				+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
			
 
				+</div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
 
				+
			
 
				+  </div>
			
 
				+  <footer id="footer" class="footer hidden-print">
			
 
				+  <div class="container text-center">
			
 
				+    <div id="inventory">
			
 
				+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
 
				+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+      <a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Premium Wordpress Themes" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
			
 
				+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
			
 
				+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
			
 
				+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
			
 
				+    </div>
			
 
				+    <div class="project">
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
			
 
				+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
 
				+
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
 
				+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
			
 
				+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				+  <script src="../../assets/js/site.js"></script>
			
 
				+  <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				+  <!-- Facebook Pixel Code -->
			
 
				+  <script>
			
 
				+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
 
				+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
			
 
				+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
			
 
				+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
			
 
				+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
			
 
				+
			
 
				+  fbq('init', '590758314440297');
			
 
				+  fbq('track', "PageView");</script>
			
 
				+  <noscript><img height="1" width="1" style="display:none"
			
 
				+  src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
			
 
				+  /></noscript>
			
 
				+  <!-- End Facebook Pixel Code -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/icon/address-card-o/index.html
+++ b/icon/address-card-o/index.html
@@ -0,0 +1,349 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <!-- Basic Page Needs
			
 
				+ ================================================== -->
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1">
			
 
				+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
			
 
				+  <meta name="author" content="Dave Gandy">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
			
 
				+
			
 
				+  <title>fa-address-card-o: Font Awesome Icons</title>
			
 
				+
			
 
				+  <!-- CSS
			
 
				+  ================================================== -->
			
 
				+  <link rel="stylesheet" href="../../assets/css/site.css">
			
 
				+  <link rel="stylesheet" href="../../assets/css/pygments.css">
			
 
				+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
			
 
				+
			
 
				+  <!--[if lt IE 9]>
			
 
				+    <script src="../../assets/js/html5shiv.js"></script>
			
 
				+    <script src="../../assets/js/respond.min.js"></script>
			
 
				+  <![endif]-->
			
 
				+
			
 
				+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    var _gaq = _gaq || [];
			
 
				+    _gaq.push(['_setAccount', 'UA-30136587-1']);
			
 
				+    _gaq.push(['_trackPageview']);
			
 
				+
			
 
				+    (function() {
			
 
				+      var ga = document.createElement('script');
			
 
				+      ga.src = 'https://www.google-analytics.com/ga.js';
			
 
				+      var s = document.scripts[0];
			
 
				+      s.parentNode.insertBefore(ga, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				+</head>
			
 
				+<body class="font-awesome ">
			
 
				+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				+    <div class="collapse hidden-print" id="banner">
			
 
				+  <div class="container">
			
 
				+    <div class="message-container">
			
 
				+      <div class="tagline">
			
 
				+        <span id="rotating-message"></span>
			
 
				+      </div>
			
 
				+      <div class="action">
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-org navbar-static-top">
			
 
				+  <div class="container">
			
 
				+    <ul class="nav navbar-nav navbar-right">
			
 
				+      <li>
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+          <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				+          Fort Awesome
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+          <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				+          Symbolset
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li class="active">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+          <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				+          Font Awesome</a>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-inverse navbar-static-top hidden-print">
			
 
				+  <div class="container">
			
 
				+    <div class="navbar-header">
			
 
				+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			
 
				+        <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
			
 
				+        <span class="sr-only">Toggle navigation</span>
			
 
				+      </button>
			
 
				+      <a class="navbar-brand" href="../../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="navbar-collapse collapse">
			
 
				+      <ul class="nav navbar-nav">
			
 
				+        <li class="hidden-sm "><a href="../../">Home</a></li>
			
 
				+        <li class="hidden-sm">
			
 
				+          <a href="../../whats-new/">What's New</a>
			
 
				+        </li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../whats-new/">New</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../get-started/">Start</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				+            <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
 
				+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
			
 
				+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
			
 
				+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
			
 
				+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
			
 
				+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
			
 
				+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
			
 
				+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
			
 
				+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
			
 
				+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
			
 
				+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
			
 
				+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
			
 
				+            <li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
			
 
				+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../examples/">Examples</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../examples/#basic">Basic Icons</a></li>
			
 
				+            <li><a href="../../examples/#larger">Larger Icons</a></li>
			
 
				+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
			
 
				+            <li><a href="../../examples/#list">List Icons</a></li>
			
 
				+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
			
 
				+            <li><a href="../../examples/#animated">Animated Icons</a></li>
			
 
				+            <li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
			
 
				+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
			
 
				+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
			
 
				+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
			
 
				+            <li><a href="../../examples/#custom">Custom CSS</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				+        <li><a href="../../community/">Community</a></li>
			
 
				+        <li><a href="../../license/">License</a></li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <ul class="nav navbar-nav navbar-right">
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+    <div class="jumbotron jumbotron-icon">
			
 
				+  <div class="container">
			
 
				+    <div class="info-icons">
			
 
				+      <i class="fa fa-address-card-o fa-6" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-card-o at 6x</span>&nbsp;&nbsp;
			
 
				+      <span class="hide-xs">
			
 
				+        <i class="fa fa-address-card-o fa-5" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-card-o at 5x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <span class="hide-sm">
			
 
				+          <i class="fa fa-address-card-o fa-4" aria-hidden="true"></i>
			
 
				+          <span class="sr-only">Example of address-card-o at 4x</span>
			
 
				+          &nbsp;&nbsp;
			
 
				+        </span>
			
 
				+        <i class="fa fa-address-card-o fa-3" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-card-o at 3x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <i class="fa fa-address-card-o fa-2" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-card-o at 2x</span>
			
 
				+        &nbsp;
			
 
				+      </span>
			
 
				+      <i class="fa fa-address-card-o fa-1" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-card-o</span>
			
 
				+    </div>
			
 
				+    <h1 class="info-class">
			
 
				+      fa-address-card-o
			
 
				+      <small>
			
 
				+        <i class="fa fa-address-card-o" aria-hidden="true"></i> &middot;
			
 
				+        Unicode: <span class="upper">f2bc</span> &middot;
			
 
				+        Created: v4.7 &middot;
			
 
				+        Categories:
			
 
				+        
			
 
				+          Web Application Icons
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+          &middot; Aliases:
			
 
				+          
			
 
				+            fa-vcard-o
			
 
				+          
			
 
				+        
			
 
				+        
			
 
				+      </small>
			
 
				+    </h1>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="container">
			
 
				+  <section>
			
 
				+    <div class="row">
			
 
				+      <div class="col-md-9 col-sm-9">
			
 
				+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
			
 
				+        <div class="well well-transparent">
			
 
				+          <div style="font-size: 24px; line-height: 1.5em;">
			
 
				+            <i class="fa fa-address-card-o" aria-hidden="true"></i><span class="sr-only">Example of address-card-o</span> fa-address-card-o
			
 
				+          </div>
			
 
				+        </div>
			
 
				+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-address-card-o&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				+</code></pre></div>
			
 
				+        <p class="margin-bottom-lg">
			
 
				+          <small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
			
 
				+        </p>
			
 
				+
			
 
				+        <div class="lead">
			
 
				+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-md-3 col-sm-3">
			
 
				+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
			
 
				+</div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
 
				+
			
 
				+  </div>
			
 
				+  <footer id="footer" class="footer hidden-print">
			
 
				+  <div class="container text-center">
			
 
				+    <div id="inventory">
			
 
				+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
 
				+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+      <a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Premium Wordpress Themes" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
			
 
				+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
			
 
				+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
			
 
				+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
			
 
				+    </div>
			
 
				+    <div class="project">
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
			
 
				+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
 
				+
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
 
				+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
			
 
				+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				+  <script src="../../assets/js/site.js"></script>
			
 
				+  <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				+  <!-- Facebook Pixel Code -->
			
 
				+  <script>
			
 
				+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
 
				+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
			
 
				+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
			
 
				+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
			
 
				+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
			
 
				+
			
 
				+  fbq('init', '590758314440297');
			
 
				+  fbq('track', "PageView");</script>
			
 
				+  <noscript><img height="1" width="1" style="display:none"
			
 
				+  src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
			
 
				+  /></noscript>
			
 
				+  <!-- End Facebook Pixel Code -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/icon/address-card/index.html
+++ b/icon/address-card/index.html
@@ -0,0 +1,349 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <!-- Basic Page Needs
			
 
				+ ================================================== -->
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1">
			
 
				+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
			
 
				+  <meta name="author" content="Dave Gandy">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
			
 
				+
			
 
				+  <title>fa-address-card: Font Awesome Icons</title>
			
 
				+
			
 
				+  <!-- CSS
			
 
				+  ================================================== -->
			
 
				+  <link rel="stylesheet" href="../../assets/css/site.css">
			
 
				+  <link rel="stylesheet" href="../../assets/css/pygments.css">
			
 
				+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
			
 
				+
			
 
				+  <!--[if lt IE 9]>
			
 
				+    <script src="../../assets/js/html5shiv.js"></script>
			
 
				+    <script src="../../assets/js/respond.min.js"></script>
			
 
				+  <![endif]-->
			
 
				+
			
 
				+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    var _gaq = _gaq || [];
			
 
				+    _gaq.push(['_setAccount', 'UA-30136587-1']);
			
 
				+    _gaq.push(['_trackPageview']);
			
 
				+
			
 
				+    (function() {
			
 
				+      var ga = document.createElement('script');
			
 
				+      ga.src = 'https://www.google-analytics.com/ga.js';
			
 
				+      var s = document.scripts[0];
			
 
				+      s.parentNode.insertBefore(ga, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				+</head>
			
 
				+<body class="font-awesome ">
			
 
				+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				+    <div class="collapse hidden-print" id="banner">
			
 
				+  <div class="container">
			
 
				+    <div class="message-container">
			
 
				+      <div class="tagline">
			
 
				+        <span id="rotating-message"></span>
			
 
				+      </div>
			
 
				+      <div class="action">
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-org navbar-static-top">
			
 
				+  <div class="container">
			
 
				+    <ul class="nav navbar-nav navbar-right">
			
 
				+      <li>
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+          <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				+          Fort Awesome
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+          <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				+          Symbolset
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li class="active">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+          <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				+          Font Awesome</a>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-inverse navbar-static-top hidden-print">
			
 
				+  <div class="container">
			
 
				+    <div class="navbar-header">
			
 
				+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			
 
				+        <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
			
 
				+        <span class="sr-only">Toggle navigation</span>
			
 
				+      </button>
			
 
				+      <a class="navbar-brand" href="../../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="navbar-collapse collapse">
			
 
				+      <ul class="nav navbar-nav">
			
 
				+        <li class="hidden-sm "><a href="../../">Home</a></li>
			
 
				+        <li class="hidden-sm">
			
 
				+          <a href="../../whats-new/">What's New</a>
			
 
				+        </li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../whats-new/">New</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../get-started/">Start</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				+            <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
 
				+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
			
 
				+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
			
 
				+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
			
 
				+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
			
 
				+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
			
 
				+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
			
 
				+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
			
 
				+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
			
 
				+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
			
 
				+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
			
 
				+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
			
 
				+            <li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
			
 
				+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../examples/">Examples</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../examples/#basic">Basic Icons</a></li>
			
 
				+            <li><a href="../../examples/#larger">Larger Icons</a></li>
			
 
				+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
			
 
				+            <li><a href="../../examples/#list">List Icons</a></li>
			
 
				+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
			
 
				+            <li><a href="../../examples/#animated">Animated Icons</a></li>
			
 
				+            <li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
			
 
				+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
			
 
				+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
			
 
				+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
			
 
				+            <li><a href="../../examples/#custom">Custom CSS</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				+        <li><a href="../../community/">Community</a></li>
			
 
				+        <li><a href="../../license/">License</a></li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <ul class="nav navbar-nav navbar-right">
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+    <div class="jumbotron jumbotron-icon">
			
 
				+  <div class="container">
			
 
				+    <div class="info-icons">
			
 
				+      <i class="fa fa-address-card fa-6" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-card at 6x</span>&nbsp;&nbsp;
			
 
				+      <span class="hide-xs">
			
 
				+        <i class="fa fa-address-card fa-5" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-card at 5x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <span class="hide-sm">
			
 
				+          <i class="fa fa-address-card fa-4" aria-hidden="true"></i>
			
 
				+          <span class="sr-only">Example of address-card at 4x</span>
			
 
				+          &nbsp;&nbsp;
			
 
				+        </span>
			
 
				+        <i class="fa fa-address-card fa-3" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-card at 3x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <i class="fa fa-address-card fa-2" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of address-card at 2x</span>
			
 
				+        &nbsp;
			
 
				+      </span>
			
 
				+      <i class="fa fa-address-card fa-1" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of address-card</span>
			
 
				+    </div>
			
 
				+    <h1 class="info-class">
			
 
				+      fa-address-card
			
 
				+      <small>
			
 
				+        <i class="fa fa-address-card" aria-hidden="true"></i> &middot;
			
 
				+        Unicode: <span class="upper">f2bb</span> &middot;
			
 
				+        Created: v4.7 &middot;
			
 
				+        Categories:
			
 
				+        
			
 
				+          Web Application Icons
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+          &middot; Aliases:
			
 
				+          
			
 
				+            fa-vcard
			
 
				+          
			
 
				+        
			
 
				+        
			
 
				+      </small>
			
 
				+    </h1>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="container">
			
 
				+  <section>
			
 
				+    <div class="row">
			
 
				+      <div class="col-md-9 col-sm-9">
			
 
				+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
			
 
				+        <div class="well well-transparent">
			
 
				+          <div style="font-size: 24px; line-height: 1.5em;">
			
 
				+            <i class="fa fa-address-card" aria-hidden="true"></i><span class="sr-only">Example of address-card</span> fa-address-card
			
 
				+          </div>
			
 
				+        </div>
			
 
				+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-address-card&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				+</code></pre></div>
			
 
				+        <p class="margin-bottom-lg">
			
 
				+          <small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
			
 
				+        </p>
			
 
				+
			
 
				+        <div class="lead">
			
 
				+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-md-3 col-sm-3">
			
 
				+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
			
 
				+</div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
 
				+
			
 
				+  </div>
			
 
				+  <footer id="footer" class="footer hidden-print">
			
 
				+  <div class="container text-center">
			
 
				+    <div id="inventory">
			
 
				+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
 
				+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+      <a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Premium Wordpress Themes" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
			
 
				+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
			
 
				+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
			
 
				+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
			
 
				+    </div>
			
 
				+    <div class="project">
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
			
 
				+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
 
				+
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
 
				+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
			
 
				+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				+  <script src="../../assets/js/site.js"></script>
			
 
				+  <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				+  <!-- Facebook Pixel Code -->
			
 
				+  <script>
			
 
				+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
 
				+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
			
 
				+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
			
 
				+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
			
 
				+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
			
 
				+
			
 
				+  fbq('init', '590758314440297');
			
 
				+  fbq('track', "PageView");</script>
			
 
				+  <noscript><img height="1" width="1" style="display:none"
			
 
				+  src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
			
 
				+  /></noscript>
			
 
				+  <!-- End Facebook Pixel Code -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/icon/adjust/index.html
+++ b/icon/adjust/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/adn/index.html
+++ b/icon/adn/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/align-center/index.html
+++ b/icon/align-center/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/align-justify/index.html
+++ b/icon/align-justify/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/align-left/index.html
+++ b/icon/align-left/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/align-right/index.html
+++ b/icon/align-right/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/amazon/index.html
+++ b/icon/amazon/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/ambulance/index.html
+++ b/icon/ambulance/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/american-sign-language-interpreting/index.html
+++ b/icon/american-sign-language-interpreting/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -255,11 +246,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -272,7 +262,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -294,6 +284,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -306,6 +320,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/anchor/index.html
+++ b/icon/anchor/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/android/index.html
+++ b/icon/android/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angellist/index.html
+++ b/icon/angellist/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-double-down/index.html
+++ b/icon/angle-double-down/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-double-left/index.html
+++ b/icon/angle-double-left/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-double-right/index.html
+++ b/icon/angle-double-right/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-double-up/index.html
+++ b/icon/angle-double-up/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-down/index.html
+++ b/icon/angle-down/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-left/index.html
+++ b/icon/angle-left/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-right/index.html
+++ b/icon/angle-right/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/angle-up/index.html
+++ b/icon/angle-up/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/apple/index.html
+++ b/icon/apple/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/archive/index.html
+++ b/icon/archive/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/area-chart/index.html
+++ b/icon/area-chart/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-down/index.html
+++ b/icon/arrow-circle-down/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-left/index.html
+++ b/icon/arrow-circle-left/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-o-down/index.html
+++ b/icon/arrow-circle-o-down/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-o-left/index.html
+++ b/icon/arrow-circle-o-left/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-o-right/index.html
+++ b/icon/arrow-circle-o-right/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-o-up/index.html
+++ b/icon/arrow-circle-o-up/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-right/index.html
+++ b/icon/arrow-circle-right/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-circle-up/index.html
+++ b/icon/arrow-circle-up/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-down/index.html
+++ b/icon/arrow-down/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-left/index.html
+++ b/icon/arrow-left/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-right/index.html
+++ b/icon/arrow-right/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrow-up/index.html
+++ b/icon/arrow-up/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrows-alt/index.html
+++ b/icon/arrows-alt/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrows-h/index.html
+++ b/icon/arrows-h/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrows-v/index.html
+++ b/icon/arrows-v/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/arrows/index.html
+++ b/icon/arrows/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/assistive-listening-systems/index.html
+++ b/icon/assistive-listening-systems/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/asterisk/index.html
+++ b/icon/asterisk/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/at/index.html
+++ b/icon/at/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/audio-description/index.html
+++ b/icon/audio-description/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -250,11 +241,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -267,7 +257,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -289,6 +279,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -301,6 +315,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/backward/index.html
+++ b/icon/backward/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/balance-scale/index.html
+++ b/icon/balance-scale/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/ban/index.html
+++ b/icon/ban/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/bandcamp/index.html
+++ b/icon/bandcamp/index.html
@@ -0,0 +1,344 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <!-- Basic Page Needs
			
 
				+ ================================================== -->
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1">
			
 
				+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
			
 
				+  <meta name="author" content="Dave Gandy">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
			
 
				+
			
 
				+  <title>fa-bandcamp: Font Awesome Icons</title>
			
 
				+
			
 
				+  <!-- CSS
			
 
				+  ================================================== -->
			
 
				+  <link rel="stylesheet" href="../../assets/css/site.css">
			
 
				+  <link rel="stylesheet" href="../../assets/css/pygments.css">
			
 
				+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
			
 
				+
			
 
				+  <!--[if lt IE 9]>
			
 
				+    <script src="../../assets/js/html5shiv.js"></script>
			
 
				+    <script src="../../assets/js/respond.min.js"></script>
			
 
				+  <![endif]-->
			
 
				+
			
 
				+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    var _gaq = _gaq || [];
			
 
				+    _gaq.push(['_setAccount', 'UA-30136587-1']);
			
 
				+    _gaq.push(['_trackPageview']);
			
 
				+
			
 
				+    (function() {
			
 
				+      var ga = document.createElement('script');
			
 
				+      ga.src = 'https://www.google-analytics.com/ga.js';
			
 
				+      var s = document.scripts[0];
			
 
				+      s.parentNode.insertBefore(ga, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				+</head>
			
 
				+<body class="font-awesome ">
			
 
				+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				+    <div class="collapse hidden-print" id="banner">
			
 
				+  <div class="container">
			
 
				+    <div class="message-container">
			
 
				+      <div class="tagline">
			
 
				+        <span id="rotating-message"></span>
			
 
				+      </div>
			
 
				+      <div class="action">
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-org navbar-static-top">
			
 
				+  <div class="container">
			
 
				+    <ul class="nav navbar-nav navbar-right">
			
 
				+      <li>
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+          <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				+          Fort Awesome
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+          <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				+          Symbolset
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li class="active">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+          <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				+          Font Awesome</a>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-inverse navbar-static-top hidden-print">
			
 
				+  <div class="container">
			
 
				+    <div class="navbar-header">
			
 
				+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			
 
				+        <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
			
 
				+        <span class="sr-only">Toggle navigation</span>
			
 
				+      </button>
			
 
				+      <a class="navbar-brand" href="../../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="navbar-collapse collapse">
			
 
				+      <ul class="nav navbar-nav">
			
 
				+        <li class="hidden-sm "><a href="../../">Home</a></li>
			
 
				+        <li class="hidden-sm">
			
 
				+          <a href="../../whats-new/">What's New</a>
			
 
				+        </li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../whats-new/">New</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../get-started/">Start</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				+            <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
 
				+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
			
 
				+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
			
 
				+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
			
 
				+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
			
 
				+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
			
 
				+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
			
 
				+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
			
 
				+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
			
 
				+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
			
 
				+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
			
 
				+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
			
 
				+            <li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
			
 
				+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../examples/">Examples</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../examples/#basic">Basic Icons</a></li>
			
 
				+            <li><a href="../../examples/#larger">Larger Icons</a></li>
			
 
				+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
			
 
				+            <li><a href="../../examples/#list">List Icons</a></li>
			
 
				+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
			
 
				+            <li><a href="../../examples/#animated">Animated Icons</a></li>
			
 
				+            <li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
			
 
				+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
			
 
				+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
			
 
				+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
			
 
				+            <li><a href="../../examples/#custom">Custom CSS</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				+        <li><a href="../../community/">Community</a></li>
			
 
				+        <li><a href="../../license/">License</a></li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <ul class="nav navbar-nav navbar-right">
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+    <div class="jumbotron jumbotron-icon">
			
 
				+  <div class="container">
			
 
				+    <div class="info-icons">
			
 
				+      <i class="fa fa-bandcamp fa-6" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of bandcamp at 6x</span>&nbsp;&nbsp;
			
 
				+      <span class="hide-xs">
			
 
				+        <i class="fa fa-bandcamp fa-5" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of bandcamp at 5x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <span class="hide-sm">
			
 
				+          <i class="fa fa-bandcamp fa-4" aria-hidden="true"></i>
			
 
				+          <span class="sr-only">Example of bandcamp at 4x</span>
			
 
				+          &nbsp;&nbsp;
			
 
				+        </span>
			
 
				+        <i class="fa fa-bandcamp fa-3" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of bandcamp at 3x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <i class="fa fa-bandcamp fa-2" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of bandcamp at 2x</span>
			
 
				+        &nbsp;
			
 
				+      </span>
			
 
				+      <i class="fa fa-bandcamp fa-1" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of bandcamp</span>
			
 
				+    </div>
			
 
				+    <h1 class="info-class">
			
 
				+      fa-bandcamp
			
 
				+      <small>
			
 
				+        <i class="fa fa-bandcamp" aria-hidden="true"></i> &middot;
			
 
				+        Unicode: <span class="upper">f2d5</span> &middot;
			
 
				+        Created: v4.7 &middot;
			
 
				+        Categories:
			
 
				+        
			
 
				+          Brand Icons
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+      </small>
			
 
				+    </h1>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="container">
			
 
				+  <section>
			
 
				+    <div class="row">
			
 
				+      <div class="col-md-9 col-sm-9">
			
 
				+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
			
 
				+        <div class="well well-transparent">
			
 
				+          <div style="font-size: 24px; line-height: 1.5em;">
			
 
				+            <i class="fa fa-bandcamp" aria-hidden="true"></i><span class="sr-only">Example of bandcamp</span> fa-bandcamp
			
 
				+          </div>
			
 
				+        </div>
			
 
				+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bandcamp&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				+</code></pre></div>
			
 
				+        <p class="margin-bottom-lg">
			
 
				+          <small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
			
 
				+        </p>
			
 
				+
			
 
				+        <div class="lead">
			
 
				+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-md-3 col-sm-3">
			
 
				+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
			
 
				+</div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
 
				+
			
 
				+  </div>
			
 
				+  <footer id="footer" class="footer hidden-print">
			
 
				+  <div class="container text-center">
			
 
				+    <div id="inventory">
			
 
				+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
 
				+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+      <a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Premium Wordpress Themes" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
			
 
				+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
			
 
				+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
			
 
				+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
			
 
				+    </div>
			
 
				+    <div class="project">
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
			
 
				+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
 
				+
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
 
				+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
			
 
				+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				+  <script src="../../assets/js/site.js"></script>
			
 
				+  <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				+  <!-- Facebook Pixel Code -->
			
 
				+  <script>
			
 
				+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
 
				+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
			
 
				+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
			
 
				+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
			
 
				+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
			
 
				+
			
 
				+  fbq('init', '590758314440297');
			
 
				+  fbq('track', "PageView");</script>
			
 
				+  <noscript><img height="1" width="1" style="display:none"
			
 
				+  src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
			
 
				+  /></noscript>
			
 
				+  <!-- End Facebook Pixel Code -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/icon/bar-chart/index.html
+++ b/icon/bar-chart/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -255,11 +246,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -272,7 +262,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -294,6 +284,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -306,6 +320,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/barcode/index.html
+++ b/icon/barcode/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/bars/index.html
+++ b/icon/bars/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -255,11 +246,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -272,7 +262,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -294,6 +284,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -306,6 +320,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/bath/index.html
+++ b/icon/bath/index.html
@@ -0,0 +1,351 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <!-- Basic Page Needs
			
 
				+ ================================================== -->
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1">
			
 
				+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
			
 
				+  <meta name="author" content="Dave Gandy">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
			
 
				+
			
 
				+  <title>fa-bath: Font Awesome Icons</title>
			
 
				+
			
 
				+  <!-- CSS
			
 
				+  ================================================== -->
			
 
				+  <link rel="stylesheet" href="../../assets/css/site.css">
			
 
				+  <link rel="stylesheet" href="../../assets/css/pygments.css">
			
 
				+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
			
 
				+
			
 
				+  <!--[if lt IE 9]>
			
 
				+    <script src="../../assets/js/html5shiv.js"></script>
			
 
				+    <script src="../../assets/js/respond.min.js"></script>
			
 
				+  <![endif]-->
			
 
				+
			
 
				+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    var _gaq = _gaq || [];
			
 
				+    _gaq.push(['_setAccount', 'UA-30136587-1']);
			
 
				+    _gaq.push(['_trackPageview']);
			
 
				+
			
 
				+    (function() {
			
 
				+      var ga = document.createElement('script');
			
 
				+      ga.src = 'https://www.google-analytics.com/ga.js';
			
 
				+      var s = document.scripts[0];
			
 
				+      s.parentNode.insertBefore(ga, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				+</head>
			
 
				+<body class="font-awesome ">
			
 
				+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				+    <div class="collapse hidden-print" id="banner">
			
 
				+  <div class="container">
			
 
				+    <div class="message-container">
			
 
				+      <div class="tagline">
			
 
				+        <span id="rotating-message"></span>
			
 
				+      </div>
			
 
				+      <div class="action">
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-org navbar-static-top">
			
 
				+  <div class="container">
			
 
				+    <ul class="nav navbar-nav navbar-right">
			
 
				+      <li>
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+          <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				+          Fort Awesome
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li>
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+          <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				+          Symbolset
			
 
				+        </a>
			
 
				+      </li>
			
 
				+      <li class="active">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+          <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				+          Font Awesome</a>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="navbar navbar-inverse navbar-static-top hidden-print">
			
 
				+  <div class="container">
			
 
				+    <div class="navbar-header">
			
 
				+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			
 
				+        <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
			
 
				+        <span class="sr-only">Toggle navigation</span>
			
 
				+      </button>
			
 
				+      <a class="navbar-brand" href="../../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="navbar-collapse collapse">
			
 
				+      <ul class="nav navbar-nav">
			
 
				+        <li class="hidden-sm "><a href="../../">Home</a></li>
			
 
				+        <li class="hidden-sm">
			
 
				+          <a href="../../whats-new/">What's New</a>
			
 
				+        </li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../whats-new/">New</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg">
			
 
				+          <a href="../../get-started/">Start</a>
			
 
				+        </li>
			
 
				+
			
 
				+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				+            <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
 
				+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
			
 
				+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
			
 
				+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
			
 
				+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
			
 
				+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
			
 
				+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
			
 
				+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
			
 
				+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
			
 
				+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
			
 
				+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
			
 
				+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
			
 
				+            <li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
			
 
				+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
			
 
				+        <li class="dropdown dropdown-split-right hidden-xs">
			
 
				+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			
 
				+            <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
			
 
				+            <span class="sr-only">Toggle dropdown menu</span>
			
 
				+            <span class="toggle drop down"></span>
			
 
				+          </a>
			
 
				+          <ul class="dropdown-menu pull-right">
			
 
				+            <li><a href="../../examples/">Examples</a></li>
			
 
				+            <li class="divider"></li>
			
 
				+            <li><a href="../../examples/#basic">Basic Icons</a></li>
			
 
				+            <li><a href="../../examples/#larger">Larger Icons</a></li>
			
 
				+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
			
 
				+            <li><a href="../../examples/#list">List Icons</a></li>
			
 
				+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
			
 
				+            <li><a href="../../examples/#animated">Animated Icons</a></li>
			
 
				+            <li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
			
 
				+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
			
 
				+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
			
 
				+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
			
 
				+            <li><a href="../../examples/#custom">Custom CSS</a></li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
			
 
				+        <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				+        <li><a href="../../community/">Community</a></li>
			
 
				+        <li><a href="../../license/">License</a></li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <ul class="nav navbar-nav navbar-right">
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+    <div class="jumbotron jumbotron-icon">
			
 
				+  <div class="container">
			
 
				+    <div class="info-icons">
			
 
				+      <i class="fa fa-bath fa-6" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of bath at 6x</span>&nbsp;&nbsp;
			
 
				+      <span class="hide-xs">
			
 
				+        <i class="fa fa-bath fa-5" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of bath at 5x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <span class="hide-sm">
			
 
				+          <i class="fa fa-bath fa-4" aria-hidden="true"></i>
			
 
				+          <span class="sr-only">Example of bath at 4x</span>
			
 
				+          &nbsp;&nbsp;
			
 
				+        </span>
			
 
				+        <i class="fa fa-bath fa-3" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of bath at 3x</span>
			
 
				+        &nbsp;&nbsp;
			
 
				+        <i class="fa fa-bath fa-2" aria-hidden="true"></i>
			
 
				+        <span class="sr-only">Example of bath at 2x</span>
			
 
				+        &nbsp;
			
 
				+      </span>
			
 
				+      <i class="fa fa-bath fa-1" aria-hidden="true"></i>
			
 
				+      <span class="sr-only">Example of bath</span>
			
 
				+    </div>
			
 
				+    <h1 class="info-class">
			
 
				+      fa-bath
			
 
				+      <small>
			
 
				+        <i class="fa fa-bath" aria-hidden="true"></i> &middot;
			
 
				+        Unicode: <span class="upper">f2cd</span> &middot;
			
 
				+        Created: v4.7 &middot;
			
 
				+        Categories:
			
 
				+        
			
 
				+          Web Application Icons
			
 
				+        
			
 
				+        
			
 
				+        
			
 
				+          &middot; Aliases:
			
 
				+          
			
 
				+            fa-bathtub,
			
 
				+          
			
 
				+            fa-s15
			
 
				+          
			
 
				+        
			
 
				+        
			
 
				+      </small>
			
 
				+    </h1>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<div class="container">
			
 
				+  <section>
			
 
				+    <div class="row">
			
 
				+      <div class="col-md-9 col-sm-9">
			
 
				+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
			
 
				+        <div class="well well-transparent">
			
 
				+          <div style="font-size: 24px; line-height: 1.5em;">
			
 
				+            <i class="fa fa-bath" aria-hidden="true"></i><span class="sr-only">Example of bath</span> fa-bath
			
 
				+          </div>
			
 
				+        </div>
			
 
				+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bath&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
			
 
				+</code></pre></div>
			
 
				+        <p class="margin-bottom-lg">
			
 
				+          <small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
			
 
				+        </p>
			
 
				+
			
 
				+        <div class="lead">
			
 
				+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="col-md-3 col-sm-3">
			
 
				+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
			
 
				+</div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+</div>
			
 
				+
			
 
				+  </div>
			
 
				+  <footer id="footer" class="footer hidden-print">
			
 
				+  <div class="container text-center">
			
 
				+    <div id="inventory">
			
 
				+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
 
				+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+      <a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				+          title="Premium Wordpress Themes" target="_blank" rel="nofollow"
			
 
				+          onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
			
 
				+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
			
 
				+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
			
 
				+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
			
 
				+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
			
 
				+    </div>
			
 
				+    <div class="project">
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
			
 
				+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
			
 
				+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</footer>
			
 
				+
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
 
				+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
			
 
				+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
			
 
				+  <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				+  <script src="../../assets/js/site.js"></script>
			
 
				+  <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				+  <!-- Facebook Pixel Code -->
			
 
				+  <script>
			
 
				+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
 
				+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
			
 
				+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
			
 
				+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
			
 
				+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
			
 
				+
			
 
				+  fbq('init', '590758314440297');
			
 
				+  fbq('track', "PageView");</script>
			
 
				+  <noscript><img height="1" width="1" style="display:none"
			
 
				+  src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
			
 
				+  /></noscript>
			
 
				+  <!-- End Facebook Pixel Code -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/icon/battery-empty/index.html
+++ b/icon/battery-empty/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -253,11 +244,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -270,7 +260,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -292,6 +282,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -304,6 +318,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/battery-full/index.html
+++ b/icon/battery-full/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -216,7 +207,9 @@
 
				         
			
 
				           &middot; Aliases:
			
 
				           
			
 
				-            fa-battery-4
			
 
				+            fa-battery-4,
			
 
				+          
			
 
				+            fa-battery
			
 
				           
			
 
				         
			
 
				         
			
@@ -253,11 +246,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -270,7 +262,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -292,6 +284,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -304,6 +320,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/battery-half/index.html
+++ b/icon/battery-half/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -253,11 +244,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -270,7 +260,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -292,6 +282,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -304,6 +318,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/battery-quarter/index.html
+++ b/icon/battery-quarter/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -253,11 +244,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -270,7 +260,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -292,6 +282,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -304,6 +318,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/battery-three-quarters/index.html
+++ b/icon/battery-three-quarters/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -253,11 +244,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -270,7 +260,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -292,6 +282,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -304,6 +318,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/bed/index.html
+++ b/icon/bed/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -253,11 +244,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -270,7 +260,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -292,6 +282,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -304,6 +318,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/beer/index.html
+++ b/icon/beer/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/behance-square/index.html
+++ b/icon/behance-square/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/behance/index.html
+++ b/icon/behance/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/bell-o/index.html
+++ b/icon/bell-o/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
			
--- a/icon/bell-slash-o/index.html
+++ b/icon/bell-slash-o/index.html
@@ -39,14 +39,6 @@
 
				   </script>
			
 
				 </head>
			
 
				 <body class="font-awesome ">
			
 
				-  <script>
			
 
				-    (function(){
			
 
				-      var bsa = document.createElement('script');
			
 
				-      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
			
 
				-      var s = document.scripts[0];
			
 
				-      s.parentNode.insertBefore(bsa, s);
			
 
				-    })();
			
 
				-  </script>
			
 
				   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
			
 
				     <div class="collapse hidden-print" id="banner">
			
 
				   <div class="container">
			
@@ -55,7 +47,7 @@
 
				         <span id="rotating-message"></span>
			
 
				       </div>
			
 
				       <div class="action">
			
 
				-        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
			
 
				+        <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href=""></a>
			
 
				       </div>
			
 
				     </div>
			
 
				   </div>
			
@@ -65,19 +57,19 @@
 
				   <div class="container">
			
 
				     <ul class="nav navbar-nav navbar-right">
			
 
				       <li>
			
 
				-        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				+        <a href="http://fortawesome.com/start?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
			
 
				           <i class="fa fa-fort-awesome fa-lg valign-baseline"></i>&nbsp;
			
 
				           Fort Awesome
			
 
				         </a>
			
 
				       </li>
			
 
				       <li>
			
 
				-        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				+        <a href="http://symbolset.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Get the perfect icon set!">
			
 
				           <i class="fas fas-heart-ss"></i>&nbsp;
			
 
				           Symbolset
			
 
				         </a>
			
 
				       </li>
			
 
				       <li class="active">
			
 
				-        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.6_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_4.7_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
			
 
				           <i class="fa fa-font-awesome"></i>&nbsp;
			
 
				           Font Awesome</a>
			
 
				       </li>
			
@@ -121,7 +113,7 @@
 
				           <ul class="dropdown-menu pull-right">
			
 
				             <li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
			
 
				             <li class="divider"></li>
			
 
				-            <li><a href="../../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
			
 
				+            <li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
			
 
				             <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
			
 
				             <li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
			
 
				             <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
			
@@ -167,11 +159,10 @@
 
				         <li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
			
 
				         <li><a href="../../community/">Community</a></li>
			
 
				         <li><a href="../../license/">License</a></li>
			
 
				-        <li class="hidden-sm hidden-xs"><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				 
			
 
				       <ul class="nav navbar-nav navbar-right">
			
 
				-        <li><a href="../../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</a></li>
			
 
				+        <li><a href="http://articles.fortawesome.com">Blog</a></li>
			
 
				       </ul>
			
 
				     </div>
			
 
				   </div>
			
@@ -248,11 +239,10 @@
 
				   </section>
			
 
				 </div>
			
 
				 
			
 
				-
			
 
				   </div>
			
 
				   <footer id="footer" class="footer hidden-print">
			
 
				   <div class="container text-center">
			
 
				-    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
			
 
				+    <div id="inventory">
			
 
				       <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
			
 
				           title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
			
 
				           onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
			
@@ -265,7 +255,7 @@
 
				       </a>
			
 
				     </div>
			
 
				     <div>
			
 
				-      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.6.3
			
 
				+      <i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
			
 
				       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
			
 
				       Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
			
 
				     </div>
			
@@ -287,6 +277,30 @@
 
				   </div>
			
 
				 </footer>
			
 
				 
			
 
				+  <div class="modal fade" id="modal-kickstarter" tabindex="-1" role="dialog" aria-labelledby="modal-kickstarter-label"
			
 
				+     xmlns="http://www.w3.org/1999/html">
			
 
				+  <div class="modal-dialog modal-lg" role="document">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="modal-header">
			
 
				+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
			
 
				+        <h2 class="modal-title" id="modal-kickstarter-label">
			
 
				+          <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i>&nbsp; Font Awesome 5!
			
 
				+        </h2>
			
 
				+      </div>
			
 
				+      <div class="modal-body">
			
 
				+
			
 
				+        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
			
 
				+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/CNoH3J7iSrA' frameborder='0' allowfullscreen></iframe></div>
			
 
				+
			
 
				+        <a class="btn btn-kickstarter btn-lg btn-block margin-top" href="http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
			
 
				+           onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
			
 
				+          <h3 class="margin text-sans-serif strong">Check out the <br class="hide-sm hide-md hide-lg">Kickstarter! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
			
 
				+        </a>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				 
			
 
				   <script src="https://platform.twitter.com/widgets.js"></script>
			
 
				   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			
@@ -299,6 +313,19 @@
 
				   <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
			
 
				   <script src="../../assets/js/site.js"></script>
			
 
				   <script src="../../assets/js/search.js"></script>
			
 
				+  <script src="../../assets/js/monetization.js" type="text/javascript"></script>
			
 
				+
			
 
				+  <script>
			
 
				+    (function(){
			
 
				+      // format, zoneKey, segment:value, options
			
 
				+      _bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
			
 
				+        target: '#inventory',
			
 
				+        disable_css: true,
			
 
				+        path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
			
 
				+      });
			
 
				+    })();
			
 
				+  </script>
			
 
				+
			
 
				   <!-- Facebook Pixel Code -->
			
 
				   <script>
			
 
				   !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?