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 e295fc5021..0000000000
--- 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 7e1a54e64f..0000000000
--- 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 19e562fdfe..0000000000
--- 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 0611c0b0df..0000000000
--- 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 c8b1cd588f..0000000000
--- 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 b2442799f0..0000000000
--- 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 81c7a615f6..0000000000
--- 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 13cd832da7..0000000000
--- 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 c350eb1a55..0000000000
--- 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 1300b435d6..0000000000
--- 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 d3c06bd928..0000000000
--- 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 f6e6b1752f..0000000000
--- 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 f633db2672..0000000000
--- 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 2b7022366f..0000000000
--- 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 6f2693a389..0000000000
--- 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 144ce2439a..0000000000
--- 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 06dd3b980f..0000000000
--- 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 4d1827d950..0000000000
--- 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 8d3fd9d2d7..0000000000
--- 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 977536891f..0000000000
--- 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 3a93176c22..0000000000
--- 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 7772c5b552..0000000000
--- 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 221d05fcd6..0000000000
--- 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 94c0ceb3e6..0000000000
--- 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 84f0d7d3bf..0000000000
--- 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 3ef764bce0..0000000000
--- 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 98ef3a7541..0000000000
--- 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 7d8048fa5e..0000000000
--- 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 7437709409..0000000000
--- 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 36fbe5a4ea..0000000000
--- 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 dc48b93c8a..0000000000
--- 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 e6fe607ba4..0000000000
--- 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 10ee96fbfb..0000000000
--- 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 09dcf76121..0000000000
--- 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 38a47e0437..0000000000
--- 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 44951634ce..0000000000
--- 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 90908bb315..0000000000
--- 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 292dca417e..0000000000
--- 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 f721c48577..0000000000
--- 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 8e2046a0da..0000000000
--- 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 e7ed57c05f..0000000000
--- 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 336bb00acb..0000000000
--- 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 4f363ce768..0000000000
--- 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 c55b1cdbc4..0000000000
--- 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 a45c6a30e2..0000000000
--- 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 8ae8843687..0000000000
--- 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 ec77384be6..0000000000
--- 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 845dcd6b24..0000000000
--- 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 72ed7aeee7..0000000000
--- 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 743b86d890..0000000000
--- 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 724bc97760..0000000000
--- 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 f5db36f315..0000000000
--- 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 06ded6da5d..0000000000
--- 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 10bfe7538d..0000000000
--- 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 de09d9db31..0000000000
--- 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 f489e18089..0000000000
--- 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 7b092e81ab..0000000000
--- 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 a63b996712..0000000000
--- 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 a6b2e38071..0000000000
--- 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 0494f32d6d..0000000000
--- 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 3284684f3a..0000000000
--- 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 20338ba751..0000000000
--- 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 d624b2079a..0000000000
--- 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 7b33711251..0000000000
--- 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 7da250ede6..0000000000
--- 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 6571ac46ef..0000000000
--- 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 c2e74a3143..0000000000
--- 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 b308a45d54..0000000000
--- 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 3f8507abf6..0000000000
--- 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 6046f15180..0000000000
--- 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 204821423f..0000000000
--- 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 35ce90a3e8..0000000000
--- 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 e20fad810a..0000000000
--- 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 54e05379db..0000000000
--- 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 5accf92ee3..0000000000
--- 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 9a4bef40e4..0000000000
--- 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 f4131b85f2..0000000000
--- 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 859fb6e60d..0000000000
--- 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 2df4827764..0000000000
--- 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 0854bd0188..0000000000
--- 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 e6255561a8..0000000000
--- 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 e84d064985..0000000000
--- 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 d39bfbc02d..0000000000
--- 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 37c7524568..0000000000
--- 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 8929f6ca33..0000000000
--- 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 731d939cce..0000000000
--- 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 dfda16c244..0000000000
--- 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 1a124d2696..0000000000
--- 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 000b3c115f..0000000000
--- 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 b4a29e8ac0..0000000000
--- 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 10ff29218f..0000000000
--- 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 09e5ff83ab..0000000000
--- 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 b8244f0de6..0000000000
--- 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 34d4b2b6a9..0000000000
--- 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 4168597607..0000000000
--- 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 e83cf9bf55..0000000000
--- 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 260e6d41e6..0000000000
--- 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 d064d85425..0000000000
--- 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 6e20061f4d..0000000000
--- 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 35ab1dc082..889a2484a1 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 ddfe943667..b21786c750 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 7d5f1da11c..3fd248324c 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 7161a3a6b2..98cb14c06a 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 4ea2897440..84254dde6f 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 0316457888..f815e049b7 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 14c92ac94d..703d19a9aa 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 e9adf443ba..c1471ca9d8 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 1f01cda876..329b85fabd 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 b04408887c..99fb555ca1 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 5365e65bcc..4a71f2ee3f 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 63f75715e9..d608631b62 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 313b1c12c0..b44e20fa4a 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 f92a177cae..192603c8ff 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 450b9ac678..abec85273a 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 308524cfae..d1192e54b6 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 4441a9a314..80f9ff2242 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 11d38289be..8312caa2ec 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 cd946ad1d8..c4a64e9ab3 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 dc250b836f..de894c0216 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 cd7081aa4e..9ccb4eddad 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 d346a60cc8..e193f1f3ea 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 8fd5689cdb..9212f1733f 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 6db09cb9c4..c820b39138 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 11c86c38e4..a5201a3316 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 2b7d63fa7e..5560110f2d 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 8d6a759737..931b38463e 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 b48431d071..01d7a5fd1e 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 c3a1839602..4bc13fae97 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 4dcd6f8891..4dbb509d66 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 7d2372cffc..5131132dba 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 f65043b453..9a78ceadd0 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 e33b382f99..4a2266bd33 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 200607c665..ebce581f46 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 e5da770f86..8dfcf3b263 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 958ce345e6..953b488230 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 563c764c5b..4d971dd4a1 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 01a3f2cbd5..239dab7c95 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 00bd02269a..45480f69e6 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 59a1f22581..82d19f85fa 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 fd384c4aa3..db5c7ec4a9 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 8878d76d73..00d6710bde 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 0a15ba206e..85bf64663b 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