diff --git a/apps/frontend/src/assets/images/utils/align-left.svg b/apps/frontend/src/assets/images/utils/align-left.svg
deleted file mode 100644
index e295fc502..000000000
--- a/apps/frontend/src/assets/images/utils/align-left.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="21" y1="6" x2="3" y2="6"></line>
-  <line x1="15" y1="12" x2="3" y2="12"></line>
-  <line x1="17" y1="18" x2="3" y2="18"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/archive.svg b/apps/frontend/src/assets/images/utils/archive.svg
deleted file mode 100644
index 7e1a54e64..000000000
--- a/apps/frontend/src/assets/images/utils/archive.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="2" y="4" width="20" height="5" rx="2"></rect>
-  <path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"></path>
-  <path d="M10 13h4"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/asterisk.svg b/apps/frontend/src/assets/images/utils/asterisk.svg
deleted file mode 100644
index 19e562fdf..000000000
--- a/apps/frontend/src/assets/images/utils/asterisk.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M12 6v12"></path>
-  <path d="M17.196 9 6.804 15"></path>
-  <path d="m6.804 9 10.392 6"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/bell-ring.svg b/apps/frontend/src/assets/images/utils/bell-ring.svg
deleted file mode 100644
index 0611c0b0d..000000000
--- a/apps/frontend/src/assets/images/utils/bell-ring.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
-  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
-  <path d="M2 8c0-2.2.7-4.3 2-6"></path>
-  <path d="M22 8a10 10 0 0 0-2-6"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/bell.svg b/apps/frontend/src/assets/images/utils/bell.svg
deleted file mode 100644
index c8b1cd588..000000000
--- a/apps/frontend/src/assets/images/utils/bell.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
-  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/book-text.svg b/apps/frontend/src/assets/images/utils/book-text.svg
deleted file mode 100644
index b2442799f..000000000
--- a/apps/frontend/src/assets/images/utils/book-text.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-text"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"/><path d="M8 7h6"/><path d="M8 11h8"/></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/box.svg b/apps/frontend/src/assets/images/utils/box.svg
deleted file mode 100644
index 81c7a615f..000000000
--- a/apps/frontend/src/assets/images/utils/box.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
-  <polyline points="3.29 7 12 12 20.71 7"></polyline>
-  <line x1="12" y1="22" x2="12" y2="12"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/calendar-clock.svg b/apps/frontend/src/assets/images/utils/calendar-clock.svg
deleted file mode 100644
index 13cd832da..000000000
--- a/apps/frontend/src/assets/images/utils/calendar-clock.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-clock"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h5"/><path d="M17.5 17.5 16 16.25V14"/><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/calendar.svg b/apps/frontend/src/assets/images/utils/calendar.svg
deleted file mode 100644
index c350eb1a5..000000000
--- a/apps/frontend/src/assets/images/utils/calendar.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path
-		d="M8 7V3M16 7V3M7 11H17M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z"
-		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/chart.svg b/apps/frontend/src/assets/images/utils/chart.svg
deleted file mode 100644
index 1300b435d..000000000
--- a/apps/frontend/src/assets/images/utils/chart.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 3v18h18"></path>
-  <path d="M18 17V9"></path>
-  <path d="M13 17V5"></path>
-  <path d="M8 17v-3"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/check-check.svg b/apps/frontend/src/assets/images/utils/check-check.svg
deleted file mode 100644
index d3c06bd92..000000000
--- a/apps/frontend/src/assets/images/utils/check-check.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-check"><path d="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/check-circle.svg b/apps/frontend/src/assets/images/utils/check-circle.svg
deleted file mode 100644
index f6e6b1752..000000000
--- a/apps/frontend/src/assets/images/utils/check-circle.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path>
-  <path d="m9 12 2 2 4-4"></path>
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/check.svg b/apps/frontend/src/assets/images/utils/check.svg
deleted file mode 100644
index f633db267..000000000
--- a/apps/frontend/src/assets/images/utils/check.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-	viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-	<path d="M20 6L9 17l-5-5" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/chevron-left.svg b/apps/frontend/src/assets/images/utils/chevron-left.svg
deleted file mode 100644
index 2b7022366..000000000
--- a/apps/frontend/src/assets/images/utils/chevron-left.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="15 18 9 12 15 6"></polyline>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/chevron-right.svg b/apps/frontend/src/assets/images/utils/chevron-right.svg
deleted file mode 100644
index 6f2693a38..000000000
--- a/apps/frontend/src/assets/images/utils/chevron-right.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
diff --git a/apps/frontend/src/assets/images/utils/clear.svg b/apps/frontend/src/assets/images/utils/clear.svg
deleted file mode 100644
index 144ce2439..000000000
--- a/apps/frontend/src/assets/images/utils/clear.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <line x1="15" y1="9" x2="9" y2="15"></line>
-  <line x1="9" y1="9" x2="15" y2="15"></line>
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/client.svg b/apps/frontend/src/assets/images/utils/client.svg
deleted file mode 100644
index 06dd3b980..000000000
--- a/apps/frontend/src/assets/images/utils/client.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-    d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/clipboard-copy.svg b/apps/frontend/src/assets/images/utils/clipboard-copy.svg
deleted file mode 100644
index 4d1827d95..000000000
--- a/apps/frontend/src/assets/images/utils/clipboard-copy.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>
diff --git a/apps/frontend/src/assets/images/utils/coins.svg b/apps/frontend/src/assets/images/utils/coins.svg
deleted file mode 100644
index 8d3fd9d2d..000000000
--- a/apps/frontend/src/assets/images/utils/coins.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="8" cy="8" r="6"></circle>
-  <path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path>
-  <path d="M7 6h1v4"></path>
-  <path d="m16.71 13.88.7.71-2.82 2.82"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/contract.svg b/apps/frontend/src/assets/images/utils/contract.svg
deleted file mode 100644
index 977536891..000000000
--- a/apps/frontend/src/assets/images/utils/contract.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24" xml:space="preserve"><path d="M9 5v4m0 0H5m4 0L4 4m11 1v4m0 0h4m-4 0 5-5M9 19v-4m0 0H5m4 0-5 5m11-5 5 5m-5-5v4m0-4h4" style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/copyright.svg b/apps/frontend/src/assets/images/utils/copyright.svg
deleted file mode 100644
index 3a93176c2..000000000
--- a/apps/frontend/src/assets/images/utils/copyright.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <path d="M15 9.354a4 4 0 1 0 0 5.292"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/crown.svg b/apps/frontend/src/assets/images/utils/crown.svg
deleted file mode 100644
index 7772c5b55..000000000
--- a/apps/frontend/src/assets/images/utils/crown.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown"><path d="m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/currency.svg b/apps/frontend/src/assets/images/utils/currency.svg
deleted file mode 100644
index 221d05fcd..000000000
--- a/apps/frontend/src/assets/images/utils/currency.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="12" y1="2" x2="12" y2="22"></line>
-  <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/dashboard.svg b/apps/frontend/src/assets/images/utils/dashboard.svg
deleted file mode 100644
index 94c0ceb3e..000000000
--- a/apps/frontend/src/assets/images/utils/dashboard.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="7" height="9"></rect>
-  <rect x="14" y="3" width="7" height="5"></rect>
-  <rect x="14" y="12" width="7" height="9"></rect>
-  <rect x="3" y="16" width="7" height="5"></rect>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/download.svg b/apps/frontend/src/assets/images/utils/download.svg
deleted file mode 100644
index 84f0d7d3b..000000000
--- a/apps/frontend/src/assets/images/utils/download.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/dropdown.svg b/apps/frontend/src/assets/images/utils/dropdown.svg
deleted file mode 100644
index 3ef764bce..000000000
--- a/apps/frontend/src/assets/images/utils/dropdown.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M19 9L12 16L5 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/edit.svg b/apps/frontend/src/assets/images/utils/edit.svg
deleted file mode 100644
index 98ef3a754..000000000
--- a/apps/frontend/src/assets/images/utils/edit.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path
-		d="M11 5H6C4.89543 5 4 5.89543 4 7V18C4 19.1046 4.89543 20 6 20H17C18.1046 20 19 19.1046 19 18V13M17.5858 3.58579C18.3668 2.80474 19.6332 2.80474 20.4142 3.58579C21.1953 4.36683 21.1953 5.63316 20.4142 6.41421L11.8284 15H9L9 12.1716L17.5858 3.58579Z"
-		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/exit.svg b/apps/frontend/src/assets/images/utils/exit.svg
deleted file mode 100644
index 7d8048fa5..000000000
--- a/apps/frontend/src/assets/images/utils/exit.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/expand.svg b/apps/frontend/src/assets/images/utils/expand.svg
deleted file mode 100644
index 743770940..000000000
--- a/apps/frontend/src/assets/images/utils/expand.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/external.svg b/apps/frontend/src/assets/images/utils/external.svg
deleted file mode 100644
index 36fbe5a4e..000000000
--- a/apps/frontend/src/assets/images/utils/external.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
-    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
-    <polyline points="15 3 21 3 21 9"></polyline>
-    <line x1="10" y1="14" x2="21" y2="3"></line>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/eye-off.svg b/apps/frontend/src/assets/images/utils/eye-off.svg
deleted file mode 100644
index dc48b93c8..000000000
--- a/apps/frontend/src/assets/images/utils/eye-off.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/eye.svg b/apps/frontend/src/assets/images/utils/eye.svg
deleted file mode 100644
index e6fe607ba..000000000
--- a/apps/frontend/src/assets/images/utils/eye.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/file-text.svg b/apps/frontend/src/assets/images/utils/file-text.svg
deleted file mode 100644
index 10ee96fbf..000000000
--- a/apps/frontend/src/assets/images/utils/file-text.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
-	stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
-	<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
-	<polyline points="14 2 14 8 20 8"></polyline>
-	<line x1="16" y1="13" x2="8" y2="13"></line>
-	<line x1="16" y1="17" x2="8" y2="17"></line>
-	<polyline points="10 9 9 9 8 9"></polyline>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/file.svg b/apps/frontend/src/assets/images/utils/file.svg
deleted file mode 100644
index 09dcf7612..000000000
--- a/apps/frontend/src/assets/images/utils/file.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
diff --git a/apps/frontend/src/assets/images/utils/filter.svg b/apps/frontend/src/assets/images/utils/filter.svg
deleted file mode 100644
index 38a47e043..000000000
--- a/apps/frontend/src/assets/images/utils/filter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/gap.svg b/apps/frontend/src/assets/images/utils/gap.svg
deleted file mode 100644
index 44951634c..000000000
--- a/apps/frontend/src/assets/images/utils/gap.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2">
-	<path d="M18,12H6" transform="translate(-5 -11)" fill="none" stroke="currentColor" stroke-linecap="round"
-		stroke-linejoin="round" stroke-width="2" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/github.svg b/apps/frontend/src/assets/images/utils/github.svg
deleted file mode 100644
index 90908bb31..000000000
--- a/apps/frontend/src/assets/images/utils/github.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xml:space="preserve">
-	<path fill="currentColor" class="st0"
-		d="m12 1c-6.3 0-11.3 5-11.3 11.3 0 5 3.2 9.2 7.7 10.7 0.6 0.1 0.8-0.2 0.8-0.5v-1.9c-3.2 0.6-3.8-1.6-3.8-1.6-0.5-1.3-1.3-1.7-1.3-1.7-1-0.7 0.1-0.7 0.1-0.7 1.1 0.1 1.7 1.2 1.7 1.2 1 1.7 2.7 1.2 3.3 0.9 0.1-0.7 0.4-1.2 0.7-1.5-2.5-0.2-5.1-1.2-5.1-5.5 0-1.2 0.4-2.2 1.2-3-0.1-0.3-0.5-1.4 0.1-3 0 0 1-0.3 3.1 1.2 0.9-0.3 1.8-0.5 2.8-0.5s1.9 0.1 2.8 0.4c2.2-1.5 3.1-1.2 3.1-1.2 0.6 1.6 0.2 2.7 0.1 3 0.7 0.8 1.2 1.8 1.2 3 0 4.4-2.6 5.3-5.2 5.6 0.4 0.3 0.8 1 0.8 2.1v3.1c0 0.3 0.2 0.7 0.8 0.5 4.5-1.5 7.7-5.7 7.7-10.7 0-6.2-5-11.2-11.3-11.2z" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/globe.svg b/apps/frontend/src/assets/images/utils/globe.svg
deleted file mode 100644
index 292dca417..000000000
--- a/apps/frontend/src/assets/images/utils/globe.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <line x1="2" y1="12" x2="22" y2="12"></line>
-  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/grid.svg b/apps/frontend/src/assets/images/utils/grid.svg
deleted file mode 100644
index f721c4857..000000000
--- a/apps/frontend/src/assets/images/utils/grid.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="7" height="7"></rect>
-  <rect x="14" y="3" width="7" height="7"></rect>
-  <rect x="14" y="14" width="7" height="7"></rect>
-  <rect x="3" y="14" width="7" height="7"></rect>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/hamburger.svg b/apps/frontend/src/assets/images/utils/hamburger.svg
deleted file mode 100644
index 8e2046a0d..000000000
--- a/apps/frontend/src/assets/images/utils/hamburger.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
-    stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
-    <line x1="3" y1="12" x2="21" y2="12" />
-    <line x1="3" y1="6" x2="21" y2="6" />
-    <line x1="3" y1="18" x2="21" y2="18" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/hash.svg b/apps/frontend/src/assets/images/utils/hash.svg
deleted file mode 100644
index e7ed57c05..000000000
--- a/apps/frontend/src/assets/images/utils/hash.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/heart-handshake.svg b/apps/frontend/src/assets/images/utils/heart-handshake.svg
deleted file mode 100644
index 336bb00ac..000000000
--- a/apps/frontend/src/assets/images/utils/heart-handshake.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path>
-  <path d="M12 5.36 8.87 8.5a2.13 2.13 0 0 0 0 3h0a2.13 2.13 0 0 0 3 0l2.26-2.21a3 3 0 0 1 4.22 0l2.4 2.4"></path>
-  <path d="m18 15-2-2"></path>
-  <path d="m15 18-2-2"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/heart.svg b/apps/frontend/src/assets/images/utils/heart.svg
deleted file mode 100644
index 4f363ce76..000000000
--- a/apps/frontend/src/assets/images/utils/heart.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/history.svg b/apps/frontend/src/assets/images/utils/history.svg
deleted file mode 100644
index c55b1cdbc..000000000
--- a/apps/frontend/src/assets/images/utils/history.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 3v5h5"></path>
-  <path d="M3.05 13A9 9 0 1 0 6 5.3L3 8"></path>
-  <path d="M12 7v5l4 2"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/image.svg b/apps/frontend/src/assets/images/utils/image.svg
deleted file mode 100644
index a45c6a30e..000000000
--- a/apps/frontend/src/assets/images/utils/image.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-  <circle cx="9" cy="9" r="2"></circle>
-  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/info.svg b/apps/frontend/src/assets/images/utils/info.svg
deleted file mode 100644
index 8ae884368..000000000
--- a/apps/frontend/src/assets/images/utils/info.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/issues.svg b/apps/frontend/src/assets/images/utils/issues.svg
deleted file mode 100644
index ec77384be..000000000
--- a/apps/frontend/src/assets/images/utils/issues.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/key.svg b/apps/frontend/src/assets/images/utils/key.svg
deleted file mode 100644
index 845dcd6b2..000000000
--- a/apps/frontend/src/assets/images/utils/key.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="7.5" cy="15.5" r="5.5"/><path d="m21 2-9.6 9.6"/><path d="m15.5 7.5 3 3L22 7l-3-3"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/languages.svg b/apps/frontend/src/assets/images/utils/languages.svg
deleted file mode 100644
index 72ed7aeee..000000000
--- a/apps/frontend/src/assets/images/utils/languages.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/left-arrow.svg b/apps/frontend/src/assets/images/utils/left-arrow.svg
deleted file mode 100644
index 743b86d89..000000000
--- a/apps/frontend/src/assets/images/utils/left-arrow.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14.414" height="12.162" viewBox="0 0 14.414 12.162">
-	<path d="M7.667,14.333,3,9.667m0,0L7.667,5M3,9.667H15" transform="translate(-1.586 -3.586)" fill="none"
-		stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/lightbulb.svg b/apps/frontend/src/assets/images/utils/lightbulb.svg
deleted file mode 100644
index 724bc9776..000000000
--- a/apps/frontend/src/assets/images/utils/lightbulb.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="9" y1="18" x2="15" y2="18"></line>
-  <line x1="10" y1="22" x2="14" y2="22"></line>
-  <path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/link.svg b/apps/frontend/src/assets/images/utils/link.svg
deleted file mode 100644
index f5db36f31..000000000
--- a/apps/frontend/src/assets/images/utils/link.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
-  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/list-end.svg b/apps/frontend/src/assets/images/utils/list-end.svg
deleted file mode 100644
index 06ded6da5..000000000
--- a/apps/frontend/src/assets/images/utils/list-end.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M16 12H3"></path>
-  <path d="M16 6H3"></path>
-  <path d="M10 18H3"></path>
-  <path d="M21 6v10a2 2 0 0 1-2 2h-4"></path>
-  <path d="m16 16-2 2 2 2"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/list.svg b/apps/frontend/src/assets/images/utils/list.svg
deleted file mode 100644
index 10bfe7538..000000000
--- a/apps/frontend/src/assets/images/utils/list.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="14" width="7" height="7"></rect>
-  <rect x="3" y="3" width="7" height="7"></rect>
-  <line x1="14" y1="4" x2="21" y2="4"></line>
-  <line x1="14" y1="9" x2="21" y2="9"></line>
-  <line x1="14" y1="15" x2="21" y2="15"></line>
-  <line x1="14" y1="20" x2="21" y2="20"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/lock.svg b/apps/frontend/src/assets/images/utils/lock.svg
deleted file mode 100644
index de09d9db3..000000000
--- a/apps/frontend/src/assets/images/utils/lock.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/log-out.svg b/apps/frontend/src/assets/images/utils/log-out.svg
deleted file mode 100644
index f489e1808..000000000
--- a/apps/frontend/src/assets/images/utils/log-out.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
-    <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
-    <polyline points="16 17 21 12 16 7"></polyline>
-    <line x1="21" y1="12" x2="9" y2="12"></line>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/message.svg b/apps/frontend/src/assets/images/utils/message.svg
deleted file mode 100644
index 7b092e81a..000000000
--- a/apps/frontend/src/assets/images/utils/message.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/mic.svg b/apps/frontend/src/assets/images/utils/mic.svg
deleted file mode 100644
index a63b99671..000000000
--- a/apps/frontend/src/assets/images/utils/mic.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12"></path>
-  <circle cx="17" cy="7" r="5"></circle>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/modrinth.svg b/apps/frontend/src/assets/images/utils/modrinth.svg
deleted file mode 100644
index a6b2e3807..000000000
--- a/apps/frontend/src/assets/images/utils/modrinth.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="512" height="514" viewBox="0 0 512 514" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M503.16 323.56C514.55 281.47 515.32 235.91 503.2 190.76C466.57 54.2299 326.04 -26.8001 189.33 9.77991C83.8101 38.0199 11.3899 128.07 0.689941 230.47H43.99C54.29 147.33 113.74 74.7298 199.75 51.7098C306.05 23.2598 415.13 80.6699 453.17 181.38L411.03 192.65C391.64 145.8 352.57 111.45 306.3 96.8198L298.56 140.66C335.09 154.13 364.72 184.5 375.56 224.91C391.36 283.8 361.94 344.14 308.56 369.17L320.09 412.16C390.25 383.21 432.4 310.3 422.43 235.14L464.41 223.91C468.91 252.62 467.35 281.16 460.55 308.07L503.16 323.56Z" fill="currentColor"/>
-  <path d="M321.99 504.22C185.27 540.8 44.7501 459.77 8.11011 323.24C3.84011 307.31 1.17 291.33 0 275.46H43.27C44.36 287.37 46.4699 299.35 49.6799 311.29C53.0399 323.8 57.45 335.75 62.79 347.07L101.38 323.92C98.1299 316.42 95.39 308.6 93.21 300.47C69.17 210.87 122.41 118.77 212.13 94.7601C229.13 90.2101 246.23 88.4401 262.93 89.1501L255.19 133C244.73 133.05 234.11 134.42 223.53 137.25C157.31 154.98 118.01 222.95 135.75 289.09C136.85 293.16 138.13 297.13 139.59 300.99L188.94 271.38L174.07 231.95L220.67 184.08L279.57 171.39L296.62 192.38L269.47 219.88L245.79 227.33L228.87 244.72L237.16 267.79C237.16 267.79 253.95 285.63 253.98 285.64L277.7 279.33L294.58 260.79L331.44 249.12L342.42 273.82L304.39 320.45L240.66 340.63L212.08 308.81L162.26 338.7C187.8 367.78 226.2 383.93 266.01 380.56L277.54 423.55C218.13 431.41 160.1 406.82 124.05 361.64L85.6399 384.68C136.25 451.17 223.84 484.11 309.61 461.16C371.35 444.64 419.4 402.56 445.42 349.38L488.06 364.88C457.17 431.16 398.22 483.82 321.99 504.22Z" fill="currentColor"/>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/monitor-smartphone.svg b/apps/frontend/src/assets/images/utils/monitor-smartphone.svg
deleted file mode 100644
index 0494f32d6..000000000
--- a/apps/frontend/src/assets/images/utils/monitor-smartphone.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-smartphone"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"/><path d="M10 19v-3.96 3.15"/><path d="M7 19h5"/><rect width="6" height="10" x="16" y="12" rx="2"/></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/moon.svg b/apps/frontend/src/assets/images/utils/moon.svg
deleted file mode 100644
index 3284684f3..000000000
--- a/apps/frontend/src/assets/images/utils/moon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
-    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/more-horizontal.svg b/apps/frontend/src/assets/images/utils/more-horizontal.svg
deleted file mode 100644
index 20338ba75..000000000
--- a/apps/frontend/src/assets/images/utils/more-horizontal.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/organization.svg b/apps/frontend/src/assets/images/utils/organization.svg
deleted file mode 100644
index d624b2079..000000000
--- a/apps/frontend/src/assets/images/utils/organization.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building-2"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M10 6h4"/><path d="M10 10h4"/><path d="M10 14h4"/><path d="M10 18h4"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/paintbrush.svg b/apps/frontend/src/assets/images/utils/paintbrush.svg
deleted file mode 100644
index 7b3371125..000000000
--- a/apps/frontend/src/assets/images/utils/paintbrush.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18.37 2.63 14 7l-1.59-1.59a2 2 0 0 0-2.82 0L8 7l9 9 1.59-1.59a2 2 0 0 0 0-2.82L17 10l4.37-4.37a2.12 2.12 0 1 0-3-3Z"></path>
-  <path d="M9 8c-2 3-4 3.5-7 4l8 10c2-1 6-5 6-7"></path>
-  <path d="M14.5 17.5 4.5 15"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/plus.svg b/apps/frontend/src/assets/images/utils/plus.svg
deleted file mode 100644
index 7da250ede..000000000
--- a/apps/frontend/src/assets/images/utils/plus.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <line x1="12" y1="5" x2="12" y2="19"></line>
-  <line x1="5" y1="12" x2="19" y2="12"></line>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/radio-button-checked.svg b/apps/frontend/src/assets/images/utils/radio-button-checked.svg
deleted file mode 100644
index 6571ac46e..000000000
--- a/apps/frontend/src/assets/images/utils/radio-button-checked.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/><circle cx="12" cy="12" r="5" fill="currentColor"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/radio-button.svg b/apps/frontend/src/assets/images/utils/radio-button.svg
deleted file mode 100644
index c2e74a314..000000000
--- a/apps/frontend/src/assets/images/utils/radio-button.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/reply.svg b/apps/frontend/src/assets/images/utils/reply.svg
deleted file mode 100644
index b308a45d5..000000000
--- a/apps/frontend/src/assets/images/utils/reply.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="9 17 4 12 9 7"></polyline>
-  <path d="M20 18v-2a4 4 0 0 0-4-4H4"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/report.svg b/apps/frontend/src/assets/images/utils/report.svg
deleted file mode 100644
index 3f8507abf..000000000
--- a/apps/frontend/src/assets/images/utils/report.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg>
diff --git a/apps/frontend/src/assets/images/utils/right-arrow.svg b/apps/frontend/src/assets/images/utils/right-arrow.svg
deleted file mode 100644
index 6046f1518..000000000
--- a/apps/frontend/src/assets/images/utils/right-arrow.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14.414" height="12.162" viewBox="0 0 14.414 12.162">
-	<path d="M7.667,14.333,3,9.667m0,0L7.667,5M3,9.667H15" transform="translate(16 15.748) rotate(180)" fill="none"
-		stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/save.svg b/apps/frontend/src/assets/images/utils/save.svg
deleted file mode 100644
index 204821423..000000000
--- a/apps/frontend/src/assets/images/utils/save.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>
diff --git a/apps/frontend/src/assets/images/utils/search.svg b/apps/frontend/src/assets/images/utils/search.svg
deleted file mode 100644
index 35ce90a3e..000000000
--- a/apps/frontend/src/assets/images/utils/search.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-	<path
-		d="M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z"
-		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/send.svg b/apps/frontend/src/assets/images/utils/send.svg
deleted file mode 100644
index e20fad810..000000000
--- a/apps/frontend/src/assets/images/utils/send.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="22" y1="2" x2="11" y2="13"></line>
-  <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/server.svg b/apps/frontend/src/assets/images/utils/server.svg
deleted file mode 100644
index 54e05379d..000000000
--- a/apps/frontend/src/assets/images/utils/server.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/settings.svg b/apps/frontend/src/assets/images/utils/settings.svg
deleted file mode 100644
index 5accf92ee..000000000
--- a/apps/frontend/src/assets/images/utils/settings.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
-	stroke-width="2" viewBox="0 0 24 24">
-	<circle cx="12" cy="12" r="3" />
-	<path
-		d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z" />
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/shield.svg b/apps/frontend/src/assets/images/utils/shield.svg
deleted file mode 100644
index 9a4bef40e..000000000
--- a/apps/frontend/src/assets/images/utils/shield.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
-	stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield">
-	<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/slash.svg b/apps/frontend/src/assets/images/utils/slash.svg
deleted file mode 100644
index f4131b85f..000000000
--- a/apps/frontend/src/assets/images/utils/slash.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slash"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/sort-asc.svg b/apps/frontend/src/assets/images/utils/sort-asc.svg
deleted file mode 100644
index 859fb6e60..000000000
--- a/apps/frontend/src/assets/images/utils/sort-asc.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M11 11h4"></path>
-  <path d="M11 15h7"></path>
-  <path d="M11 19h10"></path>
-  <path d="M9 7 6 4 3 7"></path>
-  <path d="M6 6v14"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/sort-desc.svg b/apps/frontend/src/assets/images/utils/sort-desc.svg
deleted file mode 100644
index 2df482776..000000000
--- a/apps/frontend/src/assets/images/utils/sort-desc.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M11 5h10"></path>
-  <path d="M11 9h7"></path>
-  <path d="M11 13h4"></path>
-  <path d="m3 17 3 3 3-3"></path>
-  <path d="M6 18V4"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/star.svg b/apps/frontend/src/assets/images/utils/star.svg
deleted file mode 100644
index 0854bd018..000000000
--- a/apps/frontend/src/assets/images/utils/star.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
diff --git a/apps/frontend/src/assets/images/utils/sun.svg b/apps/frontend/src/assets/images/utils/sun.svg
deleted file mode 100644
index e6255561a..000000000
--- a/apps/frontend/src/assets/images/utils/sun.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
-    <circle cx="12" cy="12" r="5"></circle>
-    <line x1="12" y1="1" x2="12" y2="3"></line>
-    <line x1="12" y1="21" x2="12" y2="23"></line>
-    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
-    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
-    <line x1="1" y1="12" x2="3" y2="12"></line>
-    <line x1="21" y1="12" x2="23" y2="12"></line>
-    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
-    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/sunrise.svg b/apps/frontend/src/assets/images/utils/sunrise.svg
deleted file mode 100644
index e84d06498..000000000
--- a/apps/frontend/src/assets/images/utils/sunrise.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="2" x2="12" y2="9"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="8 6 12 2 16 6"></polyline></svg>
diff --git a/apps/frontend/src/assets/images/utils/tag.svg b/apps/frontend/src/assets/images/utils/tag.svg
deleted file mode 100644
index d39bfbc02..000000000
--- a/apps/frontend/src/assets/images/utils/tag.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path>
-  <path d="M7 7h.01"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/tags.svg b/apps/frontend/src/assets/images/utils/tags.svg
deleted file mode 100644
index 37c752456..000000000
--- a/apps/frontend/src/assets/images/utils/tags.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M9 5H2v7l6.29 6.29c.94.94 2.48.94 3.42 0l3.58-3.58c.94-.94.94-2.48 0-3.42L9 5Z"></path>
-  <path d="M6 9.01V9"></path>
-  <path d="m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/transfer.svg b/apps/frontend/src/assets/images/utils/transfer.svg
deleted file mode 100644
index 8929f6ca3..000000000
--- a/apps/frontend/src/assets/images/utils/transfer.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="17 11 21 7 17 3"></polyline>
-  <line x1="21" y1="7" x2="9" y2="7"></line>
-  <polyline points="7 21 3 17 7 13"></polyline>
-  <line x1="15" y1="17" x2="3" y2="17"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/trash.svg b/apps/frontend/src/assets/images/utils/trash.svg
deleted file mode 100644
index 731d939cc..000000000
--- a/apps/frontend/src/assets/images/utils/trash.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/undo.svg b/apps/frontend/src/assets/images/utils/undo.svg
deleted file mode 100644
index dfda16c24..000000000
--- a/apps/frontend/src/assets/images/utils/undo.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 7v6h6"></path>
-  <path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"></path>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/unknown-donation.svg b/apps/frontend/src/assets/images/utils/unknown-donation.svg
deleted file mode 100644
index 1a124d269..000000000
--- a/apps/frontend/src/assets/images/utils/unknown-donation.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/unknown.svg b/apps/frontend/src/assets/images/utils/unknown.svg
deleted file mode 100644
index 000b3c115..000000000
--- a/apps/frontend/src/assets/images/utils/unknown.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
-  <line x1="12" y1="17" x2="12.01" y2="17"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/updated.svg b/apps/frontend/src/assets/images/utils/updated.svg
deleted file mode 100644
index b4a29e8ac..000000000
--- a/apps/frontend/src/assets/images/utils/updated.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"></polyline><polyline points="23 20 23 14 17 14"></polyline><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"></path></svg>
diff --git a/apps/frontend/src/assets/images/utils/upload.svg b/apps/frontend/src/assets/images/utils/upload.svg
deleted file mode 100644
index 10ff29218..000000000
--- a/apps/frontend/src/assets/images/utils/upload.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/user-plus.svg b/apps/frontend/src/assets/images/utils/user-plus.svg
deleted file mode 100644
index 09e5ff83a..000000000
--- a/apps/frontend/src/assets/images/utils/user-plus.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
-  <circle cx="9" cy="7" r="4"></circle>
-  <line x1="19" y1="8" x2="19" y2="14"></line>
-  <line x1="22" y1="11" x2="16" y2="11"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/user-x.svg b/apps/frontend/src/assets/images/utils/user-x.svg
deleted file mode 100644
index b8244f0de..000000000
--- a/apps/frontend/src/assets/images/utils/user-x.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
-  <circle cx="9" cy="7" r="4"></circle>
-  <line x1="17" y1="8" x2="22" y2="13"></line>
-  <line x1="22" y1="8" x2="17" y2="13"></line>
-
-</svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/user.svg b/apps/frontend/src/assets/images/utils/user.svg
deleted file mode 100644
index 34d4b2b6a..000000000
--- a/apps/frontend/src/assets/images/utils/user.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
-    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
-    <circle cx="12" cy="7" r="4"></circle>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/users.svg b/apps/frontend/src/assets/images/utils/users.svg
deleted file mode 100644
index 416859760..000000000
--- a/apps/frontend/src/assets/images/utils/users.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
-    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
-    <circle cx="9" cy="7" r="4"></circle>
-    <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
-    <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
-</svg>
diff --git a/apps/frontend/src/assets/images/utils/version.svg b/apps/frontend/src/assets/images/utils/version.svg
deleted file mode 100644
index e83cf9bf5..000000000
--- a/apps/frontend/src/assets/images/utils/version.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>
diff --git a/apps/frontend/src/assets/images/utils/wiki.svg b/apps/frontend/src/assets/images/utils/wiki.svg
deleted file mode 100644
index 260e6d41e..000000000
--- a/apps/frontend/src/assets/images/utils/wiki.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>
diff --git a/apps/frontend/src/assets/images/utils/world.svg b/apps/frontend/src/assets/images/utils/world.svg
deleted file mode 100644
index d064d8542..000000000
--- a/apps/frontend/src/assets/images/utils/world.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe-2"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
\ No newline at end of file
diff --git a/apps/frontend/src/assets/images/utils/x.svg b/apps/frontend/src/assets/images/utils/x.svg
deleted file mode 100644
index 6e20061f4..000000000
--- a/apps/frontend/src/assets/images/utils/x.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-  <path fill-rule="evenodd"
-    d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-    clip-rule="evenodd" />
-</svg>
diff --git a/apps/frontend/src/components/ui/Breadcrumbs.vue b/apps/frontend/src/components/ui/Breadcrumbs.vue
index 35ab1dc08..889a2484a 100644
--- a/apps/frontend/src/components/ui/Breadcrumbs.vue
+++ b/apps/frontend/src/components/ui/Breadcrumbs.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script setup>
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
+import { ChevronRightIcon } from "@modrinth/assets";
 
 defineProps({
   linkStack: {
diff --git a/apps/frontend/src/components/ui/Checkbox.vue b/apps/frontend/src/components/ui/Checkbox.vue
index ddfe94366..b21786c75 100644
--- a/apps/frontend/src/components/ui/Checkbox.vue
+++ b/apps/frontend/src/components/ui/Checkbox.vue
@@ -25,8 +25,7 @@
 </template>
 
 <script>
-import CheckIcon from "~/assets/images/utils/check.svg?component";
-import DropdownIcon from "~/assets/images/utils/dropdown.svg?component";
+import { CheckIcon, DropdownIcon } from "@modrinth/assets";
 
 export default {
   components: {
diff --git a/apps/frontend/src/components/ui/Chips.vue b/apps/frontend/src/components/ui/Chips.vue
index 7d5f1da11..3fd248324 100644
--- a/apps/frontend/src/components/ui/Chips.vue
+++ b/apps/frontend/src/components/ui/Chips.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import CheckIcon from "~/assets/images/utils/check.svg?component";
+import { CheckIcon } from "@modrinth/assets";
 
 export default {
   components: {
diff --git a/apps/frontend/src/components/ui/CopyCode.vue b/apps/frontend/src/components/ui/CopyCode.vue
index 7161a3a6b..98cb14c06 100644
--- a/apps/frontend/src/components/ui/CopyCode.vue
+++ b/apps/frontend/src/components/ui/CopyCode.vue
@@ -7,8 +7,7 @@
 </template>
 
 <script>
-import CheckIcon from "~/assets/images/utils/check.svg?component";
-import ClipboardCopyIcon from "~/assets/images/utils/clipboard-copy.svg?component";
+import { CheckIcon, ClipboardCopyIcon } from "@modrinth/assets";
 
 export default {
   components: {
diff --git a/apps/frontend/src/components/ui/EnvironmentIndicator.vue b/apps/frontend/src/components/ui/EnvironmentIndicator.vue
index 4ea289744..84254dde6 100644
--- a/apps/frontend/src/components/ui/EnvironmentIndicator.vue
+++ b/apps/frontend/src/components/ui/EnvironmentIndicator.vue
@@ -47,11 +47,9 @@
     </template>
   </span>
 </template>
+
 <script setup>
-import InfoIcon from "~/assets/images/utils/info.svg?component";
-import ClientIcon from "~/assets/images/utils/client.svg?component";
-import GlobeIcon from "~/assets/images/utils/globe.svg?component";
-import ServerIcon from "~/assets/images/utils/server.svg?component";
+import { InfoIcon, ClientIcon, GlobeIcon, ServerIcon } from "@modrinth/assets";
 
 defineProps({
   type: {
@@ -99,6 +97,7 @@ const tags = useTags();
   display: flex;
   color: var(--color-text) !important;
   font-weight: bold;
+
   svg {
     margin-right: 0.2rem;
   }
diff --git a/apps/frontend/src/components/ui/Modal.vue b/apps/frontend/src/components/ui/Modal.vue
index 031645788..f815e049b 100644
--- a/apps/frontend/src/components/ui/Modal.vue
+++ b/apps/frontend/src/components/ui/Modal.vue
@@ -13,7 +13,7 @@
         <div v-if="header" class="header">
           <strong>{{ header }}</strong>
           <button class="iconified-button icon-only transparent" @click="hide">
-            <CrossIcon />
+            <XIcon />
           </button>
         </div>
         <div class="content">
@@ -26,11 +26,11 @@
 </template>
 
 <script>
-import CrossIcon from "~/assets/images/utils/x.svg?component";
+import { XIcon } from "@modrinth/assets";
 
 export default {
   components: {
-    CrossIcon,
+    XIcon,
   },
   props: {
     header: {
@@ -104,6 +104,7 @@ export default {
 
   &.shown {
     visibility: visible;
+
     .modal-body {
       opacity: 1;
       visibility: visible;
diff --git a/apps/frontend/src/components/ui/ModalConfirm.vue b/apps/frontend/src/components/ui/ModalConfirm.vue
index 14c92ac94..703d19a9a 100644
--- a/apps/frontend/src/components/ui/ModalConfirm.vue
+++ b/apps/frontend/src/components/ui/ModalConfirm.vue
@@ -21,7 +21,7 @@
       </div>
       <div class="button-group">
         <button class="iconified-button" @click="cancel">
-          <CrossIcon />
+          <XIcon />
           Cancel
         </button>
         <button class="iconified-button danger-button" :disabled="action_disabled" @click="proceed">
@@ -35,13 +35,12 @@
 
 <script>
 import { renderString } from "@modrinth/utils";
-import CrossIcon from "~/assets/images/utils/x.svg?component";
-import TrashIcon from "~/assets/images/utils/trash.svg?component";
+import { TrashIcon, XIcon } from "@modrinth/assets";
 import Modal from "~/components/ui/Modal.vue";
 
 export default {
   components: {
-    CrossIcon,
+    XIcon,
     TrashIcon,
     Modal,
   },
diff --git a/apps/frontend/src/components/ui/NavStackItem.vue b/apps/frontend/src/components/ui/NavStackItem.vue
index e9adf443b..c1471ca9d 100644
--- a/apps/frontend/src/components/ui/NavStackItem.vue
+++ b/apps/frontend/src/components/ui/NavStackItem.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
+import { ChevronRightIcon } from "@modrinth/assets";
 
 export default {
   components: {
diff --git a/apps/frontend/src/components/ui/NotificationItem.vue b/apps/frontend/src/components/ui/NotificationItem.vue
index 1f01cda87..329b85fab 100644
--- a/apps/frontend/src/components/ui/NotificationItem.vue
+++ b/apps/frontend/src/components/ui/NotificationItem.vue
@@ -13,7 +13,7 @@
       class="notification__icon backed-svg"
       :class="{ raised: raised }"
     >
-      <NotificationIcon />
+      <BellIcon />
     </nuxt-link>
     <DoubleIcon v-else class="notification__icon">
       <template #primary>
@@ -33,24 +33,24 @@
         <Avatar v-else size="xs" :raised="raised" no-shadow />
       </template>
       <template #secondary>
-        <ModerationIcon
+        <ScaleIcon
           v-if="type === 'moderator_message' || type === 'status_change'"
           class="moderation-color"
         />
-        <InvitationIcon v-else-if="type === 'team_invite' && project" class="creator-color" />
-        <InvitationIcon
+        <UserPlusIcon v-else-if="type === 'team_invite' && project" class="creator-color" />
+        <UserPlusIcon
           v-else-if="type === 'organization_invite' && organization"
           class="creator-color"
         />
         <VersionIcon v-else-if="type === 'project_update' && project && version" />
-        <NotificationIcon v-else />
+        <BellIcon v-else />
       </template>
     </DoubleIcon>
     <div class="notification__title">
       <template v-if="type === 'project_update' && project && version">
         A project you follow,
-        <nuxt-link :to="getProjectLink(project)" class="title-link">{{ project.title }}</nuxt-link
-        >, has been updated:
+        <nuxt-link :to="getProjectLink(project)" class="title-link">{{ project.title }}</nuxt-link>
+        , has been updated:
       </template>
       <template v-else-if="type === 'team_invite' && project">
         <nuxt-link
@@ -103,7 +103,8 @@
           {{ project.title }}
         </nuxt-link>
         <template v-if="tags.rejectedStatuses.includes(notification.body.new_status)">
-          has been <Badge :type="notification.body.new_status" />
+          has been
+          <Badge :type="notification.body.new_status" />
         </template>
         <template v-else>
           updated from
@@ -115,9 +116,9 @@
       </template>
       <template v-else-if="type === 'moderator_message' && thread && project && !report">
         Your project,
-        <nuxt-link :to="getProjectLink(project)" class="title-link">{{ project.title }}</nuxt-link
-        >, has received
-        <template v-if="notification.grouped_notifs"> messages </template>
+        <nuxt-link :to="getProjectLink(project)" class="title-link">{{ project.title }}</nuxt-link>
+        , has received
+        <template v-if="notification.grouped_notifs"> messages</template>
         <template v-else>a message</template>
         from the moderators.
       </template>
@@ -134,8 +135,9 @@
           {{ project.title }}
         </nuxt-link>
         <nuxt-link v-else-if="user" :to="getUserLink(user)" class="title-link">
-          {{ user.username }} </nuxt-link
-        >.
+          {{ user.username }}
+        </nuxt-link>
+        .
       </template>
       <nuxt-link v-else :to="notification.link" class="title-link">
         <span v-html="renderString(notification.title)" />
@@ -192,7 +194,9 @@
       </template>
     </div>
     <span class="notification__date">
-      <span v-if="notification.read" class="read-badge inline-flex"> <ReadIcon /> Read </span>
+      <span v-if="notification.read" class="read-badge inline-flex">
+        <CheckCircleIcon /> Read
+      </span>
       <span
         v-tooltip="$dayjs(notification.created).format('MMMM D, YYYY [at] h:mm A')"
         class="inline-flex"
@@ -224,7 +228,7 @@
             }
           "
         >
-          <CrossIcon />
+          <XIcon />
         </button>
       </template>
       <button
@@ -233,7 +237,7 @@
         class="iconified-button square-button button-transparent"
         @click="read()"
       >
-        <CrossIcon />
+        <XIcon />
       </button>
     </div>
     <div v-else class="notification__actions">
@@ -250,7 +254,8 @@
               }
             "
           >
-            <CheckIcon /> Accept
+            <CheckIcon />
+            Accept
           </button>
           <button
             class="iconified-button danger-button"
@@ -261,7 +266,8 @@
               }
             "
           >
-            <CrossIcon /> Decline
+            <XIcon />
+            Decline
           </button>
         </template>
         <button
@@ -270,7 +276,8 @@
           :class="{ 'raised-button': raised }"
           @click="read()"
         >
-          <CheckIcon /> Mark as read
+          <CheckIcon />
+          Mark as read
         </button>
         <CopyCode v-if="flags.developerMode" :text="notification.id" />
       </div>
@@ -293,7 +300,7 @@
           @click="performAction(notification, actionIndex)"
         >
           <CheckIcon v-if="action.title === 'Accept'" />
-          <CrossIcon v-else-if="action.title === 'Deny'" />
+          <XIcon v-else-if="action.title === 'Deny'" />
           {{ action.title }}
         </button>
         <button
@@ -302,7 +309,8 @@
           :class="{ 'raised-button': raised }"
           @click="performAction(notification, null)"
         >
-          <CheckIcon /> Mark as read
+          <CheckIcon />
+          Mark as read
         </button>
         <CopyCode v-if="flags.developerMode" :text="notification.id" />
       </div>
@@ -312,15 +320,17 @@
 
 <script setup>
 import { renderString } from "@modrinth/utils";
-import InvitationIcon from "~/assets/images/utils/user-plus.svg?component";
-import ModerationIcon from "~/assets/images/sidebar/admin.svg?component";
-import NotificationIcon from "~/assets/images/sidebar/notifications.svg?component";
-import ReadIcon from "~/assets/images/utils/check-circle.svg?component";
-import CalendarIcon from "~/assets/images/utils/calendar.svg?component";
-import VersionIcon from "~/assets/images/utils/version.svg?component";
-import CheckIcon from "~/assets/images/utils/check.svg?component";
-import CrossIcon from "~/assets/images/utils/x.svg?component";
-import ExternalIcon from "~/assets/images/utils/external.svg?component";
+import {
+  UserPlusIcon,
+  ScaleIcon,
+  BellIcon,
+  CheckCircleIcon,
+  CalendarIcon,
+  VersionIcon,
+  CheckIcon,
+  XIcon,
+  ExternalIcon,
+} from "@modrinth/assets";
 import ThreadSummary from "~/components/ui/thread/ThreadSummary.vue";
 import { getProjectLink, getVersionLink } from "~/helpers/projects.js";
 import { getUserLink } from "~/helpers/users.js";
@@ -513,6 +523,7 @@ function getMessages() {
       }
     }
   }
+
   .notification__body {
     grid-area: body;
 
@@ -583,6 +594,7 @@ function getMessages() {
     &:not(:hover) {
       text-decoration: none;
     }
+
     font-weight: bold;
   }
 
diff --git a/apps/frontend/src/components/ui/Pagination.vue b/apps/frontend/src/components/ui/Pagination.vue
index b04408887..99fb555ca 100644
--- a/apps/frontend/src/components/ui/Pagination.vue
+++ b/apps/frontend/src/components/ui/Pagination.vue
@@ -51,9 +51,7 @@
 </template>
 
 <script>
-import GapIcon from "~/assets/images/utils/gap.svg?component";
-import LeftArrowIcon from "~/assets/images/utils/left-arrow.svg?component";
-import RightArrowIcon from "~/assets/images/utils/right-arrow.svg?component";
+import { GapIcon, LeftArrowIcon, RightArrowIcon } from "@modrinth/assets";
 
 export default {
   components: {
@@ -151,6 +149,7 @@ a {
 .has-icon {
   display: flex;
   align-items: center;
+
   svg {
     width: 1em;
   }
@@ -167,6 +166,7 @@ a,
 .paginates {
   height: 2em;
   margin: 0.5rem 0;
+
   > div,
   .has-icon {
     margin: 0 0.3em;
diff --git a/apps/frontend/src/components/ui/ProjectCard.vue b/apps/frontend/src/components/ui/ProjectCard.vue
index 5365e65bc..4a71f2ee3 100644
--- a/apps/frontend/src/components/ui/ProjectCard.vue
+++ b/apps/frontend/src/components/ui/ProjectCard.vue
@@ -74,7 +74,7 @@
         v-tooltip="$dayjs(updatedAt).format('MMMM D, YYYY [at] h:mm A')"
         class="stat date"
       >
-        <EditIcon aria-hidden="true" />
+        <UpdatedIcon aria-hidden="true" />
         <span class="date-label">Updated </span>{{ fromNow(updatedAt) }}
       </div>
       <div
@@ -90,14 +90,10 @@
 </template>
 
 <script>
+import { CalendarIcon, UpdatedIcon, DownloadIcon, HeartIcon } from "@modrinth/assets";
 import Categories from "~/components/ui/search/Categories.vue";
 import Badge from "~/components/ui/Badge.vue";
 import EnvironmentIndicator from "~/components/ui/EnvironmentIndicator.vue";
-
-import CalendarIcon from "~/assets/images/utils/calendar.svg?component";
-import EditIcon from "~/assets/images/utils/updated.svg?component";
-import DownloadIcon from "~/assets/images/utils/download.svg?component";
-import HeartIcon from "~/assets/images/utils/heart.svg?component";
 import Avatar from "~/components/ui/Avatar.vue";
 
 export default {
@@ -107,7 +103,7 @@ export default {
     Categories,
     Badge,
     CalendarIcon,
-    EditIcon,
+    UpdatedIcon,
     DownloadIcon,
     HeartIcon,
   },
diff --git a/apps/frontend/src/components/ui/ProjectMemberHeader.vue b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
index 63f75715e..d608631b6 100644
--- a/apps/frontend/src/components/ui/ProjectMemberHeader.vue
+++ b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
@@ -6,10 +6,12 @@
     </p>
     <div class="input-group">
       <button class="iconified-button brand-button" @click="acceptInvite()">
-        <CheckIcon />Accept
+        <CheckIcon />
+        Accept
       </button>
       <button class="iconified-button danger-button" @click="declineInvite()">
-        <CrossIcon />Decline
+        <XIcon />
+        Decline
       </button>
     </div>
   </div>
@@ -32,21 +34,21 @@
               :key="`checklist-${nag.id}`"
               v-tooltip="nag.title"
               :aria-label="nag.title"
-              class="circle"
               :class="'circle ' + (!nag.condition ? 'done' : '') + nag.status"
+              class="circle"
             >
               <CheckIcon v-if="!nag.condition" />
-              <RequiredIcon v-else-if="nag.status === 'required'" />
-              <SuggestionIcon v-else-if="nag.status === 'suggestion'" />
-              <ModerationIcon v-else-if="nag.status === 'review'" />
+              <AsteriskIcon v-else-if="nag.status === 'required'" />
+              <LightBulbIcon v-else-if="nag.status === 'suggestion'" />
+              <ScaleIcon v-else-if="nag.status === 'review'" />
             </div>
           </div>
         </div>
       </div>
       <div class="input-group">
         <button
-          class="square-button"
           :class="{ 'not-collapsed': !collapsed }"
+          class="square-button"
           @click="toggleCollapsed()"
         >
           <DropdownIcon />
@@ -60,41 +62,41 @@
         class="grid-display__item"
       >
         <span class="label">
-          <RequiredIcon
+          <AsteriskIcon
             v-if="nag.status === 'required'"
             v-tooltip="'Required'"
-            aria-label="Required"
             :class="nag.status"
+            aria-label="Required"
           />
-          <SuggestionIcon
+          <LightBulbIcon
             v-else-if="nag.status === 'suggestion'"
             v-tooltip="'Suggestion'"
-            aria-label="Suggestion"
             :class="nag.status"
+            aria-label="Suggestion"
           />
-          <ModerationIcon
+          <ScaleIcon
             v-else-if="nag.status === 'review'"
             v-tooltip="'Review'"
-            aria-label="Review"
             :class="nag.status"
+            aria-label="Review"
           />{{ nag.title }}</span
         >
         {{ nag.description }}
         <NuxtLink
           v-if="nag.link"
           :class="{ invisible: nag.link.hide }"
-          class="goto-link"
           :to="`/${project.project_type}/${project.slug ? project.slug : project.id}/${
             nag.link.path
           }`"
+          class="goto-link"
         >
           {{ nag.link.title }}
-          <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
+          <ChevronRightIcon aria-hidden="true" class="featured-header-chevron" />
         </NuxtLink>
         <button
           v-else-if="nag.action"
-          class="btn btn-orange"
           :disabled="nag.action.disabled()"
+          class="btn btn-orange"
           @click="nag.action.onClick"
         >
           <SendIcon />
@@ -107,15 +109,15 @@
 
 <script setup>
 import { formatProjectType } from "~/plugins/shorthands.js";
-
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
-import DropdownIcon from "~/assets/images/utils/dropdown.svg?component";
-import CheckIcon from "~/assets/images/utils/check.svg?component";
-import CrossIcon from "~/assets/images/utils/x.svg?component";
-import RequiredIcon from "~/assets/images/utils/asterisk.svg?component";
-import SuggestionIcon from "~/assets/images/utils/lightbulb.svg?component";
-import ModerationIcon from "~/assets/images/sidebar/admin.svg?component";
-import SendIcon from "~/assets/images/utils/send.svg?component";
+import {
+  ChevronRightIcon,
+  CheckIcon,
+  XIcon,
+  AsteriskIcon,
+  LightBulbIcon,
+  SendIcon,
+  ScaleIcon,
+} from "@modrinth/assets";
 import { acceptTeamInvite, removeTeamMember } from "~/helpers/teams.js";
 
 const props = defineProps({
diff --git a/apps/frontend/src/components/ui/report/ReportInfo.vue b/apps/frontend/src/components/ui/report/ReportInfo.vue
index 313b1c12c..b44e20fa4 100644
--- a/apps/frontend/src/components/ui/report/ReportInfo.vue
+++ b/apps/frontend/src/components/ui/report/ReportInfo.vue
@@ -31,7 +31,9 @@
         </div>
       </nuxt-link>
       <div v-else class="item-info">
-        <div class="backed-svg" :class="{ raised: raised }"><UnknownIcon /></div>
+        <div class="backed-svg" :class="{ raised: raised }">
+          <UnknownIcon />
+        </div>
         <span>Reported user not found: <CopyCode :text="report.item_id" /> </span>
       </div>
     </div>
@@ -40,7 +42,9 @@
         :to="`/project/${report.project.slug}/version/${report.version.id}`"
         class="iconified-link"
       >
-        <div class="backed-svg" :class="{ raised: raised }"><VersionIcon /></div>
+        <div class="backed-svg" :class="{ raised: raised }">
+          <VersionIcon />
+        </div>
         <span class="title">{{ report.version.name }}</span>
       </nuxt-link>
       of
@@ -57,7 +61,9 @@
       </nuxt-link>
     </div>
     <div v-else class="item-info">
-      <div class="backed-svg" :class="{ raised: raised }"><UnknownIcon /></div>
+      <div class="backed-svg" :class="{ raised: raised }">
+        <UnknownIcon />
+      </div>
       <span>Unknown report type: {{ report.item_type }}</span>
     </div>
     <div class="report-type">
@@ -74,7 +80,8 @@
       :auth="auth"
     />
     <div class="reporter-info">
-      <ReportIcon class="inline-svg" /> Reported by
+      <ReportIcon class="inline-svg" />
+      Reported by
       <span v-if="auth.user.id === report.reporterUser.id">you</span>
       <nuxt-link v-else :to="`/user/${report.reporterUser.username}`" class="iconified-link">
         <Avatar
@@ -96,12 +103,10 @@
 </template>
 
 <script setup>
+import { ReportIcon, UnknownIcon, VersionIcon } from "@modrinth/assets";
 import { renderHighlightedString } from "~/helpers/highlight.js";
 import Avatar from "~/components/ui/Avatar.vue";
 import Badge from "~/components/ui/Badge.vue";
-import ReportIcon from "~/assets/images/utils/report.svg?component";
-import UnknownIcon from "~/assets/images/utils/unknown.svg?component";
-import VersionIcon from "~/assets/images/utils/version.svg?component";
 import ThreadSummary from "~/components/ui/thread/ThreadSummary.vue";
 import CopyCode from "~/components/ui/CopyCode.vue";
 
diff --git a/apps/frontend/src/components/ui/servers/ServerStats.vue b/apps/frontend/src/components/ui/servers/ServerStats.vue
index f92a177ca..192603c8f 100644
--- a/apps/frontend/src/components/ui/servers/ServerStats.vue
+++ b/apps/frontend/src/components/ui/servers/ServerStats.vue
@@ -17,7 +17,7 @@
           </div>
           <h3 class="flex items-center gap-2 text-base font-normal text-secondary">
             {{ metric.title }}
-            <WarningIcon
+            <IssuesIcon
               v-if="metric.warning"
               v-tooltip="metric.warning"
               class="size-5"
@@ -58,10 +58,9 @@
 
 <script setup lang="ts">
 import { ref, computed, shallowRef } from "vue";
-import { FolderOpenIcon, CPUIcon, DBIcon } from "@modrinth/assets";
+import { FolderOpenIcon, CPUIcon, DBIcon, IssuesIcon } from "@modrinth/assets";
 import { useStorage } from "@vueuse/core";
 import type { Stats } from "~/types/servers";
-import WarningIcon from "~/assets/images/utils/issues.svg?component";
 
 const route = useNativeRoute();
 const serverId = route.params.id;
diff --git a/apps/frontend/src/components/ui/thread/ConversationThread.vue b/apps/frontend/src/components/ui/thread/ConversationThread.vue
index 450b9ac67..abec85273 100644
--- a/apps/frontend/src/components/ui/thread/ConversationThread.vue
+++ b/apps/frontend/src/components/ui/thread/ConversationThread.vue
@@ -28,13 +28,15 @@
             :disabled="!submissionConfirmation"
             @click="resubmit()"
           >
-            <ModerationIcon aria-hidden="true" /> Resubmit for review
+            <ScaleIcon aria-hidden="true" />
+            Resubmit for review
           </button>
         </div>
       </div>
     </Modal>
     <div v-if="flags.developerMode" class="thread-id">
-      Thread ID: <CopyCode :text="thread.id" />
+      Thread ID:
+      <CopyCode :text="thread.id" />
     </div>
     <div v-if="sortedMessages.length > 0" class="messages universal-card recessed">
       <ThreadMessage
@@ -52,7 +54,8 @@
     <template v-if="report && report.closed">
       <p>This thread is closed and new messages cannot be sent to it.</p>
       <button v-if="isStaff(auth.user)" class="iconified-button" @click="reopenReport()">
-        <CloseIcon aria-hidden="true" /> Reopen thread
+        <CheckCircleIcon aria-hidden="true" />
+        Reopen thread
       </button>
     </template>
     <template v-else-if="!report || !report.closed">
@@ -70,10 +73,12 @@
           :disabled="!replyBody"
           @click="sendReply()"
         >
-          <ReplyIcon aria-hidden="true" /> Reply
+          <ReplyIcon aria-hidden="true" />
+          Reply
         </button>
         <button v-else class="btn btn-primary" :disabled="!replyBody" @click="sendReply()">
-          <SendIcon aria-hidden="true" /> Send
+          <SendIcon aria-hidden="true" />
+          Send
         </button>
         <button
           v-if="isStaff(auth.user)"
@@ -81,7 +86,8 @@
           :disabled="!replyBody"
           @click="sendReply(null, true)"
         >
-          <ModerationIcon aria-hidden="true" /> Add private note
+          <ScaleIcon aria-hidden="true" />
+          Add private note
         </button>
         <template v-if="currentMember && !isStaff(auth.user)">
           <template v-if="isRejected(project)">
@@ -90,14 +96,16 @@
               class="iconified-button moderation-button"
               @click="openResubmitModal(true)"
             >
-              <ModerationIcon aria-hidden="true" /> Resubmit for review with reply
+              <ScaleIcon aria-hidden="true" />
+              Resubmit for review with reply
             </button>
             <button
               v-else
               class="iconified-button moderation-button"
               @click="openResubmitModal(false)"
             >
-              <ModerationIcon aria-hidden="true" /> Resubmit for review
+              <ScaleIcon aria-hidden="true" />
+              Resubmit for review
             </button>
           </template>
         </template>
@@ -110,10 +118,12 @@
                 class="iconified-button danger-button"
                 @click="closeReport(true)"
               >
-                <CloseIcon aria-hidden="true" /> Close with reply
+                <CheckCircleIcon aria-hidden="true" />
+                Close with reply
               </button>
               <button v-else class="iconified-button danger-button" @click="closeReport()">
-                <CloseIcon aria-hidden="true" /> Close thread
+                <CheckCircleIcon aria-hidden="true" />
+                Close thread
               </button>
             </template>
           </template>
@@ -125,7 +135,8 @@
                 :disabled="isApproved(project)"
                 @click="sendReply(requestedStatus)"
               >
-                <CheckIcon aria-hidden="true" /> Approve with reply
+                <CheckIcon aria-hidden="true" />
+                Approve with reply
               </button>
               <button
                 v-else
@@ -133,7 +144,8 @@
                 :disabled="isApproved(project)"
                 @click="setStatus(requestedStatus)"
               >
-                <CheckIcon aria-hidden="true" /> Approve
+                <CheckIcon aria-hidden="true" />
+                Approve
               </button>
               <div class="joined-buttons">
                 <button
@@ -142,7 +154,8 @@
                   :disabled="project.status === 'rejected'"
                   @click="sendReply('rejected')"
                 >
-                  <CrossIcon aria-hidden="true" /> Reject with reply
+                  <XIcon aria-hidden="true" />
+                  Reject with reply
                 </button>
                 <button
                   v-else
@@ -150,7 +163,8 @@
                   :disabled="project.status === 'rejected'"
                   @click="setStatus('rejected')"
                 >
-                  <CrossIcon aria-hidden="true" /> Reject
+                  <XIcon aria-hidden="true" />
+                  Reject
                 </button>
                 <OverflowMenu
                   class="btn btn-danger btn-dropdown-animation icon-only"
@@ -182,9 +196,13 @@
                 >
                   <DropdownIcon style="rotate: 180deg" aria-hidden="true" />
                   <template #withhold-reply>
-                    <EyeOffIcon aria-hidden="true" /> Withhold with reply
+                    <EyeOffIcon aria-hidden="true" />
+                    Withhold with reply
+                  </template>
+                  <template #withhold>
+                    <EyeOffIcon aria-hidden="true" />
+                    Withhold
                   </template>
-                  <template #withhold> <EyeOffIcon aria-hidden="true" /> Withhold </template>
                 </OverflowMenu>
               </div>
             </template>
@@ -197,16 +215,18 @@
 
 <script setup>
 import { OverflowMenu, MarkdownEditor } from "@modrinth/ui";
-import { DropdownIcon } from "@modrinth/assets";
+import {
+  DropdownIcon,
+  ReplyIcon,
+  SendIcon,
+  CheckCircleIcon,
+  XIcon,
+  EyeOffIcon,
+  CheckIcon,
+  ScaleIcon,
+} from "@modrinth/assets";
 import { useImageUpload } from "~/composables/image-upload.ts";
 import CopyCode from "~/components/ui/CopyCode.vue";
-import ReplyIcon from "~/assets/images/utils/reply.svg?component";
-import SendIcon from "~/assets/images/utils/send.svg?component";
-import CloseIcon from "~/assets/images/utils/check-circle.svg?component";
-import CrossIcon from "~/assets/images/utils/x.svg?component";
-import EyeOffIcon from "~/assets/images/utils/eye-off.svg?component";
-import CheckIcon from "~/assets/images/utils/check.svg?component";
-import ModerationIcon from "~/assets/images/sidebar/admin.svg?component";
 import ThreadMessage from "~/components/ui/thread/ThreadMessage.vue";
 import { isStaff } from "~/helpers/users.js";
 import { isApproved, isRejected } from "~/helpers/projects.js";
diff --git a/apps/frontend/src/components/ui/thread/ThreadSummary.vue b/apps/frontend/src/components/ui/thread/ThreadSummary.vue
index 308524cfa..d1192e54b 100644
--- a/apps/frontend/src/components/ui/thread/ThreadSummary.vue
+++ b/apps/frontend/src/components/ui/thread/ThreadSummary.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script setup>
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
+import { ChevronRightIcon } from "@modrinth/assets";
 import ThreadMessage from "~/components/ui/thread/ThreadMessage.vue";
 
 const props = defineProps({
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 4441a9a31..80f9ff224 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -850,6 +850,7 @@ import {
   UsersIcon,
   VersionIcon,
   WrenchIcon,
+  ModrinthIcon,
 } from "@modrinth/assets";
 import {
   Avatar,
@@ -870,7 +871,6 @@ import VersionSummary from "@modrinth/ui/src/components/version/VersionSummary.v
 import { formatCategory, isRejected, isStaff, isUnderReview, renderString } from "@modrinth/utils";
 import { navigateTo } from "#app";
 import dayjs from "dayjs";
-import ModrinthIcon from "~/assets/images/utils/modrinth.svg?component";
 import Accordion from "~/components/ui/Accordion.vue";
 import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
 import AutomaticAccordion from "~/components/ui/AutomaticAccordion.vue";
@@ -1626,10 +1626,12 @@ const navLinks = computed(() => {
       width: 25rem;
       height: 25rem;
     }
+
     .animation-ring-2 {
       width: 50rem;
       height: 50rem;
     }
+
     .animation-ring-3 {
       width: 100rem;
       height: 100rem;
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 11d38289b..8312caa2e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -163,14 +163,11 @@
                   v-if="visibility === 'approved' || visibility === 'archived'"
                   class="good"
                 />
-                <ExitIcon v-else class="bad" />
+                <XIcon v-else class="bad" />
                 {{ hasModifiedVisibility() ? "Will be v" : "V" }}isible in search
               </li>
               <li>
-                <ExitIcon
-                  v-if="visibility === 'unlisted' || visibility === 'private'"
-                  class="bad"
-                />
+                <XIcon v-if="visibility === 'unlisted' || visibility === 'private'" class="bad" />
                 <CheckIcon v-else class="good" />
                 {{ hasModifiedVisibility() ? "Will be v" : "V" }}isible on profile
               </li>
@@ -242,20 +239,13 @@
 </template>
 
 <script setup>
-import { Multiselect } from "vue-multiselect";
-
 import { formatProjectStatus } from "@modrinth/utils";
+import { UploadIcon, SaveIcon, TrashIcon, XIcon, IssuesIcon, CheckIcon } from "@modrinth/assets";
+import { Multiselect } from "vue-multiselect";
 import Avatar from "~/components/ui/Avatar.vue";
 import ModalConfirm from "~/components/ui/ModalConfirm.vue";
 import FileInput from "~/components/ui/FileInput.vue";
 
-import UploadIcon from "~/assets/images/utils/upload.svg?component";
-import SaveIcon from "~/assets/images/utils/save.svg?component";
-import TrashIcon from "~/assets/images/utils/trash.svg?component";
-import ExitIcon from "~/assets/images/utils/x.svg?component";
-import IssuesIcon from "~/assets/images/utils/issues.svg?component";
-import CheckIcon from "~/assets/images/utils/check.svg?component";
-
 const props = defineProps({
   project: {
     type: Object,
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/license.vue b/apps/frontend/src/pages/[type]/[id]/settings/license.vue
index cd946ad1d..c4a64e9ab 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/license.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/license.vue
@@ -155,6 +155,7 @@
 
 <script setup lang="ts">
 import { Checkbox, DropdownSelect } from "@modrinth/ui";
+import { SaveIcon } from "@modrinth/assets";
 import {
   TeamMemberPermission,
   builtinLicenses,
@@ -164,7 +165,6 @@ import {
   type TeamMember,
 } from "@modrinth/utils";
 import { computed, ref, type Ref } from "vue";
-import SaveIcon from "~/assets/images/utils/save.svg?component";
 
 const props = defineProps<{
   project: Project;
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index dc250b836..de894c021 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -123,7 +123,7 @@
 
 <script setup>
 import { DropdownSelect } from "@modrinth/ui";
-import SaveIcon from "~/assets/images/utils/save.svg?component";
+import { SaveIcon } from "@modrinth/assets";
 
 const tags = useTags();
 
@@ -247,6 +247,7 @@ function updateDonationLinks() {
   }
   donationLinks.value = links;
 }
+
 function checkDifference(newLink, existingLink) {
   if (newLink === "" && existingLink !== null) {
     return true;
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/members.vue b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
index cd7081aa4..9ccb4edda 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/members.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
@@ -55,7 +55,7 @@
           "
           @click="leaveProject()"
         >
-          <UserRemoveIcon />
+          <UserXIcon />
           Leave project
         </button>
       </div>
@@ -231,7 +231,7 @@
             :disabled="(props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER"
             @click="removeTeamMember(index)"
           >
-            <UserRemoveIcon />
+            <UserXIcon />
             Remove member
           </button>
           <button
@@ -254,8 +254,9 @@
           This project is managed by {{ props.organization.name }}. The defaults for member
           permissions are set in the
           <nuxt-link :to="`/organization/${props.organization.slug}/settings/members`">
-            organization settings</nuxt-link
-          >. You may override them below.
+            organization settings
+          </nuxt-link>
+          . You may override them below.
         </p>
         <nuxt-link
           :to="`/organization/${props.organization.slug}`"
@@ -518,17 +519,19 @@
 
 <script setup>
 import { Multiselect } from "vue-multiselect";
-import { TransferIcon, CheckIcon, UsersIcon } from "@modrinth/assets";
+import {
+  TransferIcon,
+  CheckIcon,
+  UsersIcon,
+  DropdownIcon,
+  SaveIcon,
+  UserPlusIcon,
+  UserXIcon,
+  OrganizationIcon,
+  CrownIcon,
+} from "@modrinth/assets";
 import { Avatar, Badge, Card, Checkbox } from "@modrinth/ui";
-
 import ModalConfirm from "~/components/ui/ModalConfirm.vue";
-import DropdownIcon from "~/assets/images/utils/dropdown.svg?component";
-import SaveIcon from "~/assets/images/utils/save.svg?component";
-import UserPlusIcon from "~/assets/images/utils/user-plus.svg?component";
-import UserRemoveIcon from "~/assets/images/utils/user-x.svg?component";
-import OrganizationIcon from "~/assets/images/utils/organization.svg?component";
-import CrownIcon from "~/assets/images/utils/crown.svg?component";
-
 import { removeSelfFromTeam } from "~/helpers/teams.js";
 
 const props = defineProps({
@@ -894,11 +897,14 @@ const updateMembers = async () => {
   .member-header {
     display: flex;
     justify-content: space-between;
+
     .info {
       display: flex;
+
       .text {
         margin: auto 0 auto 0.5rem;
         font-size: var(--font-size-sm);
+
         .name {
           font-weight: bold;
 
@@ -910,14 +916,17 @@ const updateMembers = async () => {
             color: var(--color-orange);
           }
         }
+
         p {
           margin: 0.2rem 0;
         }
       }
     }
+
     .side-buttons {
       display: flex;
       align-items: center;
+
       .dropdown-icon {
         margin-left: 1rem;
 
@@ -936,6 +945,7 @@ const updateMembers = async () => {
     .main-info {
       margin-bottom: var(--spacing-card-lg);
     }
+
     .permissions {
       margin-bottom: var(--spacing-card-md);
       max-width: 45rem;
@@ -951,6 +961,7 @@ const updateMembers = async () => {
         transform: rotate(180deg);
       }
     }
+
     .content {
       display: flex;
     }
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
index d346a60cc..e193f1f3e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
@@ -113,9 +113,8 @@
 </template>
 
 <script>
+import { StarIcon, SaveIcon } from "@modrinth/assets";
 import Checkbox from "~/components/ui/Checkbox.vue";
-import StarIcon from "~/assets/images/utils/star.svg?component";
-import SaveIcon from "~/assets/images/utils/save.svg?component";
 
 export default defineNuxtComponent({
   components: {
@@ -271,11 +270,14 @@ export default defineNuxtComponent({
 
   :deep(.category-selector) {
     margin-bottom: 0.5rem;
+
     .category-selector__label {
       display: flex;
       align-items: center;
+
       .icon {
         height: 1rem;
+
         svg {
           margin-right: 0.25rem;
           width: 1rem;
@@ -283,6 +285,7 @@ export default defineNuxtComponent({
         }
       }
     }
+
     span {
       user-select: none;
     }
diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index 8fd5689cd..9212f1733 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -39,7 +39,7 @@
         <div class="button-group">
           <ButtonStyled>
             <button @click="$refs.modal_package_mod.hide()">
-              <CrossIcon aria-hidden="true" />
+              <XIcon aria-hidden="true" />
               Cancel
             </button>
           </ButtonStyled>
@@ -109,7 +109,7 @@
             v-if="auth.user"
             :to="`/${project.project_type}/${project.slug ? project.slug : project.id}/versions`"
           >
-            <CrossIcon aria-hidden="true" />
+            <XIcon aria-hidden="true" />
             Cancel
           </nuxt-link>
         </ButtonStyled>
@@ -136,7 +136,7 @@
               project.slug ? project.slug : project.id
             }/version/${encodeURI(version.displayUrlEnding)}`"
           >
-            <CrossIcon aria-hidden="true" />
+            <XIcon aria-hidden="true" />
             Discard changes
           </nuxt-link>
         </ButtonStyled>
@@ -627,6 +627,23 @@
 </template>
 <script>
 import { ButtonStyled, ConfirmModal, MarkdownEditor } from "@modrinth/ui";
+import {
+  FileIcon,
+  TrashIcon,
+  EditIcon,
+  DownloadIcon,
+  StarIcon,
+  ReportIcon,
+  SaveIcon,
+  XIcon,
+  HashIcon,
+  PlusIcon,
+  TransferIcon,
+  UploadIcon,
+  BoxIcon,
+  RightArrowIcon,
+  ChevronRightIcon,
+} from "@modrinth/assets";
 import { Multiselect } from "vue-multiselect";
 import { acceptFileFromProjectType } from "~/helpers/fileUtils.js";
 import { inferVersionInfo } from "~/helpers/infer.js";
@@ -636,32 +653,14 @@ import { reportVersion } from "~/utils/report-helpers.ts";
 import { useImageUpload } from "~/composables/image-upload.ts";
 
 import Avatar from "~/components/ui/Avatar.vue";
+import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
 import Badge from "~/components/ui/Badge.vue";
 import Breadcrumbs from "~/components/ui/Breadcrumbs.vue";
 import CopyCode from "~/components/ui/CopyCode.vue";
 import Categories from "~/components/ui/search/Categories.vue";
 import Checkbox from "~/components/ui/Checkbox.vue";
 import FileInput from "~/components/ui/FileInput.vue";
-
-import FileIcon from "~/assets/images/utils/file.svg?component";
-import TrashIcon from "~/assets/images/utils/trash.svg?component";
-import EditIcon from "~/assets/images/utils/edit.svg?component";
-import DownloadIcon from "~/assets/images/utils/download.svg?component";
-import StarIcon from "~/assets/images/utils/star.svg?component";
-import ReportIcon from "~/assets/images/utils/report.svg?component";
-import SaveIcon from "~/assets/images/utils/save.svg?component";
-import CrossIcon from "~/assets/images/utils/x.svg?component";
-import HashIcon from "~/assets/images/utils/hash.svg?component";
-import PlusIcon from "~/assets/images/utils/plus.svg?component";
-import TransferIcon from "~/assets/images/utils/transfer.svg?component";
-import UploadIcon from "~/assets/images/utils/upload.svg?component";
-import BackIcon from "~/assets/images/utils/left-arrow.svg?component";
-import BoxIcon from "~/assets/images/utils/box.svg?component";
-import RightArrowIcon from "~/assets/images/utils/right-arrow.svg?component";
 import Modal from "~/components/ui/Modal.vue";
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
-
-import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
 
 export default defineNuxtComponent({
   components: {
@@ -678,12 +677,11 @@ export default defineNuxtComponent({
     FileIcon,
     ReportIcon,
     SaveIcon,
-    CrossIcon,
+    XIcon,
     HashIcon,
     PlusIcon,
     TransferIcon,
     UploadIcon,
-    BackIcon,
     Avatar,
     Badge,
     Breadcrumbs,
diff --git a/apps/frontend/src/pages/collection/[id].vue b/apps/frontend/src/pages/collection/[id].vue
index 6db09cb9c..c820b3913 100644
--- a/apps/frontend/src/pages/collection/[id].vue
+++ b/apps/frontend/src/pages/collection/[id].vue
@@ -25,7 +25,8 @@
             </template>
             <template v-else-if="canEdit && isEditing === true">
               <PopoutMenu class="btn">
-                <EditIcon aria-hidden="true" /> {{ formatMessage(messages.editIconButton) }}
+                <EditIcon aria-hidden="true" />
+                {{ formatMessage(messages.editIconButton) }}
                 <template #menu>
                   <span class="icon-edit-menu">
                     <FileInput
@@ -135,7 +136,7 @@
 
                 <div v-if="canEdit" class="primary-stat">
                   <template v-if="collection.status === 'listed'">
-                    <WorldIcon class="primary-stat__icon" aria-hidden="true" />
+                    <GlobeIcon class="primary-stat__icon" aria-hidden="true" />
                     <div class="primary-stat__text">
                       <strong> {{ formatMessage(commonMessages.publicLabel) }} </strong>
                     </div>
@@ -346,7 +347,8 @@
           </ProjectCard>
         </div>
         <div v-else class="error">
-          <UpToDate class="icon" /><br />
+          <UpToDate class="icon" />
+          <br />
           <span v-if="auth.user && auth.user.id === creator.id" class="preserve-lines text">
             <IntlFormatted :message-id="messages.noProjectsAuthLabel">
               <template #create-link="{ children }">
@@ -379,6 +381,7 @@ import {
   UpdatedIcon,
   UploadIcon,
   XIcon,
+  GlobeIcon,
 } from "@modrinth/assets";
 import {
   Avatar,
@@ -391,7 +394,6 @@ import {
 } from "@modrinth/ui";
 
 import { isAdmin } from "@modrinth/utils";
-import WorldIcon from "assets/images/utils/world.svg";
 import UpToDate from "assets/images/illustrations/up_to_date.svg";
 import { addNotification } from "~/composables/notifs.js";
 import NavRow from "~/components/ui/NavRow.vue";
diff --git a/apps/frontend/src/pages/dashboard/collections.vue b/apps/frontend/src/pages/dashboard/collections.vue
index 11c86c38e..a5201a331 100644
--- a/apps/frontend/src/pages/dashboard/collections.vue
+++ b/apps/frontend/src/pages/dashboard/collections.vue
@@ -17,7 +17,8 @@
         </Button>
       </div>
       <Button color="primary" @click="(event) => $refs.modal_creation.show(event)">
-        <PlusIcon aria-hidden="true" /> {{ formatMessage(messages.createNewButton) }}
+        <PlusIcon aria-hidden="true" />
+        {{ formatMessage(messages.createNewButton) }}
       </Button>
     </div>
     <div class="collections-grid">
@@ -73,7 +74,7 @@
             </div>
             <div class="stats">
               <template v-if="collection.status === 'listed'">
-                <WorldIcon aria-hidden="true" />
+                <GlobeIcon aria-hidden="true" />
                 <span> {{ formatMessage(commonMessages.publicLabel) }} </span>
               </template>
               <template v-else-if="collection.status === 'unlisted'">
@@ -96,9 +97,16 @@
   </div>
 </template>
 <script setup>
-import { BoxIcon, SearchIcon, XIcon, PlusIcon, LinkIcon, LockIcon } from "@modrinth/assets";
+import {
+  BoxIcon,
+  SearchIcon,
+  XIcon,
+  PlusIcon,
+  LinkIcon,
+  LockIcon,
+  GlobeIcon,
+} from "@modrinth/assets";
 import { Avatar, Button, commonMessages } from "@modrinth/ui";
-import WorldIcon from "~/assets/images/utils/world.svg?component";
 import CollectionCreateModal from "~/components/ui/CollectionCreateModal.vue";
 
 const { formatMessage } = useVIntl();
diff --git a/apps/frontend/src/pages/dashboard/index.vue b/apps/frontend/src/pages/dashboard/index.vue
index 2b7d63fa7..5560110f2 100644
--- a/apps/frontend/src/pages/dashboard/index.vue
+++ b/apps/frontend/src/pages/dashboard/index.vue
@@ -21,7 +21,8 @@
             class="goto-link"
             to="/dashboard/notifications"
           >
-            See all <ChevronRightIcon />
+            See all
+            <ChevronRightIcon />
           </nuxt-link>
         </div>
         <template v-if="notifications.length > 0">
@@ -48,7 +49,8 @@
         <div v-else class="universal-body">
           <p>You have no unread notifications.</p>
           <nuxt-link class="iconified-button !mt-4" to="/dashboard/notifications/history">
-            <HistoryIcon /> View notification history
+            <HistoryIcon />
+            View notification history
           </nuxt-link>
         </div>
       </section>
@@ -94,8 +96,7 @@
   </div>
 </template>
 <script setup>
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
-import HistoryIcon from "~/assets/images/utils/history.svg?component";
+import { ChevronRightIcon, HistoryIcon } from "@modrinth/assets";
 import Avatar from "~/components/ui/Avatar.vue";
 import NotificationItem from "~/components/ui/NotificationItem.vue";
 import { fetchExtraNotificationData, groupNotifications } from "~/helpers/notifications.js";
diff --git a/apps/frontend/src/pages/dashboard/notifications.vue b/apps/frontend/src/pages/dashboard/notifications.vue
index 8d6a75973..931b38463 100644
--- a/apps/frontend/src/pages/dashboard/notifications.vue
+++ b/apps/frontend/src/pages/dashboard/notifications.vue
@@ -12,9 +12,13 @@
           <h2 v-else class="text-2xl">Notifications</h2>
         </div>
         <template v-if="!history">
-          <Button v-if="hasRead" @click="updateRoute()"> <HistoryIcon /> View history </Button>
+          <Button v-if="hasRead" @click="updateRoute()">
+            <HistoryIcon />
+            View history
+          </Button>
           <Button v-if="notifications.length > 0" color="danger" @click="readAll()">
-            <CheckCheckIcon /> Mark all as read
+            <CheckCheckIcon />
+            Mark all as read
           </Button>
         </template>
       </div>
@@ -51,14 +55,13 @@
 </template>
 <script setup>
 import { Button, Chips } from "@modrinth/ui";
-import { HistoryIcon } from "@modrinth/assets";
+import { HistoryIcon, CheckCheckIcon } from "@modrinth/assets";
 import {
   fetchExtraNotificationData,
   groupNotifications,
   markAsRead,
 } from "~/helpers/notifications.js";
 import NotificationItem from "~/components/ui/NotificationItem.vue";
-import CheckCheckIcon from "~/assets/images/utils/check-check.svg?component";
 import Breadcrumbs from "~/components/ui/Breadcrumbs.vue";
 import Pagination from "~/components/ui/Pagination.vue";
 
diff --git a/apps/frontend/src/pages/dashboard/revenue/withdraw.vue b/apps/frontend/src/pages/dashboard/revenue/withdraw.vue
index b48431d07..01d7a5fd1 100644
--- a/apps/frontend/src/pages/dashboard/revenue/withdraw.vue
+++ b/apps/frontend/src/pages/dashboard/revenue/withdraw.vue
@@ -80,7 +80,7 @@
             </div>
           </div>
           <div class="label">
-            <RadioButtonChecked v-if="selectedMethodId === method.id" class="radio" />
+            <RadioButtonCheckedIcon v-if="selectedMethodId === method.id" class="radio" />
             <RadioButtonIcon v-else class="radio" />
             <span>{{ method.name }}</span>
           </div>
@@ -192,7 +192,7 @@ import {
   PayPalIcon,
   SearchIcon,
   RadioButtonIcon,
-  RadioButtonChecked,
+  RadioButtonCheckedIcon,
   XIcon,
   TransferIcon,
 } from "@modrinth/assets";
diff --git a/apps/frontend/src/pages/index.vue b/apps/frontend/src/pages/index.vue
index c3a183960..4bc13fae9 100644
--- a/apps/frontend/src/pages/index.vue
+++ b/apps/frontend/src/pages/index.vue
@@ -24,7 +24,10 @@
       </h2>
       <div class="button-group">
         <ButtonStyled color="brand" size="large">
-          <nuxt-link to="/mods"> <CompassIcon aria-hidden="true" /> Discover mods </nuxt-link>
+          <nuxt-link to="/mods">
+            <CompassIcon aria-hidden="true" />
+            Discover mods
+          </nuxt-link>
         </ButtonStyled>
         <ButtonStyled size="large" type="outlined">
           <nuxt-link v-if="!auth.user" to="/auth/sign-up" rel="noopener nofollow">
@@ -197,8 +200,8 @@
             <p>
               Modrinth's open-source API lets launchers add deep integration with Modrinth. You can
               use Modrinth through
-              <nuxt-link class="title-link" to="/app">our own app</nuxt-link> and some of the most
-              popular launchers like ATLauncher, MultiMC, and Prism Launcher.
+              <nuxt-link class="title-link" to="/app">our own app</nuxt-link>
+              and some of the most popular launchers like ATLauncher, MultiMC, and Prism Launcher.
             </p>
           </div>
           <div class="blob-demonstration gradient-border">
@@ -521,10 +524,15 @@
 <script setup>
 import { Multiselect } from "vue-multiselect";
 import { ButtonStyled } from "@modrinth/ui";
-import { CompassIcon, LogInIcon, DashboardIcon, NewspaperIcon } from "@modrinth/assets";
-import SearchIcon from "~/assets/images/utils/search.svg?component";
-import CalendarIcon from "~/assets/images/utils/calendar.svg?component";
-import ModrinthIcon from "~/assets/images/logo.svg?component";
+import {
+  CompassIcon,
+  LogInIcon,
+  DashboardIcon,
+  NewspaperIcon,
+  SearchIcon,
+  CalendarIcon,
+  ModrinthIcon,
+} from "@modrinth/assets";
 import PrismLauncherLogo from "~/assets/images/external/prism.svg?component";
 import ATLauncherLogo from "~/assets/images/external/atlauncher.svg?component";
 import Avatar from "~/components/ui/Avatar.vue";
@@ -1119,6 +1127,7 @@ async function updateSearchProjects() {
       background: var(--landing-green-label-bg);
       color: var(--landing-green-label);
     }
+
     &.blue {
       background: var(--landing-blue-label-bg);
       color: var(--landing-blue-label);
@@ -1235,6 +1244,7 @@ async function updateSearchProjects() {
           h3 {
             font-size: 3rem;
           }
+
           p {
             font-size: 1.5rem;
           }
@@ -1302,6 +1312,7 @@ async function updateSearchProjects() {
           h3 {
             font-size: 4rem;
           }
+
           p {
             font-size: 1.625rem;
           }
diff --git a/apps/frontend/src/pages/moderation.vue b/apps/frontend/src/pages/moderation.vue
index 4dcd6f889..4dbb509d6 100644
--- a/apps/frontend/src/pages/moderation.vue
+++ b/apps/frontend/src/pages/moderation.vue
@@ -8,7 +8,7 @@
             <ModrinthIcon aria-hidden="true" />
           </NavStackItem>
           <NavStackItem link="/moderation/review" label="Review projects">
-            <ModerationIcon aria-hidden="true" />
+            <ScaleIcon aria-hidden="true" />
           </NavStackItem>
           <NavStackItem link="/moderation/reports" label="Reports">
             <ReportIcon aria-hidden="true" />
@@ -21,14 +21,12 @@
     </div>
   </div>
 </template>
+
 <script setup>
+import { ModrinthIcon, ScaleIcon, ReportIcon } from "@modrinth/assets";
 import NavStack from "~/components/ui/NavStack.vue";
 import NavStackItem from "~/components/ui/NavStackItem.vue";
 
-import ModrinthIcon from "~/assets/images/utils/modrinth.svg?component";
-import ModerationIcon from "~/assets/images/sidebar/admin.svg?component";
-import ReportIcon from "~/assets/images/utils/report.svg?component";
-
 definePageMeta({
   middleware: "auth",
 });
diff --git a/apps/frontend/src/pages/moderation/review.vue b/apps/frontend/src/pages/moderation/review.vue
index 7d2372cff..5131132db 100644
--- a/apps/frontend/src/pages/moderation/review.vue
+++ b/apps/frontend/src/pages/moderation/review.vue
@@ -8,17 +8,20 @@
         :format-label="(x) => (x === 'all' ? 'All' : $formatProjectType(x) + 's')"
       />
       <button v-if="oldestFirst" class="iconified-button push-right" @click="oldestFirst = false">
-        <SortDescIcon />Sorting by oldest
+        <SortDescendingIcon />
+        Sorting by oldest
       </button>
       <button v-else class="iconified-button push-right" @click="oldestFirst = true">
-        <SortAscIcon />Sorting by newest
+        <SortAscendingIcon />
+        Sorting by newest
       </button>
       <button
         class="btn btn-highlight"
         :disabled="projectsFiltered.length === 0"
         @click="goToProjects()"
       >
-        <ModerationIcon /> Start moderating
+        <ScaleIcon />
+        Start moderating
       </button>
     </div>
     <p v-if="projectType !== 'all'" class="project-count">
@@ -27,11 +30,13 @@
     </p>
     <p v-else class="project-count">There are {{ projects.length }} projects in the queue.</p>
     <p v-if="projectsOver24Hours.length > 0" class="warning project-count">
-      <WarningIcon /> {{ projectsOver24Hours.length }} {{ projectTypePlural }}
+      <IssuesIcon />
+      {{ projectsOver24Hours.length }} {{ projectTypePlural }}
       have been in the queue for over 24 hours.
     </p>
     <p v-if="projectsOver48Hours.length > 0" class="danger project-count">
-      <WarningIcon /> {{ projectsOver48Hours.length }} {{ projectTypePlural }}
+      <IssuesIcon />
+      {{ projectsOver48Hours.length }} {{ projectTypePlural }}
       have been in the queue for over 48 hours.
     </p>
     <div
@@ -86,11 +91,13 @@
         <nuxt-link
           :to="`/${project.inferred_project_type}/${project.slug}`"
           class="iconified-button raised-button"
-          ><EyeIcon /> View project</nuxt-link
         >
+          <EyeIcon />
+          View project
+        </nuxt-link>
       </div>
       <span v-if="project.queued" :class="`submitter-info ${project.age_warning}`">
-        <WarningIcon v-if="project.age_warning" />
+        <IssuesIcon v-if="project.age_warning" />
         Submitted
         <span v-tooltip="$dayjs(project.queued).format('MMMM D, YYYY [at] h:mm A')">{{
           fromNow(project.queued)
@@ -100,15 +107,18 @@
     </div>
   </section>
 </template>
+
 <script setup>
 import { Chips } from "@modrinth/ui";
+import {
+  UnknownIcon,
+  EyeIcon,
+  SortAscendingIcon,
+  SortDescendingIcon,
+  IssuesIcon,
+  ScaleIcon,
+} from "@modrinth/assets";
 import Avatar from "~/components/ui/Avatar.vue";
-import UnknownIcon from "~/assets/images/utils/unknown.svg?component";
-import EyeIcon from "~/assets/images/utils/eye.svg?component";
-import SortAscIcon from "~/assets/images/utils/sort-asc.svg?component";
-import SortDescIcon from "~/assets/images/utils/sort-desc.svg?component";
-import WarningIcon from "~/assets/images/utils/issues.svg?component";
-import ModerationIcon from "~/assets/images/sidebar/admin.svg?component";
 import Badge from "~/components/ui/Badge.vue";
 import { formatProjectType } from "~/plugins/shorthands.js";
 
@@ -224,6 +234,7 @@ if (projects.value) {
     });
   }
 }
+
 async function goToProjects() {
   const project = projectsFiltered.value[0];
   await router.push({
diff --git a/apps/frontend/src/pages/organization/[id].vue b/apps/frontend/src/pages/organization/[id].vue
index f65043b45..9a78ceadd 100644
--- a/apps/frontend/src/pages/organization/[id].vue
+++ b/apps/frontend/src/pages/organization/[id].vue
@@ -76,7 +76,8 @@
           </template>
           <template #title-suffix>
             <div class="ml-1 flex items-center gap-2 font-semibold">
-              <OrganizationIcon /> Organization
+              <OrganizationIcon />
+              Organization
             </div>
           </template>
           <template #summary>
@@ -177,10 +178,12 @@
           <p>You have been invited to join {{ organization.name }}.</p>
           <div class="input-group">
             <button class="iconified-button brand-button" @click="onAcceptInvite">
-              <CheckIcon />Accept
+              <CheckIcon />
+              Accept
             </button>
             <button class="iconified-button danger-button" @click="onDeclineInvite">
-              <XIcon />Decline
+              <XIcon />
+              Decline
             </button>
           </div>
         </div>
@@ -227,7 +230,8 @@
         </template>
 
         <div v-else-if="true" class="error">
-          <UpToDate class="icon" /><br />
+          <UpToDate class="icon" />
+          <br />
           <span class="preserve-lines text">
             This organization doesn't have any projects yet.
             <template v-if="isPermission(currentMember?.organization_permissions, 1 << 4)">
@@ -251,6 +255,9 @@ import {
   CheckIcon,
   XIcon,
   ClipboardCopyIcon,
+  OrganizationIcon,
+  DownloadIcon,
+  CrownIcon,
 } from "@modrinth/assets";
 import {
   Avatar,
@@ -266,10 +273,6 @@ import ModalCreation from "~/components/ui/ModalCreation.vue";
 import UpToDate from "~/assets/images/illustrations/up_to_date.svg?component";
 import ProjectCard from "~/components/ui/ProjectCard.vue";
 import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
-
-import OrganizationIcon from "~/assets/images/utils/organization.svg?component";
-import DownloadIcon from "~/assets/images/utils/download.svg?component";
-import CrownIcon from "~/assets/images/utils/crown.svg?component";
 import { acceptTeamInvite, removeTeamMember } from "~/helpers/teams.js";
 import NavTabs from "~/components/ui/NavTabs.vue";
 
@@ -535,9 +538,11 @@ async function copyId() {
   display: flex;
   flex-direction: column;
   padding: var(--gap-xl);
+
   h3 {
     margin: 0 0 var(--gap-sm);
   }
+
   .creator {
     display: grid;
     gap: var(--gap-xs);
@@ -549,9 +554,11 @@ async function copyId() {
       "avatar name" auto
       "avatar role" auto
       / auto 1fr;
+
     p {
       margin: 0;
     }
+
     .name {
       grid-area: name;
       align-self: flex-end;
@@ -619,9 +626,11 @@ async function copyId() {
   display: flex;
   justify-content: space-between;
   align-items: center;
+
   h3 {
     margin: 0;
   }
+
   a {
     display: flex;
     align-items: center;
@@ -629,25 +638,30 @@ async function copyId() {
     color: var(--color-blue);
   }
 }
+
 .project-overview {
   gap: var(--gap-md);
   padding: var(--gap-xl);
+
   .project-card {
     padding: 0;
     border-radius: 0;
     background-color: transparent;
     box-shadow: none;
+
     :deep(.title) {
       font-size: var(--font-size-nm) !important;
     }
   }
 }
+
 .popout-heading {
   padding: var(--gap-sm) var(--gap-md);
   margin: 0;
   font-size: var(--font-size-md);
   color: var(--color-text);
 }
+
 .popout-checkbox {
   padding: var(--gap-sm) var(--gap-md);
 }
diff --git a/apps/frontend/src/pages/organization/[id]/settings/members.vue b/apps/frontend/src/pages/organization/[id]/settings/members.vue
index e33b382f9..4a2266bd3 100644
--- a/apps/frontend/src/pages/organization/[id]/settings/members.vue
+++ b/apps/frontend/src/pages/organization/[id]/settings/members.vue
@@ -225,11 +225,10 @@ import {
   UserPlusIcon,
   UserXIcon as UserRemoveIcon,
   DropdownIcon,
+  CrownIcon,
 } from "@modrinth/assets";
 import { Button, Badge, Avatar, Checkbox } from "@modrinth/ui";
 import { ref } from "vue";
-import CrownIcon from "~/assets/images/utils/crown.svg?component";
-
 import { removeTeamMember } from "~/helpers/teams.js";
 import { isPermission } from "~/utils/permissions.ts";
 
@@ -363,8 +362,10 @@ const onTransferOwnership = useClientTry(async (teamId, uid) => {
   .member-header {
     display: flex;
     justify-content: space-between;
+
     .info {
       display: flex;
+
       .text {
         margin: auto 0 auto 0.5rem;
         font-size: var(--font-size-sm);
@@ -386,24 +387,30 @@ const onTransferOwnership = useClientTry(async (teamId, uid) => {
         }
       }
     }
+
     .side-buttons {
       display: flex;
       align-items: center;
+
       .dropdown-icon {
         margin-left: 1rem;
+
         svg {
           transition: 150ms ease transform;
         }
       }
     }
   }
+
   .content {
     display: none;
     flex-direction: column;
     padding-top: var(--gap-md);
+
     .main-info {
       margin-bottom: var(--gap-lg);
     }
+
     .permissions {
       margin-bottom: var(--gap-md);
       max-width: 45rem;
@@ -412,17 +419,20 @@ const onTransferOwnership = useClientTry(async (teamId, uid) => {
       grid-gap: 0.5rem;
     }
   }
+
   &.open {
     .member-header {
       .dropdown-icon svg {
         transform: rotate(180deg);
       }
     }
+
     .content {
       display: flex;
     }
   }
 }
+
 :deep(.checkbox-outer) {
   button.checkbox {
     border: none;
diff --git a/apps/frontend/src/pages/search/[searchProjectType].vue b/apps/frontend/src/pages/search/[searchProjectType].vue
index 200607c66..ebce581f4 100644
--- a/apps/frontend/src/pages/search/[searchProjectType].vue
+++ b/apps/frontend/src/pages/search/[searchProjectType].vue
@@ -34,7 +34,8 @@
           </nuxt-link>
           <ButtonStyled>
             <nuxt-link :to="`/servers/manage/${server.serverId}/content`">
-              <LeftArrowIcon /> Back to server
+              <LeftArrowIcon />
+              Back to server
             </nuxt-link>
           </ButtonStyled>
         </div>
@@ -139,7 +140,7 @@
           <template #locked-mod_loader>
             {{ formatMessage(messages.modLoaderProvidedByServer) }}
           </template>
-          <template #sync-button> {{ formatMessage(messages.syncFilterButton) }} </template>
+          <template #sync-button> {{ formatMessage(messages.syncFilterButton) }}</template>
         </SearchSidebarFilter>
       </div>
     </aside>
@@ -188,7 +189,10 @@
           </DropdownSelect>
           <div class="lg:hidden">
             <ButtonStyled>
-              <button @click="filtersMenuOpen = true"><FilterIcon /> Filter results...</button>
+              <button @click="filtersMenuOpen = true">
+                <FilterIcon />
+                Filter results...
+              </button>
             </ButtonStyled>
           </div>
           <ButtonStyled circular>
@@ -286,7 +290,7 @@
                 :to="`/${projectType.id}/${result.slug ? result.slug : result.project_id}`"
               >
                 <NewProjectCard :project="result" :categories="result.display_categories">
-                  <template v-if="false" #actions> </template>
+                  <template v-if="false" #actions></template>
                 </NewProjectCard>
               </NuxtLink>
             </template>
@@ -317,16 +321,21 @@ import {
   NewProjectCard,
   SearchFilterControl,
 } from "@modrinth/ui";
-import { CheckIcon, DownloadIcon, GameIcon, LeftArrowIcon, XIcon } from "@modrinth/assets";
+import {
+  CheckIcon,
+  DownloadIcon,
+  GameIcon,
+  LeftArrowIcon,
+  XIcon,
+  SearchIcon,
+  FilterIcon,
+  GridIcon,
+  ListIcon,
+  ImageIcon,
+} from "@modrinth/assets";
 import { computed } from "vue";
 import ProjectCard from "~/components/ui/ProjectCard.vue";
 import LogoAnimated from "~/components/brand/LogoAnimated.vue";
-
-import SearchIcon from "~/assets/images/utils/search.svg?component";
-import FilterIcon from "~/assets/images/utils/filter.svg?component";
-import GridIcon from "~/assets/images/utils/grid.svg?component";
-import ListIcon from "~/assets/images/utils/list.svg?component";
-import ImageIcon from "~/assets/images/utils/image.svg?component";
 import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
 import NavTabs from "~/components/ui/NavTabs.vue";
 
@@ -344,6 +353,7 @@ const flags = useFeatureFlags();
 const auth = await useAuth();
 
 const projectType = ref();
+
 function setProjectType() {
   const projType = tags.value.projectTypes.find(
     (x) => x.id === route.path.replaceAll(/^\/|s\/?$/g, ""), // Removes prefix `/` and suffixes `s` and `s/`
@@ -353,6 +363,7 @@ function setProjectType() {
     projectType.value = projType;
   }
 }
+
 setProjectType();
 router.afterEach(() => {
   setProjectType();
diff --git a/apps/frontend/src/pages/settings.vue b/apps/frontend/src/pages/settings.vue
index e5da770f8..8dfcf3b26 100644
--- a/apps/frontend/src/pages/settings.vue
+++ b/apps/frontend/src/pages/settings.vue
@@ -88,11 +88,11 @@ import {
   KeyIcon,
   LanguagesIcon,
   CardIcon,
+  MonitorSmartphoneIcon,
 } from "@modrinth/assets";
 import { commonMessages, commonSettingsMessages } from "@modrinth/ui";
 import NavStack from "~/components/ui/NavStack.vue";
 import NavStackItem from "~/components/ui/NavStackItem.vue";
-import MonitorSmartphoneIcon from "~/assets/images/utils/monitor-smartphone.svg?component";
 
 const { formatMessage } = useVIntl();
 
diff --git a/apps/frontend/src/pages/settings/index.vue b/apps/frontend/src/pages/settings/index.vue
index 958ce345e..953b48823 100644
--- a/apps/frontend/src/pages/settings/index.vue
+++ b/apps/frontend/src/pages/settings/index.vue
@@ -52,7 +52,7 @@
                 </div>
               </div>
               <div class="label">
-                <RadioButtonChecked
+                <RadioButtonCheckedIcon
                   v-if="cosmetics.searchDisplayMode[projectType.id] === 'list'"
                   class="radio"
                 />
@@ -76,7 +76,7 @@
                 </div>
               </div>
               <div class="label">
-                <RadioButtonChecked
+                <RadioButtonCheckedIcon
                   v-if="cosmetics.searchDisplayMode[projectType.id] === 'grid'"
                   class="radio"
                 />
@@ -98,7 +98,7 @@
                 </div>
               </div>
               <div class="label">
-                <RadioButtonChecked
+                <RadioButtonCheckedIcon
                   v-if="cosmetics.searchDisplayMode[projectType.id] === 'gallery'"
                   class="radio"
                 />
@@ -198,7 +198,7 @@
 </template>
 
 <script setup lang="ts">
-import { CodeIcon, RadioButtonChecked, RadioButtonIcon } from "@modrinth/assets";
+import { CodeIcon, RadioButtonCheckedIcon, RadioButtonIcon } from "@modrinth/assets";
 import { Button, ThemeSelector } from "@modrinth/ui";
 import MessageBanner from "~/components/ui/MessageBanner.vue";
 import type { DisplayLocation } from "~/plugins/cosmetics";
diff --git a/apps/frontend/src/pages/settings/language.vue b/apps/frontend/src/pages/settings/language.vue
index 563c764c5..4d971dd4a 100644
--- a/apps/frontend/src/pages/settings/language.vue
+++ b/apps/frontend/src/pages/settings/language.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import Fuse from "fuse.js/dist/fuse.basic";
 import { commonSettingsMessages } from "@modrinth/ui";
-import RadioButtonIcon from "~/assets/images/utils/radio-button.svg?component";
-import RadioButtonCheckedIcon from "~/assets/images/utils/radio-button-checked.svg?component";
-import WarningIcon from "~/assets/images/utils/issues.svg?component";
+import { RadioButtonIcon, RadioButtonCheckedIcon, IssuesIcon } from "@modrinth/assets";
 import { isModifierKeyDown } from "~/helpers/events.ts";
 
 const vintl = useVIntl();
@@ -376,7 +374,8 @@ function getItemLabel(locale: Locale) {
               :id="`language__${locale.tag}__fail`"
               class="language-load-error"
             >
-              <WarningIcon /> {{ formatMessage(messages.loadFailed) }}
+              <IssuesIcon />
+              {{ formatMessage(messages.loadFailed) }}
             </div>
           </template>
         </template>
diff --git a/apps/frontend/src/pages/user/[id].vue b/apps/frontend/src/pages/user/[id].vue
index 01a3f2cbd..239dab7c9 100644
--- a/apps/frontend/src/pages/user/[id].vue
+++ b/apps/frontend/src/pages/user/[id].vue
@@ -209,7 +209,8 @@
           </div>
         </div>
         <div v-else-if="route.params.projectType !== 'collections'" class="error">
-          <UpToDate class="icon" /><br />
+          <UpToDate class="icon" />
+          <br />
           <span v-if="auth.user && auth.user.id === user.id" class="preserve-lines text">
             <IntlFormatted :message-id="messages.profileNoProjectsAuthLabel">
               <template #create-link="{ children }">
@@ -252,7 +253,7 @@
               </div>
               <div class="stats">
                 <template v-if="collection.status === 'listed'">
-                  <WorldIcon />
+                  <GlobeIcon />
                   <span> Public </span>
                 </template>
                 <template v-else-if="collection.status === 'unlisted'">
@@ -275,7 +276,8 @@
           v-if="route.params.projectType === 'collections' && collections.length === 0"
           class="error"
         >
-          <UpToDate class="icon" /><br />
+          <UpToDate class="icon" />
+          <br />
           <span v-if="auth.user && auth.user.id === user.id" class="preserve-lines text">
             <IntlFormatted :message-id="messages.profileNoCollectionsAuthLabel">
               <template #create-link="{ children }">
@@ -343,6 +345,9 @@ import {
   CurrencyIcon,
   InfoIcon,
   CheckIcon,
+  ReportIcon,
+  EditIcon,
+  GlobeIcon,
 } from "@modrinth/assets";
 import {
   OverflowMenu,
@@ -364,10 +369,7 @@ import EarlyAdopterBadge from "~/assets/images/badges/early-adopter.svg?componen
 import AlphaTesterBadge from "~/assets/images/badges/alpha-tester.svg?component";
 import BetaTesterBadge from "~/assets/images/badges/beta-tester.svg?component";
 
-import ReportIcon from "~/assets/images/utils/report.svg?component";
 import UpToDate from "~/assets/images/illustrations/up_to_date.svg?component";
-import EditIcon from "~/assets/images/utils/edit.svg?component";
-import WorldIcon from "~/assets/images/utils/world.svg?component";
 import ModalCreation from "~/components/ui/ModalCreation.vue";
 import Avatar from "~/components/ui/Avatar.vue";
 import CollectionCreateModal from "~/components/ui/CollectionCreateModal.vue";
diff --git a/packages/assets/index.ts b/packages/assets/index.ts
index 00bd02269..45480f69e 100644
--- a/packages/assets/index.ts
+++ b/packages/assets/index.ts
@@ -131,7 +131,7 @@ import _PlayIcon from './icons/play.svg?component'
 import _PlugIcon from './icons/plug.svg?component'
 import _PlusIcon from './icons/plus.svg?component'
 import _RadioButtonIcon from './icons/radio-button.svg?component'
-import _RadioButtonChecked from './icons/radio-button-checked.svg?component'
+import _RadioButtonCheckedIcon from './icons/radio-button-checked.svg?component'
 import _ReceiptTextIcon from './icons/receipt-text.svg?component'
 import _ReplyIcon from './icons/reply.svg?component'
 import _ReportIcon from './icons/report.svg?component'
@@ -329,7 +329,7 @@ export const PlayIcon = _PlayIcon
 export const PlugIcon = _PlugIcon
 export const PlusIcon = _PlusIcon
 export const RadioButtonIcon = _RadioButtonIcon
-export const RadioButtonChecked = _RadioButtonChecked
+export const RadioButtonCheckedIcon = _RadioButtonCheckedIcon
 export const ReceiptTextIcon = _ReceiptTextIcon
 export const ReplyIcon = _ReplyIcon
 export const ReportIcon = _ReportIcon
diff --git a/packages/ui/src/components/base/PreviewSelectButton.vue b/packages/ui/src/components/base/PreviewSelectButton.vue
index 59a1f2258..82d19f85f 100644
--- a/packages/ui/src/components/base/PreviewSelectButton.vue
+++ b/packages/ui/src/components/base/PreviewSelectButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RadioButtonIcon, RadioButtonChecked } from '@modrinth/assets'
+import { RadioButtonIcon, RadioButtonCheckedIcon } from '@modrinth/assets'
 
 withDefaults(
   defineProps<{
@@ -15,7 +15,7 @@ withDefaults(
     <slot name="preview" />
     <div>
       <RadioButtonIcon v-if="!checked" class="w-4 h-4" />
-      <RadioButtonChecked v-else class="w-4 h-4" />
+      <RadioButtonCheckedIcon v-else class="w-4 h-4" />
       <slot />
     </div>
   </div>
diff --git a/packages/ui/src/components/base/RadioButtons.vue b/packages/ui/src/components/base/RadioButtons.vue
index fd384c4aa..db5c7ec4a 100644
--- a/packages/ui/src/components/base/RadioButtons.vue
+++ b/packages/ui/src/components/base/RadioButtons.vue
@@ -10,14 +10,14 @@
       }"
       @click="selected = item"
     >
-      <RadioButtonChecked v-if="selected === item" class="text-brand h-5 w-5" />
+      <RadioButtonCheckedIcon v-if="selected === item" class="text-brand h-5 w-5" />
       <RadioButtonIcon v-else class="h-5 w-5" />
       <slot :item="item" />
     </button>
   </div>
 </template>
 <script setup lang="ts" generic="T">
-import { RadioButtonIcon, RadioButtonChecked } from '@modrinth/assets'
+import { RadioButtonIcon, RadioButtonCheckedIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
 const props = withDefaults(
diff --git a/packages/ui/src/components/billing/PurchaseModal.vue b/packages/ui/src/components/billing/PurchaseModal.vue
index 8878d76d7..00d6710bd 100644
--- a/packages/ui/src/components/billing/PurchaseModal.vue
+++ b/packages/ui/src/components/billing/PurchaseModal.vue
@@ -185,7 +185,7 @@
             class="flex cursor-pointer items-center gap-2"
             @click="selectedPlan = interval"
           >
-            <RadioButtonChecked v-if="selectedPlan === interval" class="h-8 w-8 text-brand" />
+            <RadioButtonCheckedIcon v-if="selectedPlan === interval" class="h-8 w-8 text-brand" />
             <RadioButtonIcon v-else class="h-8 w-8 text-secondary" />
             <span
               class="text-lg capitalize"
@@ -483,11 +483,13 @@
           :disabled="paymentLoading || !eulaAccepted"
           @click="submitPayment"
         >
-          <CheckCircleIcon /> Subscribe
+          <CheckCircleIcon />
+          Subscribe
         </button>
         <!-- Default Subscribe Button, so M+ still works -->
         <button v-else class="btn btn-primary" :disabled="paymentLoading" @click="submitPayment">
-          <CheckCircleIcon /> Subscribe
+          <CheckCircleIcon />
+          Subscribe
         </button>
       </template>
     </div>
@@ -507,7 +509,7 @@ import {
   IssuesIcon,
   PayPalIcon,
   PlusIcon,
-  RadioButtonChecked,
+  RadioButtonCheckedIcon,
   RadioButtonIcon,
   RightArrowIcon,
   XIcon,
diff --git a/packages/ui/src/components/settings/ThemeSelector.vue b/packages/ui/src/components/settings/ThemeSelector.vue
index 0a15ba206..85bf64663 100644
--- a/packages/ui/src/components/settings/ThemeSelector.vue
+++ b/packages/ui/src/components/settings/ThemeSelector.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { MoonIcon, RadioButtonChecked, RadioButtonIcon, SunIcon } from '@modrinth/assets'
+import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets'
 import { useVIntl, defineMessages } from '@vintl/vintl'
 
 const { formatMessage } = useVIntl()
@@ -80,7 +80,7 @@ const colorTheme = defineMessages({
         </div>
       </div>
       <div class="label">
-        <RadioButtonChecked v-if="currentTheme === option" class="radio" />
+        <RadioButtonCheckedIcon v-if="currentTheme === option" class="radio" />
         <RadioButtonIcon v-else class="radio" />
         {{ colorTheme[option] ? formatMessage(colorTheme[option]) : option }}
         <SunIcon