Home Esplora Aiuto
Accedi
mirrors
/
Fork-Awesome
mirror da https://github.com/ForkAwesome/Fork-Awesome
2
0
Forka 0
File Problemi 0 Wiki
Sfoglia il codice sorgente

really fixing icon pages

Dave Gandy 9 anni fa
parent
79c6bfe169
commit
6b2e43125a
100 ha cambiato i file con 24755 aggiunte e 0 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. BIN
      assets/font-awesome-4.5.0.zip
  2. 249 0
      icon/500px/index.html
  3. 249 0
      icon/adjust/index.html
  4. 249 0
      icon/adn/index.html
  5. 249 0
      icon/align-center/index.html
  6. 249 0
      icon/align-justify/index.html
  7. 249 0
      icon/align-left/index.html
  8. 249 0
      icon/align-right/index.html
  9. 249 0
      icon/amazon/index.html
  10. 251 0
      icon/ambulance/index.html
  11. 249 0
      icon/anchor/index.html
  12. 249 0
      icon/android/index.html
  13. 249 0
      icon/angellist/index.html
  14. 249 0
      icon/angle-double-down/index.html
  15. 249 0
      icon/angle-double-left/index.html
  16. 249 0
      icon/angle-double-right/index.html
  17. 249 0
      icon/angle-double-up/index.html
  18. 249 0
      icon/angle-down/index.html
  19. 249 0
      icon/angle-left/index.html
  20. 249 0
      icon/angle-right/index.html
  21. 249 0
      icon/angle-up/index.html
  22. 249 0
      icon/apple/index.html
  23. 249 0
      icon/archive/index.html
  24. 251 0
      icon/area-chart/index.html
  25. 249 0
      icon/arrow-circle-down/index.html
  26. 249 0
      icon/arrow-circle-left/index.html
  27. 249 0
      icon/arrow-circle-o-down/index.html
  28. 249 0
      icon/arrow-circle-o-left/index.html
  29. 249 0
      icon/arrow-circle-o-right/index.html
  30. 249 0
      icon/arrow-circle-o-up/index.html
  31. 249 0
      icon/arrow-circle-right/index.html
  32. 249 0
      icon/arrow-circle-up/index.html
  33. 249 0
      icon/arrow-down/index.html
  34. 249 0
      icon/arrow-left/index.html
  35. 249 0
      icon/arrow-right/index.html
  36. 249 0
      icon/arrow-up/index.html
  37. 251 0
      icon/arrows-alt/index.html
  38. 251 0
      icon/arrows-h/index.html
  39. 251 0
      icon/arrows-v/index.html
  40. 251 0
      icon/arrows/index.html
  41. 249 0
      icon/asterisk/index.html
  42. 249 0
      icon/at/index.html
  43. 249 0
      icon/backward/index.html
  44. 249 0
      icon/balance-scale/index.html
  45. 249 0
      icon/ban/index.html
  46. 256 0
      icon/bar-chart/index.html
  47. 249 0
      icon/barcode/index.html
  48. 256 0
      icon/bars/index.html
  49. 254 0
      icon/battery-empty/index.html
  50. 254 0
      icon/battery-full/index.html
  51. 254 0
      icon/battery-half/index.html
  52. 254 0
      icon/battery-quarter/index.html
  53. 254 0
      icon/battery-three-quarters/index.html
  54. 254 0
      icon/bed/index.html
  55. 249 0
      icon/beer/index.html
  56. 249 0
      icon/behance-square/index.html
  57. 249 0
      icon/behance/index.html
  58. 249 0
      icon/bell-o/index.html
  59. 249 0
      icon/bell-slash-o/index.html
  60. 249 0
      icon/bell-slash/index.html
  61. 249 0
      icon/bell/index.html
  62. 251 0
      icon/bicycle/index.html
  63. 249 0
      icon/binoculars/index.html
  64. 249 0
      icon/birthday-cake/index.html
  65. 249 0
      icon/bitbucket-square/index.html
  66. 249 0
      icon/bitbucket/index.html
  67. 249 0
      icon/black-tie/index.html
  68. 251 0
      icon/bluetooth-b/index.html
  69. 251 0
      icon/bluetooth/index.html
  70. 249 0
      icon/bold/index.html
  71. 254 0
      icon/bolt/index.html
  72. 249 0
      icon/bomb/index.html
  73. 249 0
      icon/book/index.html
  74. 249 0
      icon/bookmark-o/index.html
  75. 249 0
      icon/bookmark/index.html
  76. 249 0
      icon/briefcase/index.html
  77. 256 0
      icon/btc/index.html
  78. 249 0
      icon/bug/index.html
  79. 249 0
      icon/building-o/index.html
  80. 249 0
      icon/building/index.html
  81. 249 0
      icon/bullhorn/index.html
  82. 249 0
      icon/bullseye/index.html
  83. 251 0
      icon/bus/index.html
  84. 249 0
      icon/buysellads/index.html
  85. 249 0
      icon/calculator/index.html
  86. 249 0
      icon/calendar-check-o/index.html
  87. 249 0
      icon/calendar-minus-o/index.html
  88. 249 0
      icon/calendar-o/index.html
  89. 249 0
      icon/calendar-plus-o/index.html
  90. 249 0
      icon/calendar-times-o/index.html
  91. 249 0
      icon/calendar/index.html
  92. 249 0
      icon/camera-retro/index.html
  93. 249 0
      icon/camera/index.html
  94. 256 0
      icon/car/index.html
  95. 249 0
      icon/caret-down/index.html
  96. 249 0
      icon/caret-left/index.html
  97. 249 0
      icon/caret-right/index.html
  98. 256 0
      icon/caret-square-o-down/index.html
  99. 256 0
      icon/caret-square-o-left/index.html
  100. 256 0
      icon/caret-square-o-right/index.html

