Replace docs icon with svg variant

_includes/crates.html

@@ -1,4 +1,4 @@
-<table>
+<table class="crates">
 <thead>
   <tr><th>Project</th><th colspan="2">Crate</th><th>Docs</th></tr>
 </thead>
@@ -17,7 +17,9 @@
       v{{crate.max_version}}
     </td>
     <td class="docs">
-      <a href="/{{crate.repo}}/stable/latest/docs/{{ crate.name | replace: "-rs", "" }}">🕮</a>
+      <a href="/{{crate.repo}}/stable/latest/docs/{{ crate.name | replace: "-rs", "" }}">
+        {% include docs.svg %}
+      </a>
     </td>
   </tr>
 {% endfor %}

_sass/_base.scss

@@ -92,11 +92,6 @@ table {
         padding: 0.3em 0.7em;
     }
 
-    .section {
-        font-weight: bold;
-        text-align: right;
-    }
-
     th {
         border-bottom: 1px solid $text-color;
     }
@@ -147,19 +142,6 @@ a.badge {
     text-decoration: none;
 }
 
-td.docs {
-    text-align: center;
-
-    a:hover {
-        text-decoration: none;
-        transform: scale(1.3);
-        transition-property: transform;
-        transition: 0.2s;
-        display: inline-block;
-    }
-}
-
-
 /**
  * Blockquotes
  */

_sass/_layout.scss

@@ -382,3 +382,34 @@ section.special {
         overflow: hidden;
     }
 }
+
+table.crates {
+    .section {
+        font-weight: bold;
+        text-align: right;
+    }
+
+    td.docs {
+        text-align: center;
+
+        svg {
+            height: 0.85em;
+            width: auto;
+
+            path {
+                fill: currentcolor;
+            }
+        }
+
+        a {
+            display: inline-block;
+        }
+
+        a:hover {
+            transform: scale(1.3);
+            transition-property: transform;
+            transition: 0.2s;
+        }
+
+    }
+}