Adding hand icon category, correctly renaming new hand icons with -o suffix

css/font-awesome.css

@@ -1894,27 +1894,27 @@
 .fa-hourglass:before {
   content: "\f254";
 }
-.fa-hand-grab:before,
-.fa-hand-rock:before {
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
   content: "\f255";
 }
-.fa-hand-stop:before,
-.fa-hand-paper:before {
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
   content: "\f256";
 }
-.fa-hand-scissors:before {
+.fa-hand-scissors-o:before {
   content: "\f257";
 }
-.fa-hand-lizard:before {
+.fa-hand-lizard-o:before {
   content: "\f258";
 }
-.fa-hand-spock:before {
+.fa-hand-spock-o:before {
   content: "\f259";
 }
-.fa-hand-pointer:before {
+.fa-hand-pointer-o:before {
   content: "\f25a";
 }
-.fa-hand-peace:before {
+.fa-hand-peace-o:before {
   content: "\f25b";
 }
 .fa-trademark:before {

less/icons.less

@@ -630,15 +630,15 @@
 .@{fa-css-prefix}-hourglass-3:before,
 .@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; }
 .@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; }
-.@{fa-css-prefix}-hand-grab:before,
-.@{fa-css-prefix}-hand-rock:before { content: @fa-var-hand-rock; }
-.@{fa-css-prefix}-hand-stop:before,
-.@{fa-css-prefix}-hand-paper:before { content: @fa-var-hand-paper; }
-.@{fa-css-prefix}-hand-scissors:before { content: @fa-var-hand-scissors; }
-.@{fa-css-prefix}-hand-lizard:before { content: @fa-var-hand-lizard; }
-.@{fa-css-prefix}-hand-spock:before { content: @fa-var-hand-spock; }
-.@{fa-css-prefix}-hand-pointer:before { content: @fa-var-hand-pointer; }
-.@{fa-css-prefix}-hand-peace:before { content: @fa-var-hand-peace; }
+.@{fa-css-prefix}-hand-grab-o:before,
+.@{fa-css-prefix}-hand-rock-o:before { content: @fa-var-hand-rock-o; }
+.@{fa-css-prefix}-hand-stop-o:before,
+.@{fa-css-prefix}-hand-paper-o:before { content: @fa-var-hand-paper-o; }
+.@{fa-css-prefix}-hand-scissors-o:before { content: @fa-var-hand-scissors-o; }
+.@{fa-css-prefix}-hand-lizard-o:before { content: @fa-var-hand-lizard-o; }
+.@{fa-css-prefix}-hand-spock-o:before { content: @fa-var-hand-spock-o; }
+.@{fa-css-prefix}-hand-pointer-o:before { content: @fa-var-hand-pointer-o; }
+.@{fa-css-prefix}-hand-peace-o:before { content: @fa-var-hand-peace-o; }
 .@{fa-css-prefix}-trademark:before { content: @fa-var-trademark; }
 .@{fa-css-prefix}-registered:before { content: @fa-var-registered; }
 .@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; }

less/variables.less

@@ -289,19 +289,19 @@
 @fa-var-group: "\f0c0";
 @fa-var-h-square: "\f0fd";
 @fa-var-hacker-news: "\f1d4";
-@fa-var-hand-grab: "\f255";
-@fa-var-hand-lizard: "\f258";
+@fa-var-hand-grab-o: "\f255";
+@fa-var-hand-lizard-o: "\f258";
 @fa-var-hand-o-down: "\f0a7";
 @fa-var-hand-o-left: "\f0a5";
 @fa-var-hand-o-right: "\f0a4";
 @fa-var-hand-o-up: "\f0a6";
-@fa-var-hand-paper: "\f256";
-@fa-var-hand-peace: "\f25b";
-@fa-var-hand-pointer: "\f25a";
-@fa-var-hand-rock: "\f255";
-@fa-var-hand-scissors: "\f257";
-@fa-var-hand-spock: "\f259";
-@fa-var-hand-stop: "\f256";
+@fa-var-hand-paper-o: "\f256";
+@fa-var-hand-peace-o: "\f25b";
+@fa-var-hand-pointer-o: "\f25a";
+@fa-var-hand-rock-o: "\f255";
+@fa-var-hand-scissors-o: "\f257";
+@fa-var-hand-spock-o: "\f259";
+@fa-var-hand-stop-o: "\f256";
 @fa-var-hdd-o: "\f0a0";
 @fa-var-header: "\f1dc";
 @fa-var-headphones: "\f025";

scss/_icons.scss

@@ -630,15 +630,15 @@
 .#{$fa-css-prefix}-hourglass-3:before,
 .#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
 .#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
-.#{$fa-css-prefix}-hand-grab:before,
-.#{$fa-css-prefix}-hand-rock:before { content: $fa-var-hand-rock; }
-.#{$fa-css-prefix}-hand-stop:before,
-.#{$fa-css-prefix}-hand-paper:before { content: $fa-var-hand-paper; }
-.#{$fa-css-prefix}-hand-scissors:before { content: $fa-var-hand-scissors; }
-.#{$fa-css-prefix}-hand-lizard:before { content: $fa-var-hand-lizard; }
-.#{$fa-css-prefix}-hand-spock:before { content: $fa-var-hand-spock; }
-.#{$fa-css-prefix}-hand-pointer:before { content: $fa-var-hand-pointer; }
-.#{$fa-css-prefix}-hand-peace:before { content: $fa-var-hand-peace; }
+.#{$fa-css-prefix}-hand-grab-o:before,
+.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-stop-o:before,
+.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
+.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
+.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
 .#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
 .#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
 .#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }

scss/_variables.scss

@@ -289,19 +289,19 @@ $fa-var-gratipay: "\f184";
 $fa-var-group: "\f0c0";
 $fa-var-h-square: "\f0fd";
 $fa-var-hacker-news: "\f1d4";
-$fa-var-hand-grab: "\f255";
-$fa-var-hand-lizard: "\f258";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-lizard-o: "\f258";
 $fa-var-hand-o-down: "\f0a7";
 $fa-var-hand-o-left: "\f0a5";
 $fa-var-hand-o-right: "\f0a4";
 $fa-var-hand-o-up: "\f0a6";
-$fa-var-hand-paper: "\f256";
-$fa-var-hand-peace: "\f25b";
-$fa-var-hand-pointer: "\f25a";
-$fa-var-hand-rock: "\f255";
-$fa-var-hand-scissors: "\f257";
-$fa-var-hand-spock: "\f259";
-$fa-var-hand-stop: "\f256";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-stop-o: "\f256";
 $fa-var-hdd-o: "\f0a0";
 $fa-var-header: "\f1dc";
 $fa-var-headphones: "\f025";

src/_includes/icons/hand.html

@@ -0,0 +1,12 @@
+<section id="hand">
+  <h2 class="page-header">Hand Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_hand = icons | expand_aliases | category:"Hand Icons" | sort_by:'class' %}
+
+    {% for icon in icons_hand %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}"></i> {{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>

src/_includes/navbar.html

@@ -42,6 +42,7 @@
             <li class="divider"></li>
             <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-diamond fa-fw"></i>&nbsp; New Icons in {{ site.fontawesome.minor_version }}</a></li>
             <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="{{ page.relative_path }}icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
@@ -50,7 +51,7 @@
             <li><a href="{{ page.relative_path }}icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
-            <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>

src/icons.html

@@ -25,6 +25,7 @@ relative_path: ../
 
   {% include icons/new.html %}
   {% include icons/web-application.html %}
+  {% include icons/hand.html %}
   {% include icons/transportation.html %}
   {% include icons/gender.html %}
   {% include icons/file-type.html %}

src/icons.yml

@@ -1379,8 +1379,10 @@ icons:
       - approve
       - favorite
       - agree
+      - hand
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Thumbs Down Outlined
     id:         thumbs-o-down
@@ -1390,8 +1392,10 @@ icons:
       - dislike
       - disapprove
       - disagree
+      - hand
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       star-half
     id:         star-half
@@ -1685,6 +1689,7 @@ icons:
       - forward
     categories:
       - Directional Icons
+      - Hand Icons
 
   - name:       Hand Outlined Left
     id:         hand-o-left
@@ -1697,6 +1702,7 @@ icons:
       - back
     categories:
       - Directional Icons
+      - Hand Icons
 
   - name:       Hand Outlined Up
     id:         hand-o-up
@@ -1706,6 +1712,7 @@ icons:
       - point
     categories:
       - Directional Icons
+      - Hand Icons
 
   - name:       Hand Outlined Down
     id:         hand-o-down
@@ -1715,6 +1722,7 @@ icons:
       - point
     categories:
       - Directional Icons
+      - Hand Icons
 
   - name:       Arrow Circle Left
     id:         arrow-circle-left
@@ -3451,8 +3459,10 @@ icons:
       - favorite
       - approve
       - agree
+      - hand
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       thumbs-down
     id:         thumbs-down
@@ -3462,8 +3472,10 @@ icons:
       - dislike
       - disapprove
       - disagree
+      - hand
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       YouTube Square
     id:         youtube-square
@@ -5283,57 +5295,64 @@ icons:
       - Web Application Icons
 
   - name:       Rock (Hand)
-    id:         hand-rock
+    id:         hand-rock-o
     unicode:    f255
     created:    4.4
     aliases:
-      - hand-grab
+      - hand-grab-o
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Paper (Hand)
-    id:         hand-paper
+    id:         hand-paper-o
     unicode:    f256
     created:    4.4
     aliases:
-      - hand-stop
+      - hand-stop-o
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Scissors (Hand)
-    id:         hand-scissors
+    id:         hand-scissors-o
     unicode:    f257
     created:    4.4
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Lizard (Hand)
-    id:         hand-lizard
+    id:         hand-lizard-o
     unicode:    f258
     created:    4.4
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Spock (Hand)
-    id:         hand-spock
+    id:         hand-spock-o
     unicode:    f259
     created:    4.4
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Hand Pointer
-    id:         hand-pointer
+    id:         hand-pointer-o
     unicode:    f25a
     created:    4.4
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Hand Peace
-    id:         hand-peace
+    id:         hand-peace-o
     unicode:    f25b
     created:    4.4
     categories:
       - Web Application Icons
+      - Hand Icons
 
   - name:       Trademark
     id:         trademark