fix: remove main svg icon border radius

src/components/Footer.astro

@@ -11,7 +11,7 @@ import { Icon } from "astro-icon/components";
       >{SITE.TITLE}</a
     >. All rights reserved.
   </span>
-  <div class="text-tertiary flex flex-row items-center gap-4">
+  <div class="text-tertiary flex flex-row items-center gap-3">
     {
       SITE.LINKS.map((i) => (
         <Link href={i.href} aria-label={i.name}>

src/components/Header.astro

@@ -12,7 +12,7 @@ const currentPath = pathname.replace(/\/$/, "");
     <a href="/" aria-label={SITE.TITLE}>
       <Icon
         name="icon"
-        class="hover:text-tertiary h-8 w-auto transition-colors duration-500 ease-in-out"
+        class="hover:text-tertiary h-8 w-auto rounded-sm transition-colors duration-500 ease-in-out"
       />
     </a>
     <ul class="flex w-fit flex-row items-center gap-4">

src/icons/icon.svg

@@ -1,3 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-  <path d="M 31.999999,0 A 32,31.999999 0 0 0 0,31.999999 V 95.999997 A 32,31.999999 0 0 0 31.999999,128 h 64 A 32,31.999999 0 0 0 128,95.999997 V 31.999999 A 32,31.999999 0 0 0 95.999999,0 Z m 9.813477,32.85327 H 86.186522 V 44.373292 H 70.399903 V 95.146726 H 57.600098 V 44.373292 H 41.813476 Z" fill="currentColor" />
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="none" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+<path d="m0 0v128h128v-128zm41.814 32.854h44.371v11.52h-15.785v50.773h-12.801v-50.773h-15.785z" fill="currentColor"/>
 </svg>