diff --git a/src/images/icon-chevron.svg b/src/images/icon-chevron.svg
new file mode 100644
index 0000000..6d24178
--- /dev/null
+++ b/src/images/icon-chevron.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/images/icon-scroll-down.svg b/src/images/icon-scroll-down.svg
new file mode 100644
index 0000000..4d19fca
--- /dev/null
+++ b/src/images/icon-scroll-down.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="36" cy="36" r="35.5" stroke="white"/>
+  <path d="M28 31L36 40L44 31" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M36 25L36 40" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/src/images/logo.svg b/src/images/logo.svg
new file mode 100644
index 0000000..2843814
--- /dev/null
+++ b/src/images/logo.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 140 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0.5" y="0.5" width="139" height="61" stroke="white"/>
+  <rect x="13.5" y="13.5" width="27" height="35" stroke="white"/>
+  <rect x="53.5" y="13.5" width="27" height="35" stroke="white"/>
+  <text x="70" y="36" text-anchor="middle" fill="white" font-family="Pretendard, sans-serif" font-size="10" font-weight="700" letter-spacing="2">BODA LAB</text>
+</svg>
diff --git a/src/index.html b/src/index.html
index 04aa2a4..48a0737 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,12 +15,7 @@
   <header class="gnb" id="gnb">
     <div class="gnb__inner">
       <a href="#intro" class="gnb__logo">
-        <svg viewBox="0 0 140 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="BODA LAB">
-          <rect x="0.5" y="0.5" width="139" height="61" stroke="white"/>
-          <rect x="13.5" y="13.5" width="27" height="35" stroke="white"/>
-          <rect x="53.5" y="13.5" width="27" height="35" stroke="white"/>
-          <text x="70" y="36" text-anchor="middle" fill="white" font-family="Pretendard, sans-serif" font-size="10" font-weight="700" letter-spacing="2">BODA LAB</text>
-        </svg>
+        <img src="images/logo.svg" alt="BODA LAB">
       </a>
       <nav class="gnb__nav">
         <ul>
@@ -61,11 +56,7 @@
         <h1 class="intro__title">THE BODA LAB</h1>
       </div>
       <a href="#about" class="scroll-down" aria-label="아래로 스크롤">
-        <svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <circle cx="36" cy="36" r="35.5" stroke="white"/>
-          <path d="M28 31L36 40L44 31" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-          <path d="M36 25L36 40" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
-        </svg>
+        <img src="images/icon-scroll-down.svg" alt="">
       </a>
     </section>
 
@@ -160,11 +151,7 @@
           people with high technology.
         </p>
         <a href="#vision" class="scroll-down scroll-down--sm" aria-label="아래로 스크롤">
-          <svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <circle cx="36" cy="36" r="35.5" stroke="white"/>
-            <path d="M28 31L36 40L44 31" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-            <path d="M36 25L36 40" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
-          </svg>
+          <img src="images/icon-scroll-down.svg" alt="">
         </a>
       </div>
     </section>
@@ -384,9 +371,7 @@
         <div class="contact-accordion__item is-open" id="acc-project">
           <button class="contact-accordion__header" aria-expanded="true" aria-controls="acc-project-body">
             <span>프로젝트 문의</span>
-            <svg class="contact-accordion__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M18 15L12 9L6 15" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
+            <img class="contact-accordion__icon" src="images/icon-chevron.svg" alt="">
           </button>
           <div class="contact-accordion__body" id="acc-project-body">
             <form class="contact-form" onsubmit="return false;">
@@ -417,9 +402,7 @@
         <div class="contact-accordion__item" id="acc-career">
           <button class="contact-accordion__header" aria-expanded="false" aria-controls="acc-career-body">
             <span>채용</span>
-            <svg class="contact-accordion__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
+            <img class="contact-accordion__icon" src="images/icon-chevron.svg" alt="">
           </button>
           <div class="contact-accordion__body" id="acc-career-body" hidden>
             <div class="career-tags">
diff --git a/vite.config.js b/vite.config.js
index 32100fb..86ca06e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,10 +3,16 @@ import viteImagemin from 'vite-plugin-imagemin'
 
 export default defineConfig({
   root: 'src',
+  base: './',
   build: {
     outDir: '../dist',
     emptyOutDir: true,
     assetsDir: 'assets',
+    rollupOptions: {
+      output: {
+        format: 'iife',
+      },
+    },
   },
   server: {
     port: 3000,
@@ -20,6 +26,14 @@ export default defineConfig({
     },
   },
   plugins: [
+    {
+      name: 'remove-module-attrs',
+      transformIndexHtml(html) {
+        return html
+          .replace(/ type="module"/g, '')
+          .replace(/ crossorigin/g, '')
+      },
+    },
     viteImagemin({
       gifsicle: { optimizationLevel: 3 },
       optipng: { optimizationLevel: 5 },