diff --git a/src/assets/img/README.md b/src/assets/img/README.md
new file mode 100644
index 0000000..2aac4c2
--- /dev/null
+++ b/src/assets/img/README.md
@@ -0,0 +1,3 @@
+# Images
+
+Place any images here that we want optimized by Astro. Otherwise, put pre-optimized images in the `/public` folder.
diff --git a/src/assets/img/cursor-auto.png b/src/assets/img/cursor-auto.png
deleted file mode 100644
index c95fac3..0000000
Binary files a/src/assets/img/cursor-auto.png and /dev/null differ
diff --git a/src/assets/img/cursor-dead.png b/src/assets/img/cursor-dead.png
deleted file mode 100644
index f5338e7..0000000
Binary files a/src/assets/img/cursor-dead.png and /dev/null differ
diff --git a/src/assets/img/cursor-pointer-clicked.png b/src/assets/img/cursor-pointer-clicked.png
deleted file mode 100644
index c99ebc1..0000000
Binary files a/src/assets/img/cursor-pointer-clicked.png and /dev/null differ
diff --git a/src/assets/img/cursor-pointer.png b/src/assets/img/cursor-pointer.png
deleted file mode 100644
index 8a8f1f3..0000000
Binary files a/src/assets/img/cursor-pointer.png and /dev/null differ
diff --git a/src/assets/img/cursor-rock-clicked.png b/src/assets/img/cursor-rock-clicked.png
deleted file mode 100644
index 288d921..0000000
Binary files a/src/assets/img/cursor-rock-clicked.png and /dev/null differ
diff --git a/src/assets/img/cursor-rock.png b/src/assets/img/cursor-rock.png
deleted file mode 100644
index 372ddca..0000000
Binary files a/src/assets/img/cursor-rock.png and /dev/null differ
diff --git a/src/assets/img/cursor-text.png b/src/assets/img/cursor-text.png
deleted file mode 100644
index 89f3fd0..0000000
Binary files a/src/assets/img/cursor-text.png and /dev/null differ
diff --git a/src/assets/svg/cursors/CursorAuto.svg b/src/assets/svg/cursors/CursorAuto.svg
new file mode 100644
index 0000000..27124bc
--- /dev/null
+++ b/src/assets/svg/cursors/CursorAuto.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="white" stroke="black" stroke-linejoin="round" stroke-width="3"
+    d="m6 2 20 19H14l-8 9V2Z" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorDead.svg b/src/assets/svg/cursors/CursorDead.svg
new file mode 100644
index 0000000..a32d7fb
--- /dev/null
+++ b/src/assets/svg/cursors/CursorDead.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="black"
+    d="M28 13v11a4 4 0 0 1-4.125 3.998A4.002 4.002 0 0 1 18 30.465 3.982 3.982 0 0 1 16 31a3.982 3.982 0 0 1-2-.535 4.002 4.002 0 0 1-5.874-2.467A4 4 0 0 1 4 24V13C4 6.373 9.373 1 16 1s12 5.373 12 12Z" />
+  <path fill="white"
+    d="M25 24V13c0-5-4-9-9-9s-9 4-9 9v11s0 1 1 1 1-1 1-1v-4s0-1 1-1 1 1 1 1v7s0 1 1 1 1-1 1-1v-5s0-1 1-1 1 1 1 1v5s0 1 1 1 1-1 1-1v-5s0-1 1-1 1 1 1 1v5s0 1 1 1 1-1 1-1v-7s0-1 1-1 1 1 1 1v4s0 1 1 1 1-1 1-1Z" />
+  <path fill="none" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+    d="m18 12 3 3m0-3-3 3m-7-3 3 3m0-3-3 3" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorDeadClicked.svg b/src/assets/svg/cursors/CursorDeadClicked.svg
new file mode 100644
index 0000000..7c8bfb4
--- /dev/null
+++ b/src/assets/svg/cursors/CursorDeadClicked.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="black"
+    d="M28 13v9a4 4 0 0 1-4 4v1a4 4 0 0 1-6 3.465A3.982 3.982 0 0 1 16 31a3.982 3.982 0 0 1-2-.535A4 4 0 0 1 8 27v-1a4 4 0 0 1-4-4v-9C4 6.373 9.373 1 16 1s12 5.373 12 12Z" />
+  <path fill="white"
+    d="M25 22v-9c0-5-4-9-9-9s-9 4-9 9v9s0 1 1 1 1-1 1-1v-2s0-1 1-1 1 1 1 1v7s0 1 1 1 1-1 1-1v-6s0-1 1-1 1 1 1 1v6s0 1 1 1 1-1 1-1v-6s0-1 1-1 1 1 1 1v6s0 1 1 1 1-1 1-1v-7s0-1 1-1 1 1 1 1v2s0 1 1 1 1-1 1-1Z" />
+  <path fill="none" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+    d="m18 12 3 3m0-3-3 3m-7-3 3 3m0-3-3 3" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorHorns.svg b/src/assets/svg/cursors/CursorHorns.svg
new file mode 100644
index 0000000..13bb4e1
--- /dev/null
+++ b/src/assets/svg/cursors/CursorHorns.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="black"
+    d="M16 4v4c1.106 0 2.107.449 2.83 1.174A4 4 0 0 1 20 9a4 4 0 0 1 8 0v11c0 6.627-5.373 12-12 12S4 26.627 4 20v-4a5.002 5.002 0 0 1 4-4.9V4a4 4 0 1 1 8 0Z" />
+  <path fill="white"
+    d="M7 16v4c0 5 4 9 9 9s9-4 9-9V9s0-1-1-1-1 1-1 1v8s0 1-1 1-1-1-1-1v-4s0-1-1-1-1 1-1 1v2s0 1-1 1-1-1-1-1v-3s0-1-1-1-1 1-1 1v4s0 1-1 1-1-1-1-1V4s0-1-1-1-1 1-1 1v15s0 1-1 1-1-1-1-1v-5c-1 0-2 .876-2 2Z" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorHornsClicked.svg b/src/assets/svg/cursors/CursorHornsClicked.svg
new file mode 100644
index 0000000..21c51df
--- /dev/null
+++ b/src/assets/svg/cursors/CursorHornsClicked.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="black"
+    d="m14.902 7.058.314 2.983a3.987 3.987 0 0 1 2.938.871c.356-.15.74-.252 1.145-.295a4 4 0 0 1 7.956-.836l.94 8.951c.693 6.591-4.088 12.496-10.68 13.189-6.59.692-12.495-4.09-13.188-10.68l-.314-2.984a5.002 5.002 0 0 1 3.466-5.291l-.533-5.072a4 4 0 1 1 7.956-.836Z" />
+  <path fill="white"
+    d="m6.997 17.944.314 2.983a8.963 8.963 0 0 0 9.891 8.01 8.963 8.963 0 0 0 8.01-9.891l-.94-8.951s-.105-.995-1.1-.89c-.994.104-.89 1.099-.89 1.099l.732 6.962s.104.994-.89 1.099c-.995.104-1.1-.89-1.1-.89l-.313-2.984s-.104-.995-1.099-.89c-.994.105-.89 1.1-.89 1.1l.105.994s.104.994-.89 1.099c-.995.104-1.1-.89-1.1-.89l-.208-1.99s-.105-.994-1.1-.89c-.994.105-.89 1.1-.89 1.1l.314 2.983s.105.995-.89 1.1c-.994.104-1.099-.89-1.099-.89L11.92 7.37s-.105-.994-1.1-.89c-.994.105-.89 1.1-.89 1.1l1.36 12.928s.104.994-.89 1.099c-.995.104-1.1-.89-1.1-.89l-.522-4.973c-.995.105-1.898 1.08-1.78 2.199Z" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorPointer.svg b/src/assets/svg/cursors/CursorPointer.svg
new file mode 100644
index 0000000..4dbfb53
--- /dev/null
+++ b/src/assets/svg/cursors/CursorPointer.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="black"
+    d="M16 4v3c1.494 0 2.797.82 3.484 2.033a3.999 3.999 0 0 1 4 2A4 4 0 0 1 28 15v5c0 6.627-5.373 12-12 12S4 26.627 4 20v-6a4 4 0 0 1 4-4V4a4 4 0 1 1 8 0Z" />
+  <path fill="white"
+    d="M7 14v6c0 5 4 9 9 9s9-4 9-9v-5s0-1-1-1-1 1-1 1v2s0 1-1 1-1-1-1-1v-4s0-1-1-1-1 1-1 1v2s0 1-1 1-1-1-1-1v-4s0-1-1-1-1 1-1 1v5s0 1-1 1-1-1-1-1V4s0-1-1-1-1 1-1 1v15s0 1-1 1-1-1-1-1v-5s0-1-1-1-1 1-1 1Z" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorPointerClicked.svg b/src/assets/svg/cursors/CursorPointerClicked.svg
new file mode 100644
index 0000000..0d2bfb7
--- /dev/null
+++ b/src/assets/svg/cursors/CursorPointerClicked.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="black"
+    d="M16 6v2c1.494 0 2.797.82 3.484 2.033a3.999 3.999 0 0 1 4 2A4 4 0 0 1 28 16v4c0 6.627-5.373 12-12 12S4 26.627 4 20v-5a4 4 0 0 1 4-4V6a4 4 0 1 1 8 0Z" />
+  <path fill="white"
+    d="M7 15v5c0 5 4 9 9 9s9-4 9-9v-4s0-1-1-1-1 1-1 1v1s0 1-1 1-1-1-1-1v-3s0-1-1-1-1 1-1 1v1s0 1-1 1-1-1-1-1v-3s0-1-1-1-1 1-1 1v4s0 1-1 1-1-1-1-1V6s0-1-1-1-1 1-1 1v13s0 1-1 1-1-1-1-1v-4s0-1-1-1-1 1-1 1Z" />
+</svg>
diff --git a/src/assets/svg/cursors/CursorText.svg b/src/assets/svg/cursors/CursorText.svg
new file mode 100644
index 0000000..4b16968
--- /dev/null
+++ b/src/assets/svg/cursors/CursorText.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="32" height="32" viewBox="0 0 32 32">
+  <path stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
+    d="M10 2h4a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2h-4m12 0h-4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4" />
+</svg>
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 39ac4f0..75670df 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -160,7 +160,7 @@ const {id, items = []} = Astro.props;
     text-transform: uppercase;
     letter-spacing: 0.2rem;
     white-space: nowrap;
