diff --git a/content/friends.md b/content/friends.md
index 0db911c8..55bca7e7 100644
--- a/content/friends.md
+++ b/content/friends.md
@@ -3,6 +3,7 @@ title: "Friends online"
 emoji: 🫶
 draft: false
 type: timeless
+summary: A list of my friends who run their own websites.
 ---
 
 In lovely, nostalgic web 1.0 style, here are some links to the websites of friends of mine. Please enjoy, and get in touch with them if you like what they've built!
diff --git a/layouts/shortcodes/friend.html b/layouts/shortcodes/friend.html
index 1f589699..1cebce83 100644
--- a/layouts/shortcodes/friend.html
+++ b/layouts/shortcodes/friend.html
@@ -1,5 +1,5 @@
 {{ with index .Site.Data.friends (.Get 0) }}
-  <a href="{{.site}}" rel="{{.xfn}}" class="u-category h-card u-url p-name" target="_blank">{{.name}}</a>
+  <span class="h-card"><a href="{{.site}}" rel="{{.xfn}}" class="u-category u-url p-name" target="_blank">{{.name}}</a></span>
 {{ else }}
   {{ errorf "Could not display friend %s" (.Get 0) }}
 {{ end }}
diff --git a/themes/hello-friend-ng/assets/scss/_main.scss b/themes/hello-friend-ng/assets/scss/_main.scss
index 7e227cfc..9212373c 100644
--- a/themes/hello-friend-ng/assets/scss/_main.scss
+++ b/themes/hello-friend-ng/assets/scss/_main.scss
@@ -719,3 +719,10 @@ select:focus + .focus {
   border: 2px solid var(--accent);
   border-radius: inherit;
 }
+
+.h-card .u-url::before {
+  content: "📇";
+  margin-right: 3px;
+  text-decoration: none;
+  display:inline-block;
+}
\ No newline at end of file