BIN
assets/font-awesome-4.5.0.zip
Vedi File


+ 249 - 0
icon/500px/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-500px: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-500px fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-500px fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-500px fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-500px fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-500px fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-500px fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-500px
 
+      <small>
 
+        <i class="fa fa-500px"></i> &middot;
 
+        Unicode: <span class="upper">f26e</span> &middot;
 
+        Created: v4.4 &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-500px"></i> fa-500px
 
+          </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-500px&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/adjust/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-adjust: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-adjust fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-adjust fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-adjust fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-adjust fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-adjust fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-adjust fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-adjust
 
+      <small>
 
+        <i class="fa fa-adjust"></i> &middot;
 
+        Unicode: <span class="upper">f042</span> &middot;
 
+        Created: v1.0 &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-adjust"></i> fa-adjust
 
+          </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-adjust&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/adn/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-adn: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-adn fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-adn fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-adn fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-adn fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-adn fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-adn fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-adn
 
+      <small>
 
+        <i class="fa fa-adn"></i> &middot;
 
+        Unicode: <span class="upper">f170</span> &middot;
 
+        Created: v3.2 &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-adn"></i> fa-adn
 
+          </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-adn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/align-center/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-align-center: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-align-center fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-align-center fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-align-center fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-align-center fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-align-center fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-align-center fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-align-center
 
+      <small>
 
+        <i class="fa fa-align-center"></i> &middot;
 
+        Unicode: <span class="upper">f037</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Text Editor 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-align-center"></i> fa-align-center
 
+          </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-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/align-justify/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-align-justify: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-align-justify fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-align-justify fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-align-justify fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-align-justify fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-align-justify fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-align-justify fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-align-justify
 
+      <small>
 
+        <i class="fa fa-align-justify"></i> &middot;
 
+        Unicode: <span class="upper">f039</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Text Editor 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-align-justify"></i> fa-align-justify
 
+          </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-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/align-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-align-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-align-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-align-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-align-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-align-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-align-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-align-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-align-left
 
+      <small>
 
+        <i class="fa fa-align-left"></i> &middot;
 
+        Unicode: <span class="upper">f036</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Text Editor 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-align-left"></i> fa-align-left
 
+          </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-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/align-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-align-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-align-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-align-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-align-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-align-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-align-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-align-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-align-right
 
+      <small>
 
+        <i class="fa fa-align-right"></i> &middot;
 
+        Unicode: <span class="upper">f038</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Text Editor 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-align-right"></i> fa-align-right
 
+          </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-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/amazon/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-amazon: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-amazon fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-amazon fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-amazon fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-amazon fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-amazon fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-amazon fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-amazon
 
+      <small>
 
+        <i class="fa fa-amazon"></i> &middot;
 
+        Unicode: <span class="upper">f270</span> &middot;
 
+        Created: v4.4 &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-amazon"></i> fa-amazon
 
+          </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-amazon&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/ambulance/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-ambulance: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-ambulance fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-ambulance fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-ambulance fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-ambulance fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-ambulance fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-ambulance fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-ambulance
 
+      <small>
 
+        <i class="fa fa-ambulance"></i> &middot;
 
+        Unicode: <span class="upper">f0f9</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Medical Icons,
 
+        
+          Transportation 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-ambulance"></i> fa-ambulance
 
+          </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-ambulance&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/anchor/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-anchor: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-anchor fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-anchor fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-anchor fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-anchor fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-anchor fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-anchor fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-anchor
 
+      <small>
 
+        <i class="fa fa-anchor"></i> &middot;
 
+        Unicode: <span class="upper">f13d</span> &middot;
 
+        Created: v3.1 &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-anchor"></i> fa-anchor
 
+          </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-anchor&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/android/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-android: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-android fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-android fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-android fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-android fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-android fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-android fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-android
 
+      <small>
 
+        <i class="fa fa-android"></i> &middot;
 
+        Unicode: <span class="upper">f17b</span> &middot;
 
+        Created: v3.2 &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-android"></i> fa-android
 
+          </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-android&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angellist/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angellist: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angellist fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angellist fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angellist fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angellist fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angellist fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angellist fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angellist
 
+      <small>
 
+        <i class="fa fa-angellist"></i> &middot;
 
+        Unicode: <span class="upper">f209</span> &middot;
 
+        Created: v4.2 &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-angellist"></i> fa-angellist
 
+          </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-angellist&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-double-down/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-double-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-double-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-double-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-double-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-double-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-double-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-double-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-double-down
 
+      <small>
 
+        <i class="fa fa-angle-double-down"></i> &middot;
 
+        Unicode: <span class="upper">f103</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-double-down"></i> fa-angle-double-down
 
+          </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-angle-double-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-double-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-double-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-double-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-double-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-double-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-double-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-double-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-double-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-double-left
 
+      <small>
 
+        <i class="fa fa-angle-double-left"></i> &middot;
 
+        Unicode: <span class="upper">f100</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-double-left"></i> fa-angle-double-left
 
+          </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-angle-double-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-double-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-double-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-double-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-double-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-double-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-double-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-double-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-double-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-double-right
 
+      <small>
 
+        <i class="fa fa-angle-double-right"></i> &middot;
 
+        Unicode: <span class="upper">f101</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-double-right"></i> fa-angle-double-right
 
+          </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-angle-double-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-double-up/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-double-up: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-double-up fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-double-up fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-double-up fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-double-up fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-double-up fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-double-up fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-double-up
 
+      <small>
 
+        <i class="fa fa-angle-double-up"></i> &middot;
 
+        Unicode: <span class="upper">f102</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-double-up"></i> fa-angle-double-up
 
+          </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-angle-double-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-down/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-down
 
+      <small>
 
+        <i class="fa fa-angle-down"></i> &middot;
 
+        Unicode: <span class="upper">f107</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-down"></i> fa-angle-down
 
+          </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-angle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-left
 