-    /* Required for the `rock` cursor to work. */
+    /* Required for the `horns` cursor to work. */
     pointer-events: none;
   }
 
@@ -182,7 +182,7 @@ const {id, items = []} = Astro.props;
   html[data-current-index='12'] .Item:nth-child(13) .Link,
   html[data-current-index='13'] .Item:nth-child(14) .Link,
   html[data-current-index='14'] .Item:nth-child(15) .Link {
-    cursor: url('../assets/img/cursor-rock.png'), not-allowed;
+    cursor: url('../assets/svg/cursors/CursorHorns.svg'), not-allowed;
     color: var(--color-primary);
     translate: calc(var(--nav-item-shift-x) * -1) 0;
   }
@@ -202,7 +202,7 @@ const {id, items = []} = Astro.props;
   html[data-current-index='12'] .Item:nth-child(13) .Link:active,
   html[data-current-index='13'] .Item:nth-child(14) .Link:active,
   html[data-current-index='14'] .Item:nth-child(15) .Link:active {
-    cursor: url('../assets/img/cursor-rock-clicked.png'), not-allowed;
+    cursor: url('../assets/svg/cursors/CursorHornsClicked.svg'), not-allowed;
   }
 
   html[data-current-index='0'] .Item:nth-child(1) .Link::before,
