diff --git a/.prettierignore b/.prettierignore
index bd5535a..ee13637 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1 +1,2 @@
 pnpm-lock.yaml
+templates/macros.html
diff --git a/config.toml b/config.toml
index 6b64ddb..1fb2065 100644
--- a/config.toml
+++ b/config.toml
@@ -79,6 +79,7 @@ avatar_url = "icons/github.svg"
 avatar_invert = true
 
 # The social icons below the profile on the home page.
+# The `name` should be the file name of static/icons/*.svg or the icon name of https://simpleicons.org/
 [[extra.profile.social]]
 name = "github"
 url = "https://github.com/st1020/kita"
diff --git a/static/icons/codeberg.svg b/static/icons/codeberg.svg
deleted file mode 100644
index f65296f..0000000
--- a/static/icons/codeberg.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M11.955.49A12 12 0 0 0 0 12.49a12 12 0 0 0 1.832 6.373L11.838 5.928a.187.14 0 0 1 .324 0l10.006 12.935A12 12 0 0 0 24 12.49a12 12 0 0 0-12-12 12 12 0 0 0-.045 0zm.375 6.467 4.416 16.553a12 12 0 0 0 5.137-4.213z"/></svg>
\ No newline at end of file
diff --git a/static/icons/goodreads.svg b/static/icons/goodreads.svg
deleted file mode 100644
index 59e80bd..0000000
--- a/static/icons/goodreads.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-  <path d="M26.031 21.302v-20.651h-2.745v3.875h-0.083c-0.281-0.604-0.641-1.188-1.125-1.74-0.479-0.552-1.021-1.036-1.641-1.458s-1.281-0.75-2.026-0.984c-0.734-0.224-1.521-0.344-2.359-0.344-1.615 0-3.068 0.302-4.328 0.896-1.266 0.594-2.323 1.406-3.182 2.438-0.854 1.031-1.51 2.234-1.958 3.615s-0.677 2.839-0.677 4.375c0 1.599 0.188 3.104 0.568 4.51 0.38 1.411 0.984 2.635 1.823 3.682 0.844 1.042 1.885 1.865 3.167 2.448 1.281 0.578 2.828 0.88 4.63 0.88 1.661 0 3.104-0.422 4.349-1.26 1.245-0.844 2.182-1.964 2.823-3.37h0.083v3.047c0 2.724-0.563 4.807-1.688 6.271-1.12 1.443-2.964 2.188-5.526 2.188-0.76 0-1.505-0.083-2.224-0.245-0.724-0.156-1.38-0.417-1.984-0.76-0.583-0.359-1.104-0.797-1.521-1.38-0.422-0.583-0.703-1.281-0.844-2.125h-2.813c0.094 1.182 0.422 2.203 0.984 3.068 0.568 0.859 1.281 1.563 2.135 2.125 0.854 0.536 1.823 0.938 2.896 1.198 1.083 0.26 2.188 0.401 3.328 0.401 1.844 0 3.385-0.26 4.646-0.74 1.266-0.5 2.286-1.203 3.068-2.141 0.802-0.948 1.365-2.068 1.724-3.411s0.563-2.844 0.563-4.49zM16.052 20.563c-1.271 0-2.375-0.255-3.302-0.766-0.932-0.505-1.703-1.172-2.313-2-0.62-0.828-1.063-1.776-1.359-2.854-0.302-1.078-0.443-2.177-0.443-3.313 0-1.161 0.141-2.302 0.401-3.417 0.281-1.12 0.719-2.115 1.323-2.984 0.599-0.87 1.38-1.578 2.302-2.115s2.047-0.807 3.349-0.807c1.302 0 2.401 0.281 3.328 0.828 0.901 0.552 1.661 1.281 2.24 2.177 0.583 0.906 1.005 1.906 1.266 3.010 0.26 1.099 0.38 2.208 0.38 3.307 0 1.135-0.161 2.24-0.464 3.313-0.297 1.078-0.76 2.026-1.38 2.854s-1.365 1.495-2.266 2c-0.901 0.51-1.943 0.766-3.146 0.766z"/>
-</svg>
\ No newline at end of file
diff --git a/static/icons/instagram.svg b/static/icons/instagram.svg
deleted file mode 100644
index fb0ad37..0000000
--- a/static/icons/instagram.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.2 2.2 19.6 19.6"><path d="M 8 3 C 5.239 3 3 5.239 3 8 L 3 16 C 3 18.761 5.239 21 8 21 L 16 21 C 18.761 21 21 18.761 21 16 L 21 8 C 21 5.239 18.761 3 16 3 L 8 3 z M 18 5 C 18.552 5 19 5.448 19 6 C 19 6.552 18.552 7 18 7 C 17.448 7 17 6.552 17 6 C 17 5.448 17.448 5 18 5 z M 12 7 C 14.761 7 17 9.239 17 12 C 17 14.761 14.761 17 12 17 C 9.239 17 7 14.761 7 12 C 7 9.239 9.239 7 12 7 z M 12 9 A 3 3 0 0 0 9 12 A 3 3 0 0 0 12 15 A 3 3 0 0 0 15 12 A 3 3 0 0 0 12 9 z"/></svg>
diff --git a/static/icons/linkedin.svg b/static/icons/linkedin.svg
deleted file mode 100644
index bcdc2cb..0000000
--- a/static/icons/linkedin.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="2 2 46 46"><path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/></svg>
diff --git a/static/icons/mastodon.svg b/static/icons/mastodon.svg
deleted file mode 100644
index 729af48..0000000
--- a/static/icons/mastodon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-7 -7 526 526"><path d="M214.5 1.1c-52.8 3-101.7 12.8-124.6 25-7.9 4.2-22.2 16.2-29.3 24.5-20 23.4-31.9 51.1-37.2 86.6-3.3 22.8-2.7 128.6 1.1 170.8 8.6 97.6 35.6 152.9 87.5 179.4 15.8 8.1 30.4 12.6 58.5 18 24.1 4.6 39.9 6 67.5 6 39.4 0 67.6-4.8 97-16.3l9.5-3.7-.3-13.9c-.1-7.7-.5-17.3-.8-21.3-.6-7-.7-7.3-2.7-6.8-6 1.8-29.4 6.7-38.7 8.1-23.4 3.6-66.6 2.9-88.8-1.4-34.8-6.8-52.6-24.7-57.1-57.5-1.3-9.3-1.4-15.6-.2-15.6.4 0 5.7 1.1 11.7 2.4 31.4 7 55.8 9.7 94.7 10.3 34.8.6 51.9-.3 83.7-4.3 31-3.9 51.5-9.6 73-20.4 27.7-13.9 51.9-36.6 58.9-55.4 9.2-24.6 16-133.2 11-175.6-5.1-43.3-24.2-81-52.7-104.1C422.7 25 409.1 19 384.6 13 341.7 2.4 274-2.3 214.5 1.1zm-11.9 88c8.7 2.2 16.9 6.2 24.9 12.2 7.9 5.9 12.2 11.3 20.2 24.9 3.6 6.2 7 11.9 7.6 12.6.7.9 3.1-2.3 8.6-11.7 8.5-14.2 11.9-18.5 19.5-24.9 28.4-23.6 75.2-19.9 101 7.8 11.3 12.2 17.3 26 20.1 46.1 2.1 14.7 3 70.6 2 119.1l-.7 35.8H354v-68.3c0-73.9-.1-75.1-5.5-85.8-3.4-6.5-9.4-12.5-15.8-15.4-16.9-7.9-35.2-.4-44.2 17.9-5.8 11.6-6.4 17.8-6.5 61.8V260h-51.9l-.3-43.3c-.4-41.2-.5-43.5-2.6-49.7-4-12-11.3-20.9-21.2-25.8-7.9-3.8-18.2-3.8-26.1.1-6.6 3.2-14.2 10.9-17 17.3-4.7 10.5-4.9 13.8-4.9 85.1V311h-51.7l-.8-57.3c-.9-74.3.5-99.8 6.4-117 7.8-22.6 24.8-39.1 48.1-46.6 13-4.2 28.6-4.6 42.6-1z"/></svg>
diff --git a/static/icons/stackoverflow.svg b/static/icons/stackoverflow.svg
deleted file mode 100644
index f5c1bd9..0000000
--- a/static/icons/stackoverflow.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <title>stackoverflow</title>
-  <rect width="24" height="24" fill="none"/>
-  <path d="M17.36,20.2V14.82h1.79V22H3V14.82H4.8V20.2H17.36M6.77,14.32l.37-1.76,8.79,1.85-.37,1.76L6.77,14.32m1.16-4.21L8.69,8.5l8.14,3.78-.76,1.62L7.93,10.11m2.26-4,1.15-1.38,6.9,5.76-1.15,1.37-6.9-5.75m4.45-4.25L20,9.08l-1.44,1.07L13.2,2.94l1.44-1.07m-8,16.54v-1.8h9v1.8Z"/>
-</svg>
\ No newline at end of file
diff --git a/static/icons/telegram.svg b/static/icons/telegram.svg
deleted file mode 100644
index 8536d2c..0000000
--- a/static/icons/telegram.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<title>telegram</title>
-<path d="M22.122 10.040c0.006-0 0.014-0 0.022-0 0.209 0 0.403 0.065 0.562 0.177l-0.003-0.002c0.116 0.101 0.194 0.243 0.213 0.403l0 0.003c0.020 0.122 0.031 0.262 0.031 0.405 0 0.065-0.002 0.129-0.007 0.193l0-0.009c-0.225 2.369-1.201 8.114-1.697 10.766-0.21 1.123-0.623 1.499-1.023 1.535-0.869 0.081-1.529-0.574-2.371-1.126-1.318-0.865-2.063-1.403-3.342-2.246-1.479-0.973-0.52-1.51 0.322-2.384 0.221-0.23 4.052-3.715 4.127-4.031 0.004-0.019 0.006-0.040 0.006-0.062 0-0.078-0.029-0.149-0.076-0.203l0 0c-0.052-0.034-0.117-0.053-0.185-0.053-0.045 0-0.088 0.009-0.128 0.024l0.002-0.001q-0.198 0.045-6.316 4.174c-0.445 0.351-1.007 0.573-1.619 0.599l-0.006 0c-0.867-0.105-1.654-0.298-2.401-0.573l0.074 0.024c-0.938-0.306-1.683-0.467-1.619-0.985q0.051-0.404 1.114-0.827 6.548-2.853 8.733-3.761c1.607-0.853 3.47-1.555 5.429-2.010l0.157-0.031zM15.93 1.025c-8.302 0.020-15.025 6.755-15.025 15.060 0 8.317 6.742 15.060 15.060 15.060s15.060-6.742 15.060-15.060c0-8.305-6.723-15.040-15.023-15.060h-0.002q-0.035-0-0.070 0z"></path>
-</svg>
\ No newline at end of file
diff --git a/static/icons/twitter.svg b/static/icons/twitter.svg
deleted file mode 100644
index 0ba5c46..0000000
--- a/static/icons/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.1 2.1 19.8 19.8"><path d="M22,3.999c-0.78,0.463-2.345,1.094-3.265,1.276c-0.027,0.007-0.049,0.016-0.075,0.023c-0.813-0.802-1.927-1.299-3.16-1.299 c-2.485,0-4.5,2.015-4.5,4.5c0,0.131-0.011,0.372,0,0.5c-3.353,0-5.905-1.756-7.735-4c-0.199,0.5-0.286,1.29-0.286,2.032 c0,1.401,1.095,2.777,2.8,3.63c-0.314,0.081-0.66,0.139-1.02,0.139c-0.581,0-1.196-0.153-1.759-0.617c0,0.017,0,0.033,0,0.051 c0,1.958,2.078,3.291,3.926,3.662c-0.375,0.221-1.131,0.243-1.5,0.243c-0.26,0-1.18-0.119-1.426-0.165 c0.514,1.605,2.368,2.507,4.135,2.539c-1.382,1.084-2.341,1.486-5.171,1.486H2C3.788,19.145,6.065,20,8.347,20 C15.777,20,20,14.337,20,8.999c0-0.086-0.002-0.266-0.005-0.447C19.995,8.534,20,8.517,20,8.499c0-0.027-0.008-0.053-0.008-0.08 c-0.003-0.136-0.006-0.263-0.009-0.329c0.79-0.57,1.475-1.281,2.017-2.091c-0.725,0.322-1.503,0.538-2.32,0.636 C20.514,6.135,21.699,4.943,22,3.999z"/></svg>
diff --git a/templates/index.html b/templates/index.html
index 389c8f3..89b1617 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,3 +1,4 @@
+{% import "macros.html" as macros %}
 <!doctype html>
 <html class="not-ready lg:text-base" lang="{{ lang }}">
   {% include "partials/head.html" %}