+      <small>
 
+        <i class="fa fa-angle-left"></i> &middot;
 
+        Unicode: <span class="upper">f104</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-left"></i> fa-angle-left
 
+          </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-angle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-right
 
+      <small>
 
+        <i class="fa fa-angle-right"></i> &middot;
 
+        Unicode: <span class="upper">f105</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-right"></i> fa-angle-right
 
+          </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-angle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/angle-up/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-angle-up: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-angle-up fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-angle-up fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-angle-up fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-angle-up fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-angle-up fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-angle-up fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-angle-up
 
+      <small>
 
+        <i class="fa fa-angle-up"></i> &middot;
 
+        Unicode: <span class="upper">f106</span> &middot;
 
+        Created: v3.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-angle-up"></i> fa-angle-up
 
+          </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-angle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/apple/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-apple: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-apple fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-apple fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-apple fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-apple fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-apple fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-apple fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-apple
 
+      <small>
 
+        <i class="fa fa-apple"></i> &middot;
 
+        Unicode: <span class="upper">f179</span> &middot;
 
+        Created: v3.2 &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-apple"></i> fa-apple
 
+          </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-apple&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/archive/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-archive: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-archive fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-archive fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-archive fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-archive fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-archive fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-archive fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-archive
 
+      <small>
 
+        <i class="fa fa-archive"></i> &middot;
 
+        Unicode: <span class="upper">f187</span> &middot;
 
+        Created: v3.2 &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-archive"></i> fa-archive
 
+          </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-archive&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/area-chart/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-area-chart: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-area-chart fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-area-chart fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-area-chart fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-area-chart fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-area-chart fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-area-chart fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-area-chart
 
+      <small>
 
+        <i class="fa fa-area-chart"></i> &middot;
 
+        Unicode: <span class="upper">f1fe</span> &middot;
 
+        Created: v4.2 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Chart 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-area-chart"></i> fa-area-chart
 
+          </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-area-chart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-down/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-down
 
+      <small>
 
+        <i class="fa fa-arrow-circle-down"></i> &middot;
 
+        Unicode: <span class="upper">f0ab</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-down"></i> fa-arrow-circle-down
 
+          </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-arrow-circle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-left
 
+      <small>
 
+        <i class="fa fa-arrow-circle-left"></i> &middot;
 
+        Unicode: <span class="upper">f0a8</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-left"></i> fa-arrow-circle-left
 
+          </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-arrow-circle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-o-down/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-o-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-o-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-o-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-o-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-o-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-o-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-o-down
 
+      <small>
 
+        <i class="fa fa-arrow-circle-o-down"></i> &middot;
 
+        Unicode: <span class="upper">f01a</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-o-down"></i> fa-arrow-circle-o-down
 
+          </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-arrow-circle-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-o-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-o-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-o-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-o-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-o-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-o-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-o-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-o-left
 
+      <small>
 
+        <i class="fa fa-arrow-circle-o-left"></i> &middot;
 
+        Unicode: <span class="upper">f190</span> &middot;
 
+        Created: v4.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-o-left"></i> fa-arrow-circle-o-left
 
+          </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-arrow-circle-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-o-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-o-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-o-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-o-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-o-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-o-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-o-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-o-right
 
+      <small>
 
+        <i class="fa fa-arrow-circle-o-right"></i> &middot;
 
+        Unicode: <span class="upper">f18e</span> &middot;
 
+        Created: v4.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-o-right"></i> fa-arrow-circle-o-right
 
+          </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-arrow-circle-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-o-up/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-o-up: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-o-up fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-o-up fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-up fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-o-up fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-o-up fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-o-up fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-o-up
 
+      <small>
 
+        <i class="fa fa-arrow-circle-o-up"></i> &middot;
 
+        Unicode: <span class="upper">f01b</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-o-up"></i> fa-arrow-circle-o-up
 
+          </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-arrow-circle-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-right
 
+      <small>
 
+        <i class="fa fa-arrow-circle-right"></i> &middot;
 
+        Unicode: <span class="upper">f0a9</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-right"></i> fa-arrow-circle-right
 
+          </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-arrow-circle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-circle-up/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-circle-up: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-circle-up fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-circle-up fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-circle-up fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-circle-up fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-circle-up fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-circle-up fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-circle-up
 
+      <small>
 
+        <i class="fa fa-arrow-circle-up"></i> &middot;
 
+        Unicode: <span class="upper">f0aa</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-circle-up"></i> fa-arrow-circle-up
 
+          </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-arrow-circle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-down/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-down
 
+      <small>
 
+        <i class="fa fa-arrow-down"></i> &middot;
 
+        Unicode: <span class="upper">f063</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-down"></i> fa-arrow-down
 
+          </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-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-left
 
+      <small>
 
+        <i class="fa fa-arrow-left"></i> &middot;
 
+        Unicode: <span class="upper">f060</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-left"></i> fa-arrow-left
 
+          </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-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-right
 
+      <small>
 
+        <i class="fa fa-arrow-right"></i> &middot;
 
+        Unicode: <span class="upper">f061</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-right"></i> fa-arrow-right
 
+          </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-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/arrow-up/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-arrow-up: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrow-up fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrow-up fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrow-up fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrow-up fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrow-up fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrow-up fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrow-up
 
+      <small>
 
+        <i class="fa fa-arrow-up"></i> &middot;
 
+        Unicode: <span class="upper">f062</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-arrow-up"></i> fa-arrow-up
 
+          </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-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/arrows-alt/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-arrows-alt: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrows-alt fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrows-alt fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrows-alt fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrows-alt fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrows-alt fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrows-alt fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrows-alt
 
+      <small>
 
+        <i class="fa fa-arrows-alt"></i> &middot;
 
+        Unicode: <span class="upper">f0b2</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Video Player Icons,
 
+        
+          Directional 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-arrows-alt"></i> fa-arrows-alt
 
