diff --git a/frontend/app/public/assets/streaks/streak_100.svg b/frontend/app/public/assets/streaks/streak_100.svg
new file mode 100644
index 0000000000..ca5e395001
--- /dev/null
+++ b/frontend/app/public/assets/streaks/streak_100.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 189 145" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:bx="https://boxy-svg.com">
+  <defs>
+    <linearGradient id="color-0" bx:pinned="true">
+      <title>Silver</title>
+      <stop style="stop-color: #ada996;" offset="0"/>
+      <stop style="stop-color: #f2f2f2;" offset="0.33"/>
+      <stop style="stop-color: #dbdbdb;" offset="0.67"/>
+      <stop style="stop-color: #eaeaea;" offset="1"/>
+    </linearGradient>
+    <linearGradient id="color-1" bx:pinned="true">
+      <stop style="stop-color: rgb(255, 159, 0);" offset="0"/>
+      <stop style="stop-color: rgb(174, 54, 219);" offset="1"/>
+    </linearGradient>
+    <radialGradient id="color-1-0" gradientUnits="userSpaceOnUse" cx="251.384" cy="210.339" r="93.291" gradientTransform="matrix(0.827363, -0.561668, 0.6988, 1.029366, -86.554646, 127.432972)" xlink:href="#color-1"/>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -105.884209, -92.226562)">
+    <g>
+      <path style="stroke: rgb(0, 0, 0); stroke-width: 0px; fill: url('#color-1-0'); filter: none;" d="M 105.688 101.956 L 186.068 212.782 C 229.483 260.064 274.964 223.067 281.175 212.48 C 296.682 195.386 300.95 143.31 259.391 123.54 C 257.231 121.098 152.786 94.115 152.786 94.115 L 189.501 138.101 L 105.688 101.956 Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/app/public/assets/streaks/streak_365.svg b/frontend/app/public/assets/streaks/streak_365.svg
new file mode 100644
index 0000000000..a442e20bc3
--- /dev/null
+++ b/frontend/app/public/assets/streaks/streak_365.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 189 145" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:bx="https://boxy-svg.com">
+  <defs>
+    <linearGradient id="color-0" bx:pinned="true">
+      <title>Silver</title>
+      <stop style="stop-color: #ada996;" offset="0"/>
+      <stop style="stop-color: #f2f2f2;" offset="0.33"/>
+      <stop style="stop-color: #dbdbdb;" offset="0.67"/>
+      <stop style="stop-color: #eaeaea;" offset="1"/>
+    </linearGradient>
+    <linearGradient id="color-1" bx:pinned="true">
+      <stop style="stop-color: rgb(255, 255, 255);" offset="0"/>
+      <stop style="stop-color: rgb(210, 171, 19);" offset="1"/>
+    </linearGradient>
+    <radialGradient id="color-1-0" gradientUnits="userSpaceOnUse" cx="264.116" cy="204.051" r="93.291" gradientTransform="matrix(0.827363, -0.561668, 0.6988, 1.029366, -86.554646, 127.432972)" xlink:href="#color-1"/>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -105.884209, -92.226562)">
+    <g>
+      <path style="stroke: rgb(0, 0, 0); stroke-width: 0px; fill: url('#color-1-0'); filter: none;" d="M 105.688 101.956 L 186.068 212.782 C 229.483 260.064 274.964 223.067 281.175 212.48 C 296.682 195.386 300.95 143.31 259.391 123.54 C 257.231 121.098 152.786 94.115 152.786 94.115 L 189.501 138.101 L 105.688 101.956 Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/app/src/components/home/profile/Streak.svelte b/frontend/app/src/components/home/profile/Streak.svelte
index ce6f229ed0..7c439b0888 100644
--- a/frontend/app/src/components/home/profile/Streak.svelte
+++ b/frontend/app/src/components/home/profile/Streak.svelte
@@ -2,7 +2,14 @@
     import TooltipWrapper from "../../TooltipWrapper.svelte";
     import TooltipPopup from "../../TooltipPopup.svelte";
 
-    type Streak = "none" | "three" | "seven" | "fourteen" | "thirty";
+    type Streak =
+        | "none"
+        | "three"
+        | "seven"
+        | "fourteen"
+        | "thirty"
+        | "one hundred"
+        | "three six five";
 
     export let days: number = 0;
     export let showTooltip = true;
@@ -21,10 +28,14 @@
                 ? "seven"
                 : days < 30
                   ? "fourteen"
-                  : "thirty";
+                  : days < 100
+                    ? "thirty"
+                    : days < 365
+                      ? "one hundred"
+                      : "three six five";
     }
 
-    function streakNumber(streak: Streak): 0 | 3 | 7 | 14 | 30 {
+    function streakNumber(streak: Streak): 0 | 3 | 7 | 14 | 30 | 100 | 365 {
         switch (streak) {
             case "none":
                 return 0;
@@ -36,6 +47,10 @@
                 return 14;
             case "thirty":
                 return 30;
+            case "one hundred":
+                return 100;
+            case "three six five":
+                return 365;
         }
     }
 </script>
@@ -43,7 +58,7 @@
 {#if show}
     {#if showTooltip}
         <TooltipWrapper position="top" align="middle">
-            <div slot="target" class:disabled class={`icon ${streak}`}>
+            <div slot="target" class:disabled class={`icon ${streak.replace(/ /g, "_")}`}>
                 {num}
             </div>
             <div let:position let:align slot="tooltip">
@@ -95,6 +110,20 @@
             background-image: url("/assets/streaks/streak_thirty.svg");
             color: rgb(255, 0, 0);
         }
+
+        &.one_hundred {
+            background-image: url("/assets/streaks/streak_100.svg");
+            color: white;
+            text-shadow: 0.5px 0.5px 0.5px #555;
+        }
+
+        &.three_six_five {
+            background-image: url("/assets/streaks/streak_365.svg");
+            color: white;
+            text-shadow: 0.5px 0.5px 0.5px #555;
+            padding: 0 0 0 7px;
+        }
+
         &.disabled {
             background-image: url("/assets/streaks/streak_disabled.svg");
             color: #888;