diff --git a/site/static/Twitter_Social_Icon_Circle_Color.png b/site/static/Twitter_Social_Icon_Circle_Color.png
new file mode 100755
index 0000000..af44ca5
Binary files /dev/null and b/site/static/Twitter_Social_Icon_Circle_Color.png differ
diff --git a/site/static/f_logo_RGB-Black_58.png b/site/static/f_logo_RGB-Black_58.png
new file mode 100644
index 0000000..7e04c27
Binary files /dev/null and b/site/static/f_logo_RGB-Black_58.png differ
diff --git a/site/static/link.png b/site/static/link.png
new file mode 100644
index 0000000..f10228e
Binary files /dev/null and b/site/static/link.png differ
diff --git a/site/static/mail.png b/site/static/mail.png
new file mode 100644
index 0000000..0c26aa2
Binary files /dev/null and b/site/static/mail.png differ
diff --git a/site/themes/hugo_ff_theme/layouts/shortcodes/community.html b/site/themes/hugo_ff_theme/layouts/shortcodes/community.html
index e9ed6bf..79dddbf 100644
--- a/site/themes/hugo_ff_theme/layouts/shortcodes/community.html
+++ b/site/themes/hugo_ff_theme/layouts/shortcodes/community.html
@@ -8,25 +8,33 @@
 
             {{ if .Get "link" }}
             <div class="col p-0">
-                <a class="btn btn-on-com-card w-100" href="{{ .Get "link" }}" target="_blank">Link</a>
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "link" }}" target="_blank">
+                    <img src="/link.png" class="m-2" min-width="32px" width="32px">
+                </a>
             </div>
             {{ end }}
 
             {{ if .Get "facebook" }}
             <div class="col p-0">
-                <a class="btn btn-on-com-card w-100" href="{{ .Get "facebook" }}" target="_blank">Facebook</a>
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "facebook" }}" target="_blank">
+                    <img src="/f_logo_RGB-Black_58.png" class="m-2" min-width="32px" width="32px">
+                </a>
             </div>
             {{ end }}
 
             {{ if .Get "twitter" }}
             <div class="col p-0">
-                <a class="btn btn-on-com-card w-100" href="{{ .Get "twitter" }}" target="_blank">Twitter</a>
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "twitter" }}" target="_blank">
+                    <img src="/Twitter_Social_Icon_Circle_Color.png" class="m-2" min-width="32px" width="32px">
+                </a>
             </div>
             {{ end }}
 
             {{ if .Get "email" }}
             <div class="col p-0">
-                <a class="btn btn-on-com-card w-100" href="{{ .Get "email" }}" target="_blank">Email</a>
+                <a class="btn btn-on-com-card w-100" href="{{ .Get "email" }}" target="_blank">
+                    <img src="/mail.png" class="m-2" min-width="32px" width="32px">
+                </a>
             </div>
             {{ end }}