+          </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-arrows-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/arrows-h/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-arrows-h: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrows-h fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrows-h fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrows-h fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrows-h fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrows-h fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrows-h fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrows-h
 
+      <small>
 
+        <i class="fa fa-arrows-h"></i> &middot;
 
+        Unicode: <span class="upper">f07e</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Directional 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-arrows-h"></i> fa-arrows-h
 
+          </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-arrows-h&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/arrows-v/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-arrows-v: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrows-v fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrows-v fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrows-v fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrows-v fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrows-v fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrows-v fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrows-v
 
+      <small>
 
+        <i class="fa fa-arrows-v"></i> &middot;
 
+        Unicode: <span class="upper">f07d</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Directional 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-arrows-v"></i> fa-arrows-v
 
+          </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-arrows-v&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/arrows/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-arrows: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-arrows fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-arrows fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-arrows fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-arrows fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-arrows fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-arrows fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-arrows
 
+      <small>
 
+        <i class="fa fa-arrows"></i> &middot;
 
+        Unicode: <span class="upper">f047</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Directional 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-arrows"></i> fa-arrows
 
+          </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-arrows&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/asterisk/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-asterisk: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-asterisk fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-asterisk fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-asterisk fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-asterisk fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-asterisk fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-asterisk fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-asterisk
 
+      <small>
 
+        <i class="fa fa-asterisk"></i> &middot;
 
+        Unicode: <span class="upper">f069</span> &middot;
 
+        Created: v1.0 &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-asterisk"></i> fa-asterisk
 
+          </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-asterisk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/at/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-at: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-at fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-at fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-at fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-at fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-at fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-at fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-at
 
+      <small>
 
+        <i class="fa fa-at"></i> &middot;
 
+        Unicode: <span class="upper">f1fa</span> &middot;
 
+        Created: v4.2 &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-at"></i> fa-at
 
+          </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-at&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/backward/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-backward: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-backward fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-backward fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-backward fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-backward fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-backward fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-backward fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-backward
 
+      <small>
 
+        <i class="fa fa-backward"></i> &middot;
 
+        Unicode: <span class="upper">f04a</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Video Player 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-backward"></i> fa-backward
 
+          </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-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/balance-scale/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-balance-scale: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-balance-scale fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-balance-scale fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-balance-scale fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-balance-scale fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-balance-scale fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-balance-scale fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-balance-scale
 
+      <small>
 
+        <i class="fa fa-balance-scale"></i> &middot;
 
+        Unicode: <span class="upper">f24e</span> &middot;
 
+        Created: v4.4 &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-balance-scale"></i> fa-balance-scale
 
+          </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-balance-scale&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/ban/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-ban: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-ban fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-ban fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-ban fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-ban fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-ban fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-ban fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-ban
 
+      <small>
 
+        <i class="fa fa-ban"></i> &middot;
 
+        Unicode: <span class="upper">f05e</span> &middot;
 
+        Created: v1.0 &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-ban"></i> fa-ban
 
+          </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-ban&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/bar-chart/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-bar-chart: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bar-chart fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bar-chart fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bar-chart fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bar-chart fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bar-chart fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bar-chart fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bar-chart
 
+      <small>
 
+        <i class="fa fa-bar-chart"></i> &middot;
 
+        Unicode: <span class="upper">f080</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Chart Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-bar-chart-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-bar-chart"></i> fa-bar-chart
 
+          </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-bar-chart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/barcode/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-barcode: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-barcode fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-barcode fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-barcode fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-barcode fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-barcode fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-barcode fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-barcode
 
+      <small>
 
+        <i class="fa fa-barcode"></i> &middot;
 
+        Unicode: <span class="upper">f02a</span> &middot;
 
+        Created: v1.0 &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-barcode"></i> fa-barcode
 
+          </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-barcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/bars/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-bars: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bars fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bars fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bars fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bars fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bars fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bars fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bars
 
+      <small>
 
+        <i class="fa fa-bars"></i> &middot;
 
+        Unicode: <span class="upper">f0c9</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-navicon,
 
+          
+            fa-reorder
 
+          
+        
+        
+      </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-bars"></i> fa-bars
 
+          </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-bars&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/battery-empty/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-battery-empty: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-battery-empty fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-battery-empty fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-battery-empty fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-battery-empty fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-battery-empty fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-battery-empty fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-battery-empty
 
+      <small>
 
+        <i class="fa fa-battery-empty"></i> &middot;
 
+        Unicode: <span class="upper">f244</span> &middot;
 
+        Created: v4.4 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-battery-0
 
+          
+        
+        
+      </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-battery-empty"></i> fa-battery-empty
 
+          </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-battery-empty&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/battery-full/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-battery-full: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-battery-full fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-battery-full fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-battery-full fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-battery-full fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-battery-full fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-battery-full fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-battery-full
 
+      <small>
 
+        <i class="fa fa-battery-full"></i> &middot;
 
+        Unicode: <span class="upper">f240</span> &middot;
 
+        Created: v4.4 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-battery-4
 
+          
+        
+        
+      </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-battery-full"></i> fa-battery-full
 
+          </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-battery-full&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/battery-half/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-battery-half: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-battery-half fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-battery-half fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-battery-half fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-battery-half fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-battery-half fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-battery-half fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-battery-half
 
+      <small>
 
+        <i class="fa fa-battery-half"></i> &middot;
 
+        Unicode: <span class="upper">f242</span> &middot;
 
+        Created: v4.4 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-battery-2
 
+          
+        
+        
+      </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-battery-half"></i> fa-battery-half
 
+          </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-battery-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/battery-quarter/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-battery-quarter: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-battery-quarter fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-battery-quarter fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-battery-quarter fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-battery-quarter fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-battery-quarter fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-battery-quarter fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-battery-quarter
 
+      <small>
 
