diff options
Diffstat (limited to 'cheatsheet/index.html')
-rw-r--r-- | cheatsheet/index.html | 349 |
1 files changed, 340 insertions, 9 deletions
diff --git a/cheatsheet/index.html b/cheatsheet/index.html index 504876df4..4889aead7 100644 --- a/cheatsheet/index.html +++ b/cheatsheet/index.html @@ -49,7 +49,21 @@ })(); </script> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> - <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="fonticons"> + <div class="container"> + <div class="message-container"> + <div class="tagline"> + <span id="rotating-message">Take your icon game to the next level.</span> + Check out <strong>Fonticons</strong>, from the maker of Font Awesome. + </div> + <div class="action"> + <a id="rotating-url" class="btn btn-primary btn-block" href="https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.3_update">Gimme Some!</a> + </div> + </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"> @@ -75,10 +89,11 @@ <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu pull-right"> - <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i> Icons</a></li> + <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li> <li class="divider"></li> - <li><a href="../icons/#new"><i class="fa fa-cube fa-fw"></i> New Icons in 4.2</a></li> + <li><a href="../icons/#new"><i class="fa fa-diamond fa-fw"></i> New Icons in 4.3</a></li> <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li> + <li><a href="../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li> <li><a href="../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li> <li><a href="../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li> <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li> @@ -105,7 +120,7 @@ <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/#spinning">Spinning Icons</a></li> + <li><a href="../examples/#animated">Animated Icons</a></li> <li><a href="../examples/#rotated-flipped">Rotated & Flipped Icons</a></li> <li><a href="../examples/#stacked">Stacked Icons</a></li> <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li> @@ -129,7 +144,7 @@ <div class="jumbotron jumbotron-ad hidden-print"> <div class="container"> <h1><i class="fa fa-list-ul"></i> Cheatsheet</h1> - <p>The complete Font Awesome 4.2.0 icon reference</p> + <p>The complete Font Awesome 4.3.0 icon reference</p> </div> </div> @@ -168,7 +183,7 @@ </section> - <h2 class="page-header">Every Font Awesome 4.2.0 Icon, CSS Class, & Unicode</h2> + <h2 class="page-header">Every Font Awesome 4.3.0 Icon, CSS Class, & Unicode</h2> <div class="row"> @@ -504,6 +519,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-bed + + <span class="muted">[&#xf236;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-beer @@ -693,6 +715,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-buysellads + + <span class="muted">[&#xf20d;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-cab <span class="text-muted">(alias)</span> @@ -798,6 +827,20 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-cart-arrow-down + + <span class="muted">[&#xf218;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-cart-plus + + <span class="muted">[&#xf217;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-cc @@ -1134,6 +1177,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-connectdevelop + + <span class="muted">[&#xf20e;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-copy <span class="text-muted">(alias)</span> @@ -1211,6 +1261,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-dashcube + + <span class="muted">[&#xf210;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-database @@ -1246,6 +1303,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-diamond + + <span class="muted">[&#xf219;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-digg @@ -1449,6 +1513,20 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-facebook-f + <span class="text-muted">(alias)</span> + <span class="muted">[&#xf09a;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-facebook-official + + <span class="muted">[&#xf230;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-facebook-square @@ -1736,6 +1814,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-forumbee + + <span class="muted">[&#xf211;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-forward @@ -1806,6 +1891,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-genderless + <span class="text-muted">(alias)</span> + <span class="muted">[&#xf1db;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-gift @@ -1850,7 +1942,7 @@ <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-gittip - + <span class="text-muted">(alias)</span> <span class="muted">[&#xf184;]</span> </div> @@ -1904,6 +1996,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-gratipay + + <span class="muted">[&#xf184;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-group <span class="text-muted">(alias)</span> @@ -1988,6 +2087,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-heartbeat + + <span class="muted">[&#xf21e;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-history @@ -2009,6 +2115,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-hotel + <span class="text-muted">(alias)</span> + <span class="muted">[&#xf236;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-html5 @@ -2170,6 +2283,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-leanpub + + <span class="muted">[&#xf212;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-legal <span class="text-muted">(alias)</span> @@ -2387,6 +2507,41 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-mars + + <span class="muted">[&#xf222;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-mars-double + + <span class="muted">[&#xf227;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-mars-stroke + + <span class="muted">[&#xf229;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-mars-stroke-h + + <span class="muted">[&#xf22b;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-mars-stroke-v + + <span class="muted">[&#xf22a;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-maxcdn @@ -2401,6 +2556,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-medium + + <span class="muted">[&#xf23a;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-medkit @@ -2415,6 +2577,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-mercury + + <span class="muted">[&#xf223;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-microphone @@ -2492,6 +2661,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-motorcycle + + <span class="muted">[&#xf21c;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-music @@ -2506,6 +2682,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-neuter + + <span class="muted">[&#xf22c;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-newspaper-o @@ -2674,6 +2857,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-pinterest-p + + <span class="muted">[&#xf231;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-pinterest-square @@ -3017,6 +3207,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-sellsy + + <span class="muted">[&#xf213;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-send <span class="text-muted">(alias)</span> @@ -3031,6 +3228,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-server + + <span class="muted">[&#xf233;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-share @@ -3087,6 +3291,20 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-ship + + <span class="muted">[&#xf21a;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-shirtsinbulk + + <span class="muted">[&#xf214;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-shopping-cart @@ -3115,6 +3333,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-simplybuilt + + <span class="muted">[&#xf215;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-sitemap @@ -3122,6 +3347,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-skyatlas + + <span class="muted">[&#xf216;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-skype @@ -3388,6 +3620,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-street-view + + <span class="muted">[&#xf21d;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-strikethrough @@ -3416,6 +3655,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-subway + + <span class="muted">[&#xf239;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-suitcase @@ -3654,6 +3900,27 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-train + + <span class="muted">[&#xf238;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-transgender + + <span class="muted">[&#xf224;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-transgender-alt + + <span class="muted">[&#xf225;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-trash @@ -3836,6 +4103,27 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-user-plus + + <span class="muted">[&#xf234;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-user-secret + + <span class="muted">[&#xf21b;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-user-times + + <span class="muted">[&#xf235;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-users @@ -3843,6 +4131,34 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-venus + + <span class="muted">[&#xf221;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-venus-double + + <span class="muted">[&#xf226;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-venus-mars + + <span class="muted">[&#xf228;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-viacoin + + <span class="muted">[&#xf237;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-video-camera @@ -3920,6 +4236,13 @@ </div> <div class="col-md-4 col-sm-6 col-lg-3"> + <i class="fa fa-fw"></i> + fa-whatsapp + + <span class="muted">[&#xf232;]</span> + </div> + + <div class="col-md-4 col-sm-6 col-lg-3"> <i class="fa fa-fw"></i> fa-wheelchair @@ -4025,7 +4348,7 @@ <div class="container text-center"> <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8"></div> <div> - <i class="fa fa-flag"></i> Font Awesome 4.2.0 + <i class="fa fa-flag"></i> Font Awesome 4.3.0 <span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg"> Created by <a href="http://twitter.com/davegandy">Dave Gandy</a> </div> @@ -4051,7 +4374,15 @@ <script src="http://platform.twitter.com/widgets.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> +<script src="../assets/js/tabcomplete.min.js"></script> <script src="../assets/js/site.js"></script> - +<script type="text/javascript"> + (function() { + window._pa = window._pa || {}; + var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true; + pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/54bfdab8751a087f190000f8.js"; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s); + })(); +</script> </body> </html> |