Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/ForkAwesome/Fork-Awesome.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'cheatsheet/index.html')
-rw-r--r--cheatsheet/index.html349
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>&nbsp; Icons</a></li>
+ <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
<li class="divider"></li>
- <li><a href="../icons/#new"><i class="fa fa-cube fa-fw"></i>&nbsp; New Icons in 4.2</a></li>
+ <li><a href="../icons/#new"><i class="fa fa-diamond fa-fw"></i>&nbsp; New Icons in 4.3</a></li>
<li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+ <li><a href="../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
<li><a href="../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
<li><a href="../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
<li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; 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 &amp; 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>&nbsp; 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, &amp; Unicode</h2>
+ <h2 class="page-header">Every Font Awesome 4.3.0 Icon, CSS Class, &amp; 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">&#xf236</i>
+ fa-bed
+
+ <span class="muted">[&amp;#xf236;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0fc</i>
fa-beer
@@ -693,6 +715,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf20d</i>
+ fa-buysellads
+
+ <span class="muted">[&amp;#xf20d;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1ba</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">&#xf218</i>
+ fa-cart-arrow-down
+
+ <span class="muted">[&amp;#xf218;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf217</i>
+ fa-cart-plus
+
+ <span class="muted">[&amp;#xf217;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf20a</i>
fa-cc
@@ -1134,6 +1177,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf20e</i>
+ fa-connectdevelop
+
+ <span class="muted">[&amp;#xf20e;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0c5</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">&#xf210</i>
+ fa-dashcube
+
+ <span class="muted">[&amp;#xf210;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1c0</i>
fa-database
@@ -1246,6 +1303,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf219</i>
+ fa-diamond
+
+ <span class="muted">[&amp;#xf219;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1a6</i>
fa-digg
@@ -1449,6 +1513,20 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf09a</i>
+ fa-facebook-f
+ <span class="text-muted">(alias)</span>
+ <span class="muted">[&amp;#xf09a;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf230</i>
+ fa-facebook-official
+
+ <span class="muted">[&amp;#xf230;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf082</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">&#xf211</i>
+ fa-forumbee
+
+ <span class="muted">[&amp;#xf211;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf04e</i>
fa-forward
@@ -1806,6 +1891,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf1db</i>
+ fa-genderless
+ <span class="text-muted">(alias)</span>
+ <span class="muted">[&amp;#xf1db;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf06b</i>
fa-gift
@@ -1850,7 +1942,7 @@
<div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf184</i>
fa-gittip
-
+ <span class="text-muted">(alias)</span>
<span class="muted">[&amp;#xf184;]</span>
</div>
@@ -1904,6 +1996,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf184</i>
+ fa-gratipay
+
+ <span class="muted">[&amp;#xf184;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0c0</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">&#xf21e</i>
+ fa-heartbeat
+
+ <span class="muted">[&amp;#xf21e;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1da</i>
fa-history
@@ -2009,6 +2115,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf236</i>
+ fa-hotel
+ <span class="text-muted">(alias)</span>
+ <span class="muted">[&amp;#xf236;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf13b</i>
fa-html5
@@ -2170,6 +2283,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf212</i>
+ fa-leanpub
+
+ <span class="muted">[&amp;#xf212;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0e3</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">&#xf222</i>
+ fa-mars
+
+ <span class="muted">[&amp;#xf222;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf227</i>
+ fa-mars-double
+
+ <span class="muted">[&amp;#xf227;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf229</i>
+ fa-mars-stroke
+
+ <span class="muted">[&amp;#xf229;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf22b</i>
+ fa-mars-stroke-h
+
+ <span class="muted">[&amp;#xf22b;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf22a</i>
+ fa-mars-stroke-v
+
+ <span class="muted">[&amp;#xf22a;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf136</i>
fa-maxcdn
@@ -2401,6 +2556,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf23a</i>
+ fa-medium
+
+ <span class="muted">[&amp;#xf23a;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0fa</i>
fa-medkit
@@ -2415,6 +2577,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf223</i>
+ fa-mercury
+
+ <span class="muted">[&amp;#xf223;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf130</i>
fa-microphone
@@ -2492,6 +2661,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf21c</i>
+ fa-motorcycle
+
+ <span class="muted">[&amp;#xf21c;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf001</i>
fa-music
@@ -2506,6 +2682,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf22c</i>
+ fa-neuter
+
+ <span class="muted">[&amp;#xf22c;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1ea</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">&#xf231</i>
+ fa-pinterest-p
+
+ <span class="muted">[&amp;#xf231;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0d3</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">&#xf213</i>
+ fa-sellsy
+
+ <span class="muted">[&amp;#xf213;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1d8</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">&#xf233</i>
+ fa-server
+
+ <span class="muted">[&amp;#xf233;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf064</i>
fa-share
@@ -3087,6 +3291,20 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf21a</i>
+ fa-ship
+
+ <span class="muted">[&amp;#xf21a;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf214</i>
+ fa-shirtsinbulk
+
+ <span class="muted">[&amp;#xf214;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf07a</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">&#xf215</i>
+ fa-simplybuilt
+
+ <span class="muted">[&amp;#xf215;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0e8</i>
fa-sitemap
@@ -3122,6 +3347,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf216</i>
+ fa-skyatlas
+
+ <span class="muted">[&amp;#xf216;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf17e</i>
fa-skype
@@ -3388,6 +3620,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf21d</i>
+ fa-street-view
+
+ <span class="muted">[&amp;#xf21d;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0cc</i>
fa-strikethrough
@@ -3416,6 +3655,13 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf239</i>
+ fa-subway
+
+ <span class="muted">[&amp;#xf239;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0f2</i>
fa-suitcase
@@ -3654,6 +3900,27 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf238</i>
+ fa-train
+
+ <span class="muted">[&amp;#xf238;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf224</i>
+ fa-transgender
+
+ <span class="muted">[&amp;#xf224;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf225</i>
+ fa-transgender-alt
+
+ <span class="muted">[&amp;#xf225;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf1f8</i>
fa-trash
@@ -3836,6 +4103,27 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf234</i>
+ fa-user-plus
+
+ <span class="muted">[&amp;#xf234;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf21b</i>
+ fa-user-secret
+
+ <span class="muted">[&amp;#xf21b;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf235</i>
+ fa-user-times
+
+ <span class="muted">[&amp;#xf235;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf0c0</i>
fa-users
@@ -3843,6 +4131,34 @@
</div>
<div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf221</i>
+ fa-venus
+
+ <span class="muted">[&amp;#xf221;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf226</i>
+ fa-venus-double
+
+ <span class="muted">[&amp;#xf226;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf228</i>
+ fa-venus-mars
+
+ <span class="muted">[&amp;#xf228;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#xf237</i>
+ fa-viacoin
+
+ <span class="muted">[&amp;#xf237;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf03d</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">&#xf232</i>
+ fa-whatsapp
+
+ <span class="muted">[&amp;#xf232;]</span>
+ </div>
+
+ <div class="col-md-4 col-sm-6 col-lg-3">
<i class="fa fa-fw">&#xf193</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">&middot;</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>