+        <i class="fa fa-battery-quarter"></i> &middot;
 
+        Unicode: <span class="upper">f243</span> &middot;
 
+        Created: v4.4 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-battery-1
 
+          
+        
+        
+      </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-battery-quarter"></i> fa-battery-quarter
 
+          </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-battery-quarter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/battery-three-quarters/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-battery-three-quarters: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-battery-three-quarters fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-battery-three-quarters fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-battery-three-quarters fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-battery-three-quarters fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-battery-three-quarters fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-battery-three-quarters fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-battery-three-quarters
 
+      <small>
 
+        <i class="fa fa-battery-three-quarters"></i> &middot;
 
+        Unicode: <span class="upper">f241</span> &middot;
 
+        Created: v4.4 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-battery-3
 
+          
+        
+        
+      </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-battery-three-quarters"></i> fa-battery-three-quarters
 
+          </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-battery-three-quarters&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/bed/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-bed: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bed fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bed fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bed fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bed fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bed fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bed fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bed
 
+      <small>
 
+        <i class="fa fa-bed"></i> &middot;
 
+        Unicode: <span class="upper">f236</span> &middot;
 
+        Created: v4.3 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-hotel
 
+          
+        
+        
+      </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-bed"></i> fa-bed
 
+          </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-bed&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/beer/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-beer: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-beer fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-beer fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-beer fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-beer fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-beer fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-beer fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-beer
 
+      <small>
 
+        <i class="fa fa-beer"></i> &middot;
 
+        Unicode: <span class="upper">f0fc</span> &middot;
 
+        Created: v3.0 &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-beer"></i> fa-beer
 
+          </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-beer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/behance-square/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-behance-square: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-behance-square fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-behance-square fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-behance-square fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-behance-square fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-behance-square fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-behance-square fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-behance-square
 
+      <small>
 
+        <i class="fa fa-behance-square"></i> &middot;
 
+        Unicode: <span class="upper">f1b5</span> &middot;
 
+        Created: v4.1 &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-behance-square"></i> fa-behance-square
 
+          </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-behance-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/behance/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-behance: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-behance fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-behance fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-behance fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-behance fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-behance fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-behance fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-behance
 
+      <small>
 
+        <i class="fa fa-behance"></i> &middot;
 
+        Unicode: <span class="upper">f1b4</span> &middot;
 
+        Created: v4.1 &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-behance"></i> fa-behance
 
+          </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-behance&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bell-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bell-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bell-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bell-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bell-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bell-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bell-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bell-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bell-o
 
+      <small>
 
+        <i class="fa fa-bell-o"></i> &middot;
 
+        Unicode: <span class="upper">f0a2</span> &middot;
 
+        Created: v3.0 &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-bell-o"></i> fa-bell-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-bell-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bell-slash-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bell-slash-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bell-slash-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bell-slash-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bell-slash-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bell-slash-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bell-slash-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bell-slash-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bell-slash-o
 
+      <small>
 
+        <i class="fa fa-bell-slash-o"></i> &middot;
 
+        Unicode: <span class="upper">f1f7</span> &middot;
 
+        Created: v4.2 &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-bell-slash-o"></i> fa-bell-slash-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-bell-slash-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bell-slash/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bell-slash: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bell-slash fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bell-slash fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bell-slash fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bell-slash fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bell-slash fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bell-slash fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bell-slash
 
+      <small>
 
+        <i class="fa fa-bell-slash"></i> &middot;
 
+        Unicode: <span class="upper">f1f6</span> &middot;
 
+        Created: v4.2 &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-bell-slash"></i> fa-bell-slash
 
+          </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-bell-slash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bell/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bell: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bell fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bell fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bell fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bell fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bell fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bell fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bell
 
+      <small>
 
+        <i class="fa fa-bell"></i> &middot;
 
+        Unicode: <span class="upper">f0f3</span> &middot;
 
+        Created: v2.0 &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-bell"></i> fa-bell
 
+          </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-bell&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/bicycle/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-bicycle: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bicycle fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bicycle fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bicycle fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bicycle fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bicycle fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bicycle fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bicycle
 
+      <small>
 
+        <i class="fa fa-bicycle"></i> &middot;
 
+        Unicode: <span class="upper">f206</span> &middot;
 
+        Created: v4.2 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Transportation 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-bicycle"></i> fa-bicycle
 
+          </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-bicycle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/binoculars/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-binoculars: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-binoculars fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-binoculars fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-binoculars fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-binoculars fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-binoculars fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-binoculars fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-binoculars
 
+      <small>
 
+        <i class="fa fa-binoculars"></i> &middot;
 
+        Unicode: <span class="upper">f1e5</span> &middot;
 
+        Created: v4.2 &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-binoculars"></i> fa-binoculars
 
+          </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-binoculars&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/birthday-cake/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-birthday-cake: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-birthday-cake fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-birthday-cake fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-birthday-cake fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-birthday-cake fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-birthday-cake fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-birthday-cake fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-birthday-cake
 
+      <small>
 
+        <i class="fa fa-birthday-cake"></i> &middot;
 
+        Unicode: <span class="upper">f1fd</span> &middot;
 
+        Created: v4.2 &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-birthday-cake"></i> fa-birthday-cake
 
+          </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-birthday-cake&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bitbucket-square/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bitbucket-square: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bitbucket-square fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bitbucket-square fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bitbucket-square fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bitbucket-square fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bitbucket-square fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bitbucket-square fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bitbucket-square
 
+      <small>
 
+        <i class="fa fa-bitbucket-square"></i> &middot;
 
+        Unicode: <span class="upper">f172</span> &middot;
 
+        Created: v3.2 &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-bitbucket-square"></i> fa-bitbucket-square
 
+          </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-bitbucket-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bitbucket/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bitbucket: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bitbucket fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bitbucket fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bitbucket fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bitbucket fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bitbucket fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bitbucket fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bitbucket
 
