diff --git a/src/assets/images/author.svg b/src/assets/images/author.svg
new file mode 100644
index 00000000..35a984eb
--- /dev/null
+++ b/src/assets/images/author.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g id="author" fill="currentColor"><path d="m10 8.45a3.73 3.73 0 1 1 3.73-3.72 3.73 3.73 0 0 1 -3.73 3.72zm0-5.45a1.73 1.73 0 1 0 1.73 1.73 1.73 1.73 0 0 0 -1.73-1.73z"/><path d="m10 18a11.48 11.48 0 0 1 -5.76-1.48 1 1 0 0 1 -.47-.84 6.23 6.23 0 0 1 12.46 0 1 1 0 0 1 -.48.85 11.87 11.87 0 0 1 -5.75 1.47zm-4.19-2.91a10 10 0 0 0 4.19.91 10.18 10.18 0 0 0 4.19-.91 4.23 4.23 0 0 0 -8.38 0z"/></g></svg>
diff --git a/src/assets/styles/common/_todo.scss b/src/assets/styles/common/_todo.scss
index cd4b7942..676fbea8 100644
--- a/src/assets/styles/common/_todo.scss
+++ b/src/assets/styles/common/_todo.scss
@@ -13,6 +13,8 @@ input[type="file"] > input[type="button"]::-moz-focus-inner {
 }
 
 .separator {
-	padding-left: 0.325em;
-	vertical-align: super;
+	display: inline-block;
+	padding-left: 0.5ch;
+	text-indent: 0;
+	transform: translate(0, -0.5ch);
 }
diff --git a/src/components/01-atoms/01-icons/icons.config.js b/src/components/01-atoms/01-icons/icons.config.js
index 43f2e0c9..27455253 100644
--- a/src/components/01-atoms/01-icons/icons.config.js
+++ b/src/components/01-atoms/01-icons/icons.config.js
@@ -14,6 +14,9 @@ module.exports = {
 				{
 					svg: 'share',
 				},
+				{
+					svg: 'author'
+				},
 				{
 					svg: 'edit',
 				},
diff --git a/src/components/02-molecules/01-card/card--resource.njk b/src/components/02-molecules/01-card/card--resource.njk
index 8eeef543..bac9aaac 100644
--- a/src/components/02-molecules/01-card/card--resource.njk
+++ b/src/components/02-molecules/01-card/card--resource.njk
@@ -8,7 +8,7 @@
 					<a href="{{ href }}">{{ title | safe }}</a>
 				</h3>
 				{% if byline %}
-					<p class="card__byline">By {{ byline | safe }}</p>
+					<p class="card__byline">{% render '@svg', {svg:'author'}, true %} By {{ byline | safe }}</p>
 				{% endif %}
 			</header>
 			<aside class="card__aside">
diff --git a/src/components/02-molecules/01-card/card.njk b/src/components/02-molecules/01-card/card.njk
index 19eeba7a..35beab04 100644
--- a/src/components/02-molecules/01-card/card.njk
+++ b/src/components/02-molecules/01-card/card.njk
@@ -13,7 +13,7 @@
 					{% if format %}<span class="card__format">{{ format }}</span><span class="screen-reader-text">: </span>{% endif %}<a {% if externalLink %}rel="external" {% endif %}href="{{ href }}">{{ title | safe }}</a>
 				</h3>
 				{% if byline %}
-					<p class="card__byline">By {{ byline | safe }}</p>
+					<p class="card__byline">{% render '@svg', {svg:'author'}, true %} By {{ byline | safe }}</p>
 				{% endif %}
 			</header>
 			<aside class="card__aside">