Use consistent icons on the homepage (fixes #12) (#13)

Author: 17cupsofcoffee

README.md

@@ -10,4 +10,7 @@ This project is licensed under either of:
  * MIT license ([LICENSE-MIT](LICENSE-MIT) or
    http://opensource.org/licenses/MIT)
 
-With the exception of the [Font Awesome](https://fontawesome.com) social icons, which are used under a [Creative Commons Attribution 4.0 International](https://creativecommons.org/licenses/by/4.0/) license.
+With the exception of:
+
+* The [Font Awesome](https://fontawesome.com) social icons, which are used under a [Creative Commons Attribution 4.0 International](https://creativecommons.org/licenses/by/4.0/) license
+* The [OpenMoji](https://openmoji.org) icons used on the homepage, which are used under a [Creative Commons Attribution-ShareAlike 4.0 International](https://creativecommons.org/licenses/by-sa/4.0/) license

_layouts/home.html

@@ -6,7 +6,9 @@
 <section class="intro">
   <div class="wrapper">   
     <p class="intro-icons" aria-hidden="true">
-      🦀 💖 🕹️
+      <svg><use xlink:href="{{ '/assets/intro-icons.svg#crab' | relative_url }}"></use></svg>
+      <svg><use xlink:href="{{ '/assets/intro-icons.svg#heart' | relative_url }}"></use></svg>
+      <svg><use xlink:href="{{ '/assets/intro-icons.svg#joystick' | relative_url }}"></use></svg>
     </p>
     <p class="intro-lead">
       Making Rust a first-class choice for game development

_sass/extra.scss

@@ -11,8 +11,9 @@ li {
     border-bottom: 1px solid #e8e8e8;
     text-align: center;
 
-    .intro-icons {
-        font-size: 2em;
+    .intro-icons svg {
+        width: 92px;
+        height: 92px;
     }
 
     .intro-lead {