From e9f1f6e2faf433faf76276cd5bf9553524b4eef7 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Mon, 30 Apr 2018 21:44:45 +0100
Subject: [PATCH] Comments icon

---
 css/metadata.css            |  1 +
 theme/icons.php             | 16 ++++++++++++++++
 theme/partials/metadata.php |  7 ++++++-
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/css/metadata.css b/css/metadata.css
index 2a5030e..a99b875 100644
--- a/css/metadata.css
+++ b/css/metadata.css
@@ -34,6 +34,7 @@
   margin-bottom: var(--spaceSm);
 }
 
+.Metadata-commentsText,
 .Metadata-categoriesText,
 .Metadata-dateText {
   line-height: 2.3;
diff --git a/theme/icons.php b/theme/icons.php
index b20a0a3..3c9fda3 100644
--- a/theme/icons.php
+++ b/theme/icons.php
@@ -14,6 +14,22 @@
   12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0
   6-2.7 6-6z"></path>
 </symbol>
+<symbol id="icon-comments" viewBox="0 0 576 512">
+<path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1
+  44-98.2 0-80-76.5-146.1-176.2-157.9C368.4 72.5 294.3 32 208 32 93.1 32 0
+  103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1
+  16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.1 2.1 18.4
+  3.7 28 4.8 31.5 57.5 105.5 98 191.8 98 20.8 0 40.8-2.4 59.8-6.8 28.5 18.5
+  71.6 38.8 125.2 38.8 9.2 0 17.5-5.5 21.2-14
+  3.6-8.5 1.9-18.3-4.4-25-.5-.4-22.6-24.2-37.9-54.9zM142.2 311l-11.4 7.4c-20.1
+  13.1-50.5 28.2-87.7 32.5 8.8-11.3 20.2-27.6 29.5-46.4L83
+  283.7l-16.5-16.3C50.7 251.9 32 226.2 32 192c0-70.6 79-128 176-128s176 57.4
+  176 128-79 128-176 128c-17.7 0-35.4-2-52.6-6l-13.2-3zm303
+  103.4l-11.4-7.4-13.2 3.1c-17.2 4-34.9 6-52.6 6-65.1 0-122-25.9-152.4-64.3C326.9
+  348.6 416 278.4 416 192c0-9.5-1.3-18.7-3.3-27.7C488.1 178.8 544 228.7 544 288c0
+  34.2-18.7 59.9-34.5 75.4L493 379.7l10.3 20.7c9.4 18.9 20.8 35.2 29.5
+  46.4-37.1-4.2-67.5-19.4-87.6-32.4zm-37.8-267.7c.1.2.1.4.2.6-.1-.2-.1-.4-.2-.6z"></path>
+</symbol>
 <symbol id="icon-facebook" viewBox="0 0 512 512">
 <path fill="currentColor" d="M448 56.7v398.5c0
   13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9
diff --git a/theme/partials/metadata.php b/theme/partials/metadata.php
index 30f036f..c95b2f1 100644
--- a/theme/partials/metadata.php
+++ b/theme/partials/metadata.php
@@ -9,7 +9,12 @@
   </div>
   <div class="Metadata-comments">
     <a class="Metadata-commentsLink" href="<?php the_permalink() ?>">
-      <?php comments_number(); ?>
+      <svg class="Icon">
+        <use href="#icon-comments"></use>
+      </svg>
+      <span class="Metadata-commentsText">
+        <?php comments_number(); ?>
+      </span>
     </a>
   </div>
   <div class="Metadata-categories">