+      <small>
 
+        <i class="fa fa-bitbucket"></i> &middot;
 
+        Unicode: <span class="upper">f171</span> &middot;
 
+        Created: v3.2 &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-bitbucket"></i> fa-bitbucket
 
+          </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-bitbucket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/black-tie/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-black-tie: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-black-tie fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-black-tie fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-black-tie fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-black-tie fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-black-tie fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-black-tie fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-black-tie
 
+      <small>
 
+        <i class="fa fa-black-tie"></i> &middot;
 
+        Unicode: <span class="upper">f27e</span> &middot;
 
+        Created: v4.4 &middot;
 
+        Categories:
 
+        
+          Brand Icons
 
+        
+        
+        
+        &middot; <a target="_blank" href="http://blacktie.io">blacktie.io<i class="fa fa-external-link-square margin-left-sm"></i></a>
 
+      </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-black-tie"></i> fa-black-tie
 
+          </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-black-tie&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/bluetooth-b/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-bluetooth-b: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bluetooth-b fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bluetooth-b fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bluetooth-b fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bluetooth-b fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bluetooth-b fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bluetooth-b fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bluetooth-b
 
+      <small>
 
+        <i class="fa fa-bluetooth-b"></i> &middot;
 
+        Unicode: <span class="upper">f294</span> &middot;
 
+        Created: v4.5 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          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-bluetooth-b"></i> fa-bluetooth-b
 
+          </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-bluetooth-b&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/bluetooth/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-bluetooth: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bluetooth fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bluetooth fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bluetooth fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bluetooth fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bluetooth fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bluetooth fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bluetooth
 
+      <small>
 
+        <i class="fa fa-bluetooth"></i> &middot;
 
+        Unicode: <span class="upper">f293</span> &middot;
 
+        Created: v4.5 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          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-bluetooth"></i> fa-bluetooth
 
+          </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-bluetooth&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bold/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bold: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bold fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bold fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bold fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bold fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bold fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bold fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bold
 
+      <small>
 
+        <i class="fa fa-bold"></i> &middot;
 
+        Unicode: <span class="upper">f032</span> &middot;
 
+        Created: v1.0 &middot;
 
+        Categories:
 
+        
+          Text Editor 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-bold"></i> fa-bold
 
+          </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-bold&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 254 - 0
icon/bolt/index.html
Vedi File 

@@ -0,0 +1,254 @@
 
+<!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-bolt: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bolt fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bolt fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bolt fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bolt fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bolt fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bolt fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bolt
 
+      <small>
 
+        <i class="fa fa-bolt"></i> &middot;
 
+        Unicode: <span class="upper">f0e7</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-flash
 
+          
+        
+        
+      </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-bolt"></i> fa-bolt
 
+          </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-bolt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bomb/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bomb: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bomb fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bomb fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bomb fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bomb fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bomb fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bomb fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bomb
 
+      <small>
 
+        <i class="fa fa-bomb"></i> &middot;
 
+        Unicode: <span class="upper">f1e2</span> &middot;
 
+        Created: v4.1 &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-bomb"></i> fa-bomb
 
+          </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-bomb&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/book/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-book fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-book fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-book fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-book fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-book fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-book fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-book
 
+      <small>
 
+        <i class="fa fa-book"></i> &middot;
 
+        Unicode: <span class="upper">f02d</span> &middot;
 
+        Created: v1.0 &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-book"></i> fa-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-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bookmark-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bookmark-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bookmark-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bookmark-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bookmark-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bookmark-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bookmark-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bookmark-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bookmark-o
 
+      <small>
 
+        <i class="fa fa-bookmark-o"></i> &middot;
 
+        Unicode: <span class="upper">f097</span> &middot;
 
+        Created: v2.0 &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-bookmark-o"></i> fa-bookmark-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-bookmark-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bookmark/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bookmark: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bookmark fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bookmark fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bookmark fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bookmark fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bookmark fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bookmark fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bookmark
 
+      <small>
 
+        <i class="fa fa-bookmark"></i> &middot;
 
+        Unicode: <span class="upper">f02e</span> &middot;
 
+        Created: v1.0 &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-bookmark"></i> fa-bookmark
 
+          </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-bookmark&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/briefcase/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-briefcase: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-briefcase fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-briefcase fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-briefcase fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-briefcase fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-briefcase fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-briefcase fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-briefcase
 
+      <small>
 
+        <i class="fa fa-briefcase"></i> &middot;
 
+        Unicode: <span class="upper">f0b1</span> &middot;
 
+        Created: v2.0 &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-briefcase"></i> fa-briefcase
 
+          </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-briefcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/btc/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-btc: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-btc fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-btc fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-btc fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-btc fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-btc fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-btc fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-btc
 
+      <small>
 
+        <i class="fa fa-btc"></i> &middot;
 
+        Unicode: <span class="upper">f15a</span> &middot;
 
+        Created: v3.2 &middot;
 
+        Categories:
 
+        
+          Currency Icons,
 
+        
+          Brand Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-bitcoin
 
+          
+        
+        
+      </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-btc"></i> fa-btc
 
+          </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-btc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bug/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bug: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bug fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bug fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bug fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bug fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bug fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bug fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bug
 
+      <small>
 
+        <i class="fa fa-bug"></i> &middot;
 
+        Unicode: <span class="upper">f188</span> &middot;
 
+        Created: v3.2 &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-bug"></i> fa-bug
 
+          </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-bug&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/building-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-building-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-building-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-building-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-building-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-building-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-building-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-building-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-building-o
 
+      <small>
 
+        <i class="fa fa-building-o"></i> &middot;
 
+        Unicode: <span class="upper">f0f7</span> &middot;
 
+        Created: v3.0 &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-building-o"></i> fa-building-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-building-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/building/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-building: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-building fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-building fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-building fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-building fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-building fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-building fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-building
 
