diff --git a/public/base-light.html b/public/base-light.html
index 704f4ab..1357e6a 100644
--- a/public/base-light.html
+++ b/public/base-light.html
@@ -50,7 +50,6 @@
                 <a href="mailto:nercone@nercone.dev" class="text-no-decoration hide show-on-large">email</a>
                 <a href="/public-key/" class="text-no-decoration hide show-on-large">public-key</a>
                 <a href="/vulnerability-reporters/" class="text-no-decoration hide show-on-large">vulnerability-reporters</a>
-                <a href="?lightweight=0" class="text-no-decoration hide show-on-medium show-on-large text-bright-blue">lightweight-mode</a>
             </div>
             <div class="flex">
                 <a href="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="small-icon"></a>
@@ -60,6 +59,7 @@
                 <a href="https://zenn.dev/techcat56/"><img alt="zenn" src="/assets/images/icons/zenn.svg" class="small-icon">
                 <!--                                            qiita                           kotonai -->
                 <a href="/server-version/" class="font-bold text-no-decoration hide show-on-medium show-on-large">{{ server_version }}</a>
+                <a href="?lightweight=0" class="hide show-on-medium show-on-large"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode.svg" class="small-icon">
             </div>
         </footer>
     </body>
diff --git a/public/base.html b/public/base.html
index efcc818..8030c9b 100644
--- a/public/base.html
+++ b/public/base.html
@@ -72,7 +72,6 @@
                 <a href="mailto:nercone@nercone.dev" class="text-no-decoration hide show-on-large">email</a>
                 <a href="/public-key/" class="text-no-decoration hide show-on-large">public-key</a>
                 <a href="/vulnerability-reporters/" class="text-no-decoration hide show-on-large">vulnerability-reporters</a>
-                <a href="?lightweight=1" class="text-no-decoration hide show-on-medium show-on-large">lightweight-mode</a>
             </div>
             <div class="flex">
                 <a href="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="small-icon"></a>
@@ -82,6 +81,7 @@
                 <a href="https://zenn.dev/techcat56/"><img alt="zenn" src="/assets/images/icons/zenn.svg" class="small-icon">
                 <!--                                            qiita                           kotonai -->
                 <a href="/server-version/" class="font-bold text-no-decoration hide show-on-medium show-on-large">{{ server_version }}</a>
+                <a href="?lightweight=1" class="hide show-on-medium show-on-large"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode-false.svg" class="small-icon">
             </div>
         </footer>
     </body>