diff --git a/templates/macros.html b/templates/macros.html
new file mode 100644
index 0000000..a533d1c
--- /dev/null
+++ b/templates/macros.html
@@ -0,0 +1,8 @@
+{%- macro get_social_icon(icon) -%}
+{%- set meta = get_image_metadata(path="/static/icons/" ~ icon ~ ".svg", allow_missing=true) -%}
+{%- if meta -%}
+{{- get_url(path="icons/" ~ icon ~ ".svg") -}}
+{%- else -%}
+{{- "https://cdn.jsdelivr.net/npm/simple-icons/icons/" ~ icon ~ ".svg" -}}
+{%- endif -%}
+{%- endmacro get_social_icon -%}
diff --git a/templates/partials/head.html b/templates/partials/head.html
index 10117eb..73327c2 100644
--- a/templates/partials/head.html
+++ b/templates/partials/head.html
@@ -1,3 +1,4 @@
+{% import "macros.html" as macros %}
 <head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -68,7 +69,7 @@
   {% if config.extra.profile.social %}
   <!---->
   {% for social in config.extra.profile.social %}
-  <link rel="preload" as="image" href="{{ get_url(path=`icons/` ~ social.name ~ `.svg`) }}" />
+  <link rel="preload" as="image" href="{{ macros::get_social_icon(icon=social.name) }}" />
   {% endfor %}
   <!---->
   {% endif %}
diff --git a/templates/partials/profile.html b/templates/partials/profile.html
index 5533f94..565431e 100644
--- a/templates/partials/profile.html
+++ b/templates/partials/profile.html
@@ -24,7 +24,7 @@
       {% for social in config.extra.profile.social %}
       <a
         class="primary-link h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat]"
-        style="--url: url(./icons/{{ social.name }}.svg)"
+        style="--url: url({{ macros::get_social_icon(icon=social.name) }})"
         href="{{ social.url | replace(from=`$BASE_URL`, to=config.base_url) | safe  }}"
         target="_blank"
         rel="{% if social.name == `rss` %}alternate{% else %}me{% endif %}"