diff --git a/src/components/ProjectLogo.astro b/src/components/ProjectLogo.astro
index 391955a..6742f60 100644
--- a/src/components/ProjectLogo.astro
+++ b/src/components/ProjectLogo.astro
@@ -68,7 +68,11 @@ const iconProps = {
   }
 
   div.ProjectLogo {
-    cursor: url('../assets/img/cursor-dead.png'), not-allowed;
+    cursor: url('../assets/svg/cursors/CursorDead.svg'), not-allowed;
+
+    &:active {
+      cursor: url('../assets/svg/cursors/CursorDeadClicked.svg'), not-allowed;
+    }
   }
 
   .ProjectLogo > [data-icon] {
diff --git a/src/sections/Intro.astro b/src/sections/Intro.astro
index b504cb2..8d4c265 100644
--- a/src/sections/Intro.astro
+++ b/src/sections/Intro.astro
@@ -24,7 +24,7 @@ const {id, thumbnail} = Astro.props;
         Background image photographed by: Curtis Dulmage
       </p>
 
-      <p class="paragraph visually-hidden preload-cursors">
+      <p class="paragraph visually-hidden">
         <b>Curtis Dulmage.</b>
         <u>Front end web developer.</u>
         <i>Ottawa, Canada.</i> Here are a few of my most recent projects. Please
diff --git a/src/styles/global.css b/src/styles/global.css
index e2db479..c988c20 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -84,7 +84,7 @@ html {
 
 body {
   font-family: 'Outfit Variable', var(--font-stack-sans-serif);
-  cursor: url('../assets/img/cursor-auto.png'), auto;
+  cursor: url('../assets/svg/cursors/CursorAuto.svg'), auto;
 }
 
 /* --- Page load --- */
@@ -290,32 +290,18 @@ code,
 cite,
 blockquote,
 figcaption {
-  cursor: url('../assets/img/cursor-text.png'), text;
+  cursor: url('../assets/svg/cursors/CursorText.svg'), text;
 }
 
 a,
 button {
   &,
   & * {
-    cursor: url('../assets/img/cursor-pointer.png'), pointer;
+    cursor: url('../assets/svg/cursors/CursorPointer.svg'), pointer;
   }
 
   &:active,
   &:active * {
-    cursor: url('../assets/img/cursor-pointer-clicked.png'), pointer;
+    cursor: url('../assets/svg/cursors/CursorPointerClicked.svg'), pointer;
   }
 }
-
-/*
-.preload-cursors b {
-  cursor: url('../assets/img/cursor-drag-clicked.png'), auto;
-}
-*/
-
-.preload-cursors u {
-  cursor: url('../assets/img/cursor-pointer-clicked.png'), pointer;
-}
-
-.preload-cursors i {
-  cursor: url('../assets/img/cursor-rock-clicked.png'), pointer;
-}