Moved to keeping the SVGs in repo

src/components/sections/ContactSection.vue

@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import {
-    XCircleIcon,
-    CheckCircleIcon,
-    PaperAirplaneIcon,
-    EnvelopeIcon,
-} from "@heroicons/vue/24/outline";
+import Icon from "../Icon.vue";
 import { siteConfig } from "../../config/site";
 
 const firstName = ref("");
@@ -249,15 +244,15 @@ ${message.value}`,
                             {{ siteConfig.contact.form.sending }}
                         </template>
                         <template v-else-if="status === 'success'">
-                            <CheckCircleIcon class="w-5 h-5" />
+                            <Icon name="check-circle" class="w-5 h-5" />
                             {{ siteConfig.contact.form.success }}
                         </template>
                         <template v-else-if="status === 'error'">
-                            <XCircleIcon class="w-5 h-5" />
+                            <Icon name="x-circle" class="w-5 h-5" />
                             {{ errorMessage || siteConfig.contact.form.error }}
                         </template>
                         <template v-else>
-                            <PaperAirplaneIcon class="w-5 h-5" />
+                            <Icon name="paper-airplane" class="w-5 h-5" />
                             {{ siteConfig.contact.form.submit }}
                         </template>
                     </button>
@@ -273,7 +268,7 @@ ${message.value}`,
                 :href="`mailto:${siteConfig.contact.direct.email}`"
                 class="link font-medium inline-flex items-center gap-2 text-base-content hover:text-primary"
             >
-                <EnvelopeIcon class="w-5 h-5" />
+                <Icon name="envelope" class="w-5 h-5" />
                 {{ siteConfig.contact.direct.email }}
             </a>
         </div>