+      <small>
 
+        <i class="fa fa-building"></i> &middot;
 
+        Unicode: <span class="upper">f1ad</span> &middot;
 
+        Created: v4.1 &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-building"></i> fa-building
 
+          </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-building&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bullhorn/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bullhorn: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bullhorn fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bullhorn fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bullhorn fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bullhorn fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bullhorn fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bullhorn fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bullhorn
 
+      <small>
 
+        <i class="fa fa-bullhorn"></i> &middot;
 
+        Unicode: <span class="upper">f0a1</span> &middot;
 
+        Created: v2.0 &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-bullhorn"></i> fa-bullhorn
 
+          </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-bullhorn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/bullseye/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-bullseye: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bullseye fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bullseye fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bullseye fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bullseye fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bullseye fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bullseye fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bullseye
 
+      <small>
 
+        <i class="fa fa-bullseye"></i> &middot;
 
+        Unicode: <span class="upper">f140</span> &middot;
 
+        Created: v3.1 &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-bullseye"></i> fa-bullseye
 
+          </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-bullseye&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 251 - 0
icon/bus/index.html
Vedi File 

@@ -0,0 +1,251 @@
 
+<!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-bus: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-bus fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-bus fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-bus fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-bus fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-bus fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-bus fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-bus
 
+      <small>
 
+        <i class="fa fa-bus"></i> &middot;
 
+        Unicode: <span class="upper">f207</span> &middot;
 
+        Created: v4.2 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Transportation 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-bus"></i> fa-bus
 
+          </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-bus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/buysellads/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-buysellads: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-buysellads fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-buysellads fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-buysellads fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-buysellads fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-buysellads fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-buysellads fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-buysellads
 
+      <small>
 
+        <i class="fa fa-buysellads"></i> &middot;
 
+        Unicode: <span class="upper">f20d</span> &middot;
 
+        Created: v4.3 &middot;
 
+        Categories:
 
+        
+          Brand Icons
 
+        
+        
+        
+        &middot; <a target="_blank" href="http://buysellads.com">buysellads.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
 
+      </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-buysellads"></i> fa-buysellads
 
+          </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-buysellads&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calculator/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calculator: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calculator fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calculator fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calculator fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calculator fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calculator fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calculator fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calculator
 
+      <small>
 
+        <i class="fa fa-calculator"></i> &middot;
 
+        Unicode: <span class="upper">f1ec</span> &middot;
 
+        Created: v4.2 &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-calculator"></i> fa-calculator
 
+          </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-calculator&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calendar-check-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calendar-check-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calendar-check-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calendar-check-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calendar-check-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calendar-check-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calendar-check-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calendar-check-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calendar-check-o
 
+      <small>
 
+        <i class="fa fa-calendar-check-o"></i> &middot;
 
+        Unicode: <span class="upper">f274</span> &middot;
 
+        Created: v4.4 &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-calendar-check-o"></i> fa-calendar-check-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-calendar-check-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calendar-minus-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calendar-minus-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calendar-minus-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calendar-minus-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calendar-minus-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calendar-minus-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calendar-minus-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calendar-minus-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calendar-minus-o
 
+      <small>
 
+        <i class="fa fa-calendar-minus-o"></i> &middot;
 
+        Unicode: <span class="upper">f272</span> &middot;
 
+        Created: v4.4 &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-calendar-minus-o"></i> fa-calendar-minus-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-calendar-minus-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calendar-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calendar-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calendar-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calendar-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calendar-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calendar-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calendar-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calendar-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calendar-o
 
+      <small>
 
+        <i class="fa fa-calendar-o"></i> &middot;
 
+        Unicode: <span class="upper">f133</span> &middot;
 
+        Created: v3.1 &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-calendar-o"></i> fa-calendar-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-calendar-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calendar-plus-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calendar-plus-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calendar-plus-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calendar-plus-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calendar-plus-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calendar-plus-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calendar-plus-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calendar-plus-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calendar-plus-o
 
+      <small>
 
+        <i class="fa fa-calendar-plus-o"></i> &middot;
 
+        Unicode: <span class="upper">f271</span> &middot;
 
+        Created: v4.4 &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-calendar-plus-o"></i> fa-calendar-plus-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-calendar-plus-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calendar-times-o/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calendar-times-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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calendar-times-o fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calendar-times-o fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calendar-times-o fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calendar-times-o fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calendar-times-o fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calendar-times-o fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calendar-times-o
 
+      <small>
 
+        <i class="fa fa-calendar-times-o"></i> &middot;
 
+        Unicode: <span class="upper">f273</span> &middot;
 
+        Created: v4.4 &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-calendar-times-o"></i> fa-calendar-times-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-calendar-times-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/calendar/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-calendar: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-calendar fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-calendar fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-calendar fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-calendar fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-calendar fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-calendar fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-calendar
 
+      <small>
 
+        <i class="fa fa-calendar"></i> &middot;
 
+        Unicode: <span class="upper">f073</span> &middot;
 
+        Created: v1.0 &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-calendar"></i> fa-calendar
 
+          </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-calendar&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/camera-retro/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-camera-retro: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-camera-retro fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-camera-retro fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-camera-retro fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-camera-retro fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-camera-retro fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-camera-retro fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-camera-retro
 
+      <small>
 
+        <i class="fa fa-camera-retro"></i> &middot;
 
+        Unicode: <span class="upper">f083</span> &middot;
 
+        Created: v1.0 &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-camera-retro"></i> fa-camera-retro
 
+          </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-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/camera/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-camera: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-camera fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-camera fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-camera fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-camera fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-camera fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-camera fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-camera
 
+      <small>
 
+        <i class="fa fa-camera"></i> &middot;
 
+        Unicode: <span class="upper">f030</span> &middot;
 
+        Created: v1.0 &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-camera"></i> fa-camera
 
