diff --git a/public/icons/progress-icons.svg b/public/icons/progress-icons.svg
new file mode 100644
index 0000000..a3ab712
--- /dev/null
+++ b/public/icons/progress-icons.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="progress0" viewBox="0 0 24 24">
+    <path d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z" />
+  </symbol>
+  <symbol id="progress1" viewBox="0 0 24 24">
+    <path d="m19,3l-14,0c-1.11,0 -2,0.89 -2,2l0,14a2,2 0 0 0 2,2l14,0a2,2 0 0 0 2,-2l0,-14c0,-1.11 -0.9,-2 -2,-2m0,2l0,14l-14,0l0,-14l14,0z" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 4.4000001,4.25 19.6,19.75" />
+  </symbol>
+  <symbol id="progress2" viewBox="0 0 24 24">
+    <path d="m19,3l-14,0c-1.11,0 -2,0.89 -2,2l0,14a2,2 0 0 0 2,2l14,0a2,2 0 0 0 2,-2l0,-14c0,-1.11 -0.9,-2 -2,-2m0,2l0,14l-14,0l0,-14l14,0z" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 4.4000001,4.25 19.6,19.75" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 19.5,4.5500002 4.9000001,19.049999" />
+  </symbol>
+  <symbol id="progress3" viewBox="0 0 24 24">
+    <path d="m19,3l-14,0c-1.11,0 -2,0.89 -2,2l0,14a2,2 0 0 0 2,2l14,0a2,2 0 0 0 2,-2l0,-14c0,-1.11 -0.9,-2 -2,-2m0,2l0,14l-14,0l0,-14l14,0z" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 4.4000001,4.25 19.6,19.75" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 19.5,4.5500002 4.9000001,19.049999" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 4.3000002,11.95 H 19.4" />
+  </symbol>
+  <symbol id="progress4" viewBox="0 0 24 24">
+    <path d="m19,3l-14,0c-1.11,0 -2,0.89 -2,2l0,14a2,2 0 0 0 2,2l14,0a2,2 0 0 0 2,-2l0,-14c0,-1.11 -0.9,-2 -2,-2m0,2l0,14l-14,0l0,-14l14,0z" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 4.4000001,4.25 19.6,19.75" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 19.5,4.5500002 4.9000001,19.049999" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 4.3000002,11.95 H 19.4" />
+    <path style="stroke:currentColor;stroke-width:2" d="M 12,4.25 V 19.450001" />
+  </symbol>
+</svg>
\ No newline at end of file
diff --git a/src/lib/tracks.ts b/src/lib/tracks.ts
index 7a6270c..75ff933 100644
--- a/src/lib/tracks.ts
+++ b/src/lib/tracks.ts
@@ -5,15 +5,15 @@ import { clockRoll } from './roll';
 export const boxIcon = (value: number): string => {
   switch (value) {
     case 0:
-      return 'mdi-checkbox-blank-outline';
+      return 'svguse:icons/progress-icons.svg#progress0';
     case 1:
-      return 'mdi-circle-small';
+      return 'svguse:icons/progress-icons.svg#progress1';
     case 2:
-      return 'mdi-star-four-points';
+      return 'svguse:icons/progress-icons.svg#progress2';
     case 3:
-      return 'mdi-hexagram';
+      return 'svguse:icons/progress-icons.svg#progress3';
     case 4:
-      return 'mdi-flare';
+      return 'svguse:icons/progress-icons.svg#progress4';
     default:
       break;
   }