+          </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-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/car/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-car: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-car fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-car fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-car fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-car fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-car fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-car fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-car
 
+      <small>
 
+        <i class="fa fa-car"></i> &middot;
 
+        Unicode: <span class="upper">f1b9</span> &middot;
 
+        Created: v4.1 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Transportation Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-automobile
 
+          
+        
+        
+      </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-car"></i> fa-car
 
+          </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-car&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/caret-down/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-caret-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-caret-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-caret-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-caret-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-caret-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-caret-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-caret-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-caret-down
 
+      <small>
 
+        <i class="fa fa-caret-down"></i> &middot;
 
+        Unicode: <span class="upper">f0d7</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-caret-down"></i> fa-caret-down
 
+          </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-caret-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/caret-left/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-caret-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-caret-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-caret-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-caret-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-caret-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-caret-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-caret-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-caret-left
 
+      <small>
 
+        <i class="fa fa-caret-left"></i> &middot;
 
+        Unicode: <span class="upper">f0d9</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-caret-left"></i> fa-caret-left
 
+          </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-caret-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 249 - 0
icon/caret-right/index.html
Vedi File 

@@ -0,0 +1,249 @@
 
+<!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-caret-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-caret-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-caret-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-caret-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-caret-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-caret-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-caret-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-caret-right
 
+      <small>
 
+        <i class="fa fa-caret-right"></i> &middot;
 
+        Unicode: <span class="upper">f0da</span> &middot;
 
+        Created: v2.0 &middot;
 
+        Categories:
 
+        
+          Directional 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-caret-right"></i> fa-caret-right
 
+          </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-caret-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/caret-square-o-down/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-caret-square-o-down: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-caret-square-o-down fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-caret-square-o-down fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-caret-square-o-down fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-caret-square-o-down fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-caret-square-o-down fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-caret-square-o-down fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-caret-square-o-down
 
+      <small>
 
+        <i class="fa fa-caret-square-o-down"></i> &middot;
 
+        Unicode: <span class="upper">f150</span> &middot;
 
+        Created: v3.2 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Directional Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-toggle-down
 
+          
+        
+        
+      </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-caret-square-o-down"></i> fa-caret-square-o-down
 
+          </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-caret-square-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/caret-square-o-left/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-caret-square-o-left: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-caret-square-o-left fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-caret-square-o-left fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-caret-square-o-left fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-caret-square-o-left fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-caret-square-o-left fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-caret-square-o-left fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-caret-square-o-left
 
+      <small>
 
+        <i class="fa fa-caret-square-o-left"></i> &middot;
 
+        Unicode: <span class="upper">f191</span> &middot;
 
+        Created: v4.0 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Directional Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-toggle-left
 
+          
+        
+        
+      </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-caret-square-o-left"></i> fa-caret-square-o-left
 
+          </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-caret-square-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

+ 256 - 0
icon/caret-square-o-right/index.html
Vedi File 

@@ -0,0 +1,256 @@
 
+<!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-caret-square-o-right: 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>
 
+  <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="navbar navbar-org navbar-static-top">
 
+  <div class="container">
 
+    <ul class="nav navbar-nav navbar-right">
 
+      <li>
 
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_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="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
 
+          Fort Awesome
 
+        </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_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
 
+          <i class="fas fas-flag-logo"></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">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <i class="fa fa-bars fa-lg"></i>
 
+      </button>
 
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></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><a href="../../get-started/">Get Started</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"></i>
 
+          </a>
 
+          <ul class="dropdown-menu pull-right">
 
+            <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-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</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/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand 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/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender 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>
 
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
 
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
 
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
 
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
 
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
 
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
 
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
 
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></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"></i>
 
+          </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/#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><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://blog.fontawesome.io">Blog</a></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+    <div class="jumbotron jumbotron-icon">
 
+  <div class="container">
 
+    <div class="info-icons">
 
+      <i class="fa fa-caret-square-o-right fa-6"></i>&nbsp;&nbsp;
 
+      <span class="hide-xs">
 
+        <i class="fa fa-caret-square-o-right fa-5"></i>&nbsp;&nbsp;
 
+        <span class="hide-sm"><i class="fa fa-caret-square-o-right fa-4"></i>&nbsp;&nbsp;</span>
 
+        <i class="fa fa-caret-square-o-right fa-3"></i>&nbsp;&nbsp;
 
+        <i class="fa fa-caret-square-o-right fa-2"></i>&nbsp;
 
+      </span>
 
+      <i class="fa fa-caret-square-o-right fa-1"></i>
 
+    </div>
 
+    <h1 class="info-class">
 
+      fa-caret-square-o-right
 
+      <small>
 
+        <i class="fa fa-caret-square-o-right"></i> &middot;
 
+        Unicode: <span class="upper">f152</span> &middot;
 
+        Created: v3.2 &middot;
 
+        Categories:
 
+        
+          Web Application Icons,
 
+        
+          Directional Icons
 
+        
+        
+        
+          &middot; Aliases:
 
+          
+            fa-toggle-right
 
+          
+        
+        
+      </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-caret-square-o-right"></i> fa-caret-square-o-right
 
+          </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-caret-square-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 
+</code></pre></div>
 
+        <br>
 
+        <div class="lead"><i class="fa fa-info-sign"></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="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
 
+      <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="https://themeisle.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', 'themeisle.com']);">
 
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
 
+      </a>
 
+    </div>
 
+    <div>
 
+      <i class="fa fa-flag"></i> Font Awesome 4.5.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="http://www.bootstrapcdn.com/#fontawesome_tab">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>
 
+
 
+
 
+  <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/algoliasearch.min.js"></script>
 
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
 
+  <script src="../../assets/js/site.js"></script>
 
+  <script src="../../assets/js/search.js"></script>
 
+  </body>
 
+</html>

Some files were not shown because too many files changed in this diff