From fd5ccf4e19c6e2e2553aa515aaba24a8d55002e9 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Thu, 12 Nov 2020 11:15:30 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Animated=20colors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/svgs/modern/animated/bd_double_arrow.svg      |  5 ++++-
 .../src/svgs/modern/animated/bottom_left_corner.svg   | 11 +++++++++--
 .../src/svgs/modern/animated/bottom_right_corner.svg  | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/bottom_side.svg  | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/bottom_tee.svg   |  5 ++++-
 .../rainbow/src/svgs/modern/animated/center_ptr.svg   |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/circle.svg  |  7 +++++--
 .../rainbow/src/svgs/modern/animated/context_menu.svg |  7 +++++--
 packages/rainbow/src/svgs/modern/animated/copy.svg    |  7 +++++--
 packages/rainbow/src/svgs/modern/animated/cross.svg   |  5 ++++-
 .../src/svgs/modern/animated/crossed_circle.svg       |  2 +-
 .../rainbow/src/svgs/modern/animated/crosshair.svg    | 10 ++++++++--
 packages/rainbow/src/svgs/modern/animated/dnd_ask.svg |  7 +++++--
 .../rainbow/src/svgs/modern/animated/dnd_copy.svg     |  7 +++++--
 .../rainbow/src/svgs/modern/animated/dnd_link.svg     |  7 +++++--
 .../rainbow/src/svgs/modern/animated/dnd_move.svg     |  7 +++++--
 .../rainbow/src/svgs/modern/animated/dnd_no_drop.svg  |  7 +++++--
 packages/rainbow/src/svgs/modern/animated/dotbox.svg  |  5 ++++-
 .../src/svgs/modern/animated/fd_double_arrow.svg      |  5 ++++-
 .../rainbow/src/svgs/modern/animated/grabbing.svg     |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/hand1.svg   |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/hand2.svg   |  5 ++++-
 .../rainbow/src/svgs/modern/animated/left_ptr.svg     |  5 ++++-
 .../src/svgs/modern/animated/left_ptr_watch.svg       |  5 ++++-
 .../rainbow/src/svgs/modern/animated/left_side.svg    | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/left_tee.svg     |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/link.svg    |  7 +++++--
 .../rainbow/src/svgs/modern/animated/ll_angle.svg     |  5 ++++-
 .../rainbow/src/svgs/modern/animated/lr_angle.svg     |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/move.svg    |  8 +++++++-
 packages/rainbow/src/svgs/modern/animated/pencil.svg  |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/plus.svg    | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/pointer_move.svg |  7 +++++--
 .../src/svgs/modern/animated/question_arrow.svg       |  5 ++++-
 .../rainbow/src/svgs/modern/animated/right_ptr.svg    |  5 ++++-
 .../rainbow/src/svgs/modern/animated/right_side.svg   | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/right_tee.svg    |  5 ++++-
 .../src/svgs/modern/animated/sb_down_arrow.svg        |  5 ++++-
 .../src/svgs/modern/animated/sb_h_double_arrow.svg    |  5 ++++-
 .../src/svgs/modern/animated/sb_left_arrow.svg        |  5 ++++-
 .../src/svgs/modern/animated/sb_right_arrow.svg       |  5 ++++-
 .../rainbow/src/svgs/modern/animated/sb_up_arrow.svg  |  5 ++++-
 .../src/svgs/modern/animated/sb_v_double_arrow.svg    |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/tcross.svg  |  5 ++++-
 .../src/svgs/modern/animated/top_left_corner.svg      | 10 ++++++++--
 .../src/svgs/modern/animated/top_right_corner.svg     | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/top_side.svg     | 10 ++++++++--
 packages/rainbow/src/svgs/modern/animated/top_tee.svg |  5 ++++-
 .../rainbow/src/svgs/modern/animated/ul_angle.svg     |  5 ++++-
 .../rainbow/src/svgs/modern/animated/ur_angle.svg     |  5 ++++-
 .../src/svgs/modern/animated/vertical_text.svg        |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/xterm.svg   |  5 ++++-
 packages/rainbow/src/svgs/modern/animated/zoom_in.svg | 10 ++++++++--
 .../rainbow/src/svgs/modern/animated/zoom_out.svg     |  5 ++++-
 .../rainbow/src/svgs/original/animated/all_scroll.svg |  5 ++++-
 .../src/svgs/original/animated/bd_double_arrow.svg    |  5 ++++-
 .../src/svgs/original/animated/bottom_left_corner.svg | 10 ++++++++--
 .../svgs/original/animated/bottom_right_corner.svg    | 10 ++++++++--
 .../src/svgs/original/animated/bottom_side.svg        | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/bottom_tee.svg |  5 ++++-
 .../rainbow/src/svgs/original/animated/center_ptr.svg |  5 ++++-
 .../rainbow/src/svgs/original/animated/circle.svg     |  7 +++++--
 .../src/svgs/original/animated/context_menu.svg       |  7 +++++--
 packages/rainbow/src/svgs/original/animated/copy.svg  |  7 +++++--
 packages/rainbow/src/svgs/original/animated/cross.svg |  5 ++++-
 .../src/svgs/original/animated/crossed_circle.svg     |  2 +-
 .../rainbow/src/svgs/original/animated/crosshair.svg  | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/dnd_ask.svg    |  7 +++++--
 .../rainbow/src/svgs/original/animated/dnd_copy.svg   |  7 +++++--
 .../rainbow/src/svgs/original/animated/dnd_link.svg   |  7 +++++--
 .../rainbow/src/svgs/original/animated/dnd_move.svg   |  7 +++++--
 .../src/svgs/original/animated/dnd_no_drop.svg        |  7 +++++--
 .../rainbow/src/svgs/original/animated/dnd_none.svg   |  5 ++++-
 .../rainbow/src/svgs/original/animated/dotbox.svg     |  5 ++++-
 .../src/svgs/original/animated/fd_double_arrow.svg    |  5 ++++-
 .../rainbow/src/svgs/original/animated/grabbing.svg   |  5 ++++-
 packages/rainbow/src/svgs/original/animated/hand1.svg |  5 ++++-
 packages/rainbow/src/svgs/original/animated/hand2.svg |  5 ++++-
 .../rainbow/src/svgs/original/animated/left_ptr.svg   |  5 ++++-
 .../src/svgs/original/animated/left_ptr_watch.svg     |  5 ++++-
 .../rainbow/src/svgs/original/animated/left_side.svg  | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/left_tee.svg   |  5 ++++-
 packages/rainbow/src/svgs/original/animated/link.svg  |  7 +++++--
 .../rainbow/src/svgs/original/animated/ll_angle.svg   |  5 ++++-
 .../rainbow/src/svgs/original/animated/lr_angle.svg   |  5 ++++-
 packages/rainbow/src/svgs/original/animated/move.svg  |  5 ++++-
 .../rainbow/src/svgs/original/animated/pencil.svg     |  5 ++++-
 packages/rainbow/src/svgs/original/animated/plus.svg  | 10 ++++++++--
 .../src/svgs/original/animated/pointer_move.svg       |  7 +++++--
 .../src/svgs/original/animated/question_arrow.svg     |  5 ++++-
 .../rainbow/src/svgs/original/animated/right_ptr.svg  |  5 ++++-
 .../rainbow/src/svgs/original/animated/right_side.svg | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/right_tee.svg  |  5 ++++-
 .../src/svgs/original/animated/sb_down_arrow.svg      |  5 ++++-
 .../src/svgs/original/animated/sb_h_double_arrow.svg  |  5 ++++-
 .../src/svgs/original/animated/sb_left_arrow.svg      |  5 ++++-
 .../src/svgs/original/animated/sb_right_arrow.svg     |  5 ++++-
 .../src/svgs/original/animated/sb_up_arrow.svg        |  5 ++++-
 .../src/svgs/original/animated/sb_v_double_arrow.svg  |  5 ++++-
 .../rainbow/src/svgs/original/animated/tcross.svg     |  5 ++++-
 .../src/svgs/original/animated/top_left_corner.svg    | 10 ++++++++--
 .../src/svgs/original/animated/top_right_corner.svg   | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/top_side.svg   | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/top_tee.svg    |  5 ++++-
 .../rainbow/src/svgs/original/animated/ul_angle.svg   |  5 ++++-
 .../rainbow/src/svgs/original/animated/ur_angle.svg   |  5 ++++-
 .../src/svgs/original/animated/vertical_text.svg      |  5 ++++-
 packages/rainbow/src/svgs/original/animated/xterm.svg |  5 ++++-
 .../rainbow/src/svgs/original/animated/zoom_in.svg    | 10 ++++++++--
 .../rainbow/src/svgs/original/animated/zoom_out.svg   |  5 ++++-
 110 files changed, 546 insertions(+), 152 deletions(-)

diff --git a/packages/rainbow/src/svgs/modern/animated/bd_double_arrow.svg b/packages/rainbow/src/svgs/modern/animated/bd_double_arrow.svg
index 512814c5..f59a8a95 100644
--- a/packages/rainbow/src/svgs/modern/animated/bd_double_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/bd_double_arrow.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M73.5522 87.0156L60.5756 99.9662L44.3458 44.8456L99.4931 61.102L86.5165 74.0526L125.449 112.985L138.399 100.008L154.654 155.154L99.5338 138.924L112.484 125.948L73.5522 87.0156Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="28.2646" y="32.7629" width="142.477" height="142.477" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/bottom_left_corner.svg b/packages/rainbow/src/svgs/modern/animated/bottom_left_corner.svg
index c950b0d8..c62beb3b 100644
--- a/packages/rainbow/src/svgs/modern/animated/bottom_left_corner.svg
+++ b/packages/rainbow/src/svgs/modern/animated/bottom_left_corner.svg
@@ -1,11 +1,18 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M170.329 147H170.333C177.228 146.994 182.565 141.046 181.952 134.225L181.935 134.031L181.902 133.839C176.792 103.6 161.2 75.294 140.114 54.0097C119.046 32.7431 92.1752 18.1818 64.2987 16.015L64.0283 15.994L63.7572 16.0024C63.6941 16.0043 63.6294 16.0063 63.5631 16.0082C62.0199 16.0544 59.6499 16.1252 57.7007 16.9216C56.485 17.4183 55.1601 18.2859 54.2057 19.7712C53.2734 21.2222 53 22.7892 53 24.1524V138.864C53 142.837 55.9303 144.949 57.7652 145.803C59.6805 146.694 61.8228 147 63.5115 147C63.5117 147 63.5119 147 63.5121 147H170.329Z"
-        fill="#96C865" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M28.7692 113C31.4032 113 33.5385 115.141 33.5385 117.783V169.435H81.2308C83.8647 169.435 86 171.576 86 174.217C86 176.859 83.8647 179 81.2308 179H28.7692C26.1353 179 24 176.859 24 174.217V117.783C24 115.141 26.1353 113 28.7692 113Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M38.5385 117.783C38.5385 112.393 34.1778 108 28.7692 108C23.3606 108 19 112.393 19 117.783V174.217C19 179.607 23.3606 184 28.7692 184H81.2308C86.6394 184 91 179.607 91 174.217C91 168.828 86.6394 164.435 81.2308 164.435H38.5385V117.783Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/modern/animated/bottom_right_corner.svg b/packages/rainbow/src/svgs/modern/animated/bottom_right_corner.svg
index d27c8f80..fc14cf3c 100644
--- a/packages/rainbow/src/svgs/modern/animated/bottom_right_corner.svg
+++ b/packages/rainbow/src/svgs/modern/animated/bottom_right_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M30.6673 147H30.6714H137.488C137.488 147 137.488 147 137.489 147C139.177 147 141.319 146.694 143.235 145.803C145.07 144.949 148 142.837 148 138.864V24.1524C148 22.7892 147.727 21.2222 146.794 19.7712C145.84 18.2859 144.515 17.4183 143.299 16.9216C141.35 16.1252 138.98 16.0544 137.437 16.0082C137.371 16.0063 137.306 16.0043 137.243 16.0024L136.972 15.994L136.701 16.015C108.825 18.1818 81.9545 32.7431 60.8858 54.0097C39.7996 75.294 24.2079 103.6 19.0975 133.839L19.0651 134.031L19.0476 134.225C18.4355 141.046 23.772 146.994 30.6673 147Z"
-        fill="#FDBE2A" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M172.231 113C169.597 113 167.462 115.141 167.462 117.783V169.435H119.769C117.135 169.435 115 171.576 115 174.217C115 176.859 117.135 179 119.769 179H172.231C174.865 179 177 176.859 177 174.217V117.783C177 115.141 174.865 113 172.231 113Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M172.231 108C166.822 108 162.462 112.393 162.462 117.783V164.435H119.769C114.361 164.435 110 168.828 110 174.217C110 179.607 114.361 184 119.769 184H172.231C177.639 184 182 179.607 182 174.217V117.783C182 112.393 177.639 108 172.231 108Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/modern/animated/bottom_side.svg b/packages/rainbow/src/svgs/modern/animated/bottom_side.svg
index 69460ee0..b67d9532 100644
--- a/packages/rainbow/src/svgs/modern/animated/bottom_side.svg
+++ b/packages/rainbow/src/svgs/modern/animated/bottom_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M24.6959 59.7626L98.949 134.407C100.395 135.861 103.041 134.372 104.571 132.836L174.201 62.8394C176.755 60.2673 176.565 56.0457 173.789 53.7174C129.659 22.2589 63.6074 21.8879 26.5091 53.843C25.6609 54.442 22.6581 57.4223 24.6959 59.7626Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M35.0003 164.741C35.0358 167.748 37.9155 170.999 41.7053 170.999H157.295C161.288 171.057 164.016 167.504 164 164.423C163.99 161.385 161.295 158.005 157.323 158.005C118.786 157.97 80.2433 158.127 41.7046 158.217C37.5952 158.208 34.9672 161.672 35.0003 164.741Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8.99695" y="19" width="182.003" height="170.999" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/bottom_tee.svg b/packages/rainbow/src/svgs/modern/animated/bottom_tee.svg
index 1b213eca..620e9091 100644
--- a/packages/rainbow/src/svgs/modern/animated/bottom_tee.svg
+++ b/packages/rainbow/src/svgs/modern/animated/bottom_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M20.5 164.5C20.5 167.261 22.7386 169.5 25.5 169.5H172C174.761 169.5 177 167.261 177 164.5C177 161.739 174.761 159.5 172 159.5H103.75V29.5C103.75 26.7386 101.511 24.5 98.75 24.5C95.9886 24.5 93.75 26.7386 93.75 29.5V159.5H25.5C22.7386 159.5 20.5 161.739 20.5 164.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8" y="16" width="181.5" height="170" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/center_ptr.svg b/packages/rainbow/src/svgs/modern/animated/center_ptr.svg
index 3b43121d..8984159b 100644
--- a/packages/rainbow/src/svgs/modern/animated/center_ptr.svg
+++ b/packages/rainbow/src/svgs/modern/animated/center_ptr.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M111.3 37.5476C102.36 18.3762 93.0301 21.4059 85.102 40.516L39.6194 145.397C36.2099 153.358 41.6433 167.793 49.9085 167.462C58.1738 167.13 78.6269 151.769 100.074 151.5C121.521 151.231 141.976 166.364 150.652 166.255C159.327 166.147 163.333 149.43 159.8 141.555L111.3 37.5476Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="22" y="12" width="155.665" height="176.053" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/circle.svg b/packages/rainbow/src/svgs/modern/animated/circle.svg
index e67e6bba..817780c4 100644
--- a/packages/rainbow/src/svgs/modern/animated/circle.svg
+++ b/packages/rainbow/src/svgs/modern/animated/circle.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
             fill="#0000FF" />
         <path
             d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-            fill="#B91E31" />
+            fill="#00FF00" />
         <path
             d="M97.5002 107C91.0055 107 84.7766 109.474 80.1825 113.878C75.5883 118.281 73.0048 124.255 73 130.485C72.9979 133.46 73.5843 136.407 74.7283 139.172L115.814 114.908C113.517 112.424 110.698 110.434 107.541 109.071C104.384 107.708 100.962 107.002 97.5002 107ZM120.272 121.768L79.1556 146.032C81.4502 148.531 84.2724 150.534 87.4351 151.907C90.5977 153.281 94.0285 153.994 97.5002 154C100.719 154 103.906 153.392 106.879 152.21C109.852 151.028 112.554 149.295 114.829 147.112C117.104 144.928 118.908 142.336 120.139 139.483C121.369 136.63 122.002 133.572 122 130.485C122.006 127.5 121.42 124.542 120.272 121.768Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/context_menu.svg b/packages/rainbow/src/svgs/modern/animated/context_menu.svg
index 25112d29..752d7fb1 100644
--- a/packages/rainbow/src/svgs/modern/animated/context_menu.svg
+++ b/packages/rainbow/src/svgs/modern/animated/context_menu.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
             fill="#0000FF" />
         <path
             d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-            fill="#5F3BE4" />
+            fill="#00FF00" />
         <path
             d="M98.5 105C103.049 105 106.75 108.595 106.75 113.014C106.75 117.433 103.049 121.029 98.5 121.029C93.9509 121.029 90.25 117.433 90.25 113.014C90.25 108.595 93.9509 105 98.5 105ZM109 156H88V151.629H92.5V129.771H88V125.4H104.5V151.629H109V156Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/copy.svg b/packages/rainbow/src/svgs/modern/animated/copy.svg
index 287d87ab..0619e0ec 100644
--- a/packages/rainbow/src/svgs/modern/animated/copy.svg
+++ b/packages/rainbow/src/svgs/modern/animated/copy.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
             fill="#0000FF" />
         <path
             d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-            fill="#179DD8" />
+            fill="#00FF00" />
         <path
             d="M121.318 125.091H74.6818C72.6495 125.091 71 126.74 71 128.773V131.227C71 133.26 72.6495 134.909 74.6818 134.909H121.318C123.351 134.909 125 133.26 125 131.227V128.773C125 126.74 123.351 125.091 121.318 125.091Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/cross.svg b/packages/rainbow/src/svgs/modern/animated/cross.svg
index 86bc91b0..dc543245 100644
--- a/packages/rainbow/src/svgs/modern/animated/cross.svg
+++ b/packages/rainbow/src/svgs/modern/animated/cross.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M99.25 18C103.392 18 106.75 21.3579 106.75 25.5V89.75H171C175.142 89.75 178.5 93.1079 178.5 97.25C178.5 101.392 175.142 104.75 171 104.75H106.75V169C106.75 173.142 103.392 176.5 99.25 176.5C95.1079 176.5 91.75 173.142 91.75 169V104.75H27.5C23.3579 104.75 20 101.392 20 97.25C20 93.1079 23.3579 89.75 27.5 89.75H91.75V25.5C91.75 21.3579 95.1079 18 99.25 18Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="7" y="9" width="184.5" height="184.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/crossed_circle.svg b/packages/rainbow/src/svgs/modern/animated/crossed_circle.svg
index 0c394d15..a29de060 100644
--- a/packages/rainbow/src/svgs/modern/animated/crossed_circle.svg
+++ b/packages/rainbow/src/svgs/modern/animated/crossed_circle.svg
@@ -7,7 +7,7 @@
         </g>
         <path
             d="M169.308 100.5C169.308 139.054 138.054 170.308 99.5 170.308C60.9463 170.308 29.6923 139.054 29.6923 100.5C29.6923 61.9463 60.9463 30.6923 99.5 30.6923C138.054 30.6923 169.308 61.9463 169.308 100.5Z"
-            fill="#B91E31" />
+            fill="#00FF00" />
         <path
             d="M100 55C87.2762 55 75.0725 59.8949 66.0718 68.6088C57.071 77.3227 52.0094 89.1425 52 101.47C51.9958 107.356 53.1448 113.189 55.3861 118.66L135.881 70.6482C131.381 65.7319 125.856 61.7954 119.672 59.0982C113.487 56.401 106.783 55.0042 100 55ZM144.614 84.2218L64.0599 132.233C68.5556 137.178 74.0848 141.141 80.2809 143.859C86.4771 146.577 93.1987 147.989 100 148C106.306 148 112.55 146.796 118.375 144.457C124.2 142.119 129.493 138.691 133.95 134.37C138.408 130.049 141.943 124.92 144.354 119.275C146.765 113.63 148.003 107.58 148 101.47C148.012 95.5647 146.863 89.7109 144.614 84.2218Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/crosshair.svg b/packages/rainbow/src/svgs/modern/animated/crosshair.svg
index 9ef65302..c9236152 100644
--- a/packages/rainbow/src/svgs/modern/animated/crosshair.svg
+++ b/packages/rainbow/src/svgs/modern/animated/crosshair.svg
@@ -6,10 +6,16 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M100 17.5C104.142 17.5 107.5 20.8579 107.5 25V81.25C107.5 85.3921 104.142 88.75 100 88.75C95.8579 88.75 92.5 85.3921 92.5 81.25V25C92.5 20.8579 95.8579 17.5 100 17.5ZM100 111.25C104.142 111.25 107.5 114.608 107.5 118.75V175C107.5 179.142 104.142 182.5 100 182.5C95.8579 182.5 92.5 179.142 92.5 175V118.75C92.5 114.608 95.8579 111.25 100 111.25Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M17.5 100C17.5 95.8579 20.8579 92.5 25 92.5H81.25C85.3921 92.5 88.75 95.8579 88.75 100C88.75 104.142 85.3921 107.5 81.25 107.5H25C20.8579 107.5 17.5 104.142 17.5 100ZM111.25 100C111.25 95.8579 114.608 92.5 118.75 92.5H175C179.142 92.5 182.5 95.8579 182.5 100C182.5 104.142 179.142 107.5 175 107.5H118.75C114.608 107.5 111.25 104.142 111.25 100Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="5" y="9" width="190" height="190" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/dnd_ask.svg b/packages/rainbow/src/svgs/modern/animated/dnd_ask.svg
index 8293141b..9f438451 100644
--- a/packages/rainbow/src/svgs/modern/animated/dnd_ask.svg
+++ b/packages/rainbow/src/svgs/modern/animated/dnd_ask.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9188C71.7685 48.2608 66.9389 53.7085 67.303 59.3382L68.0005 69.3175C68.1775 71.8541 65.8019 72.3843 65.526 70.4368L64.6517 64.2644C63.8782 58.9461 58.5637 54.6933 53.1794 55.084C47.2553 55.6141 42.4921 61.7892 43.5067 67.6233L47.3055 91.2608C47.3422 92.1706 47.081 96.8588 47.081 96.8588L42.1321 86.7827C34.9031 92.2022 24.3884 99.1327 29.2317 114.465C34.9639 132.611 52.1059 154.472 62.6023 154.405L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.648L136.079 71.7663C136.036 64.9579 131.653 57.8277 124.832 58.3315C120.218 58.5942 115.986 62.1364 114.934 66.6161L113.664 73.3479C113.286 75.3553 112.614 74.5296 112.765 72.9004L114.192 57.4386C114.586 51.3609 108.825 45.6265 102.719 46.0192C97.4413 46.3445 92.8075 51.0595 92.5967 56.3191L91.3948 67.0786C91.114 69.5922 89.5234 69.6541 89.3703 66.8549L88.8981 58.2194C88.6699 52.5118 83.1526 47.5579 77.4256 47.9188Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#FFCC00" />
+            fill="#00FF00" />
         <path
             d="M138 166C141.611 166 144.538 163.062 144.538 159.438C144.538 155.813 141.611 152.875 138 152.875C134.389 152.875 131.462 155.813 131.462 159.438C131.462 163.062 134.389 166 138 166Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/dnd_copy.svg b/packages/rainbow/src/svgs/modern/animated/dnd_copy.svg
index ca08f2c7..f1cc4ab8 100644
--- a/packages/rainbow/src/svgs/modern/animated/dnd_copy.svg
+++ b/packages/rainbow/src/svgs/modern/animated/dnd_copy.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#179DD8" />
+            fill="#00FF00" />
         <path
             d="M161.318 133.091H114.682C112.649 133.091 111 134.74 111 136.773V139.227C111 141.26 112.649 142.909 114.682 142.909H161.318C163.351 142.909 165 141.26 165 139.227V136.773C165 134.74 163.351 133.091 161.318 133.091Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/dnd_link.svg b/packages/rainbow/src/svgs/modern/animated/dnd_link.svg
index 8c42701d..897f6a77 100644
--- a/packages/rainbow/src/svgs/modern/animated/dnd_link.svg
+++ b/packages/rainbow/src/svgs/modern/animated/dnd_link.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#06B231" />
+            fill="#00FF00" />
         <path
             d="M156.251 149.766C156.016 149.766 155.782 149.779 155.553 149.809L152.887 141.425C153.923 140.955 154.857 140.312 155.654 139.531C157.391 137.828 158.466 135.479 158.466 132.889C158.466 127.704 154.159 123.486 148.865 123.486C146.221 123.486 143.822 124.539 142.083 126.24C140.342 127.943 139.265 130.295 139.265 132.889C139.265 134.045 139.48 135.153 139.871 136.177L135.152 138.75C133.364 135.995 130.383 134.05 126.927 133.619V130.202C128.633 129.914 130.164 129.119 131.348 127.978C132.886 126.497 133.842 124.436 133.842 122.161C133.842 117.661 130.104 114 125.509 114C123.186 114 121.082 114.936 119.57 116.443C118.091 117.916 117.176 119.936 117.176 122.161C117.176 126.126 120.077 129.437 123.909 130.17V133.632C121.375 133.972 119.102 135.123 117.374 136.811C115.29 138.845 114 141.658 114 144.76C114 150.954 119.145 155.992 125.468 155.992C128.636 155.992 131.507 154.728 133.584 152.687C135.655 150.655 136.936 147.85 136.936 144.76C136.936 143.605 136.757 142.49 136.424 141.44L141.361 138.746C143.122 140.905 145.831 142.291 148.865 142.291C149.242 142.291 149.615 142.263 149.982 142.234L152.698 150.774C152.284 151.027 151.898 151.32 151.55 151.653C150.289 152.855 149.503 154.535 149.503 156.391C149.503 160.035 152.531 163 156.252 163C158.147 163 159.862 162.231 161.089 160.996C162.273 159.805 163 158.179 163 156.391C163 152.746 159.972 149.781 156.252 149.781L156.251 149.766Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/dnd_move.svg b/packages/rainbow/src/svgs/modern/animated/dnd_move.svg
index 0c342cbe..451713ad 100644
--- a/packages/rainbow/src/svgs/modern/animated/dnd_move.svg
+++ b/packages/rainbow/src/svgs/modern/animated/dnd_move.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#5F3BE4" />
+            fill="#00FF00" />
         <path
             d="M119.268 146.732C120.244 147.709 120.244 149.292 119.268 150.268C118.78 150.756 118.14 151 117.5 151C116.86 151 116.22 150.756 115.732 150.268L105.732 140.268C104.756 139.291 104.756 137.709 105.732 136.732L115.732 126.732C116.708 125.756 118.291 125.756 119.268 126.732C120.244 127.709 120.244 129.291 119.268 130.268L111.036 138.5L119.268 146.732ZM125.732 116.732L135.732 106.732C136.708 105.756 138.291 105.756 139.268 106.732L149.268 116.732C150.244 117.709 150.244 119.292 149.268 120.268C148.78 120.756 148.14 121 147.5 121C146.86 121 146.22 120.756 145.732 120.268L137.5 112.036L129.268 120.268C128.291 121.244 126.708 121.244 125.732 120.268C124.756 119.291 124.756 117.709 125.732 116.732ZM137.5 126C144.393 126 150 131.608 150 138.5C150 145.393 144.393 151 137.5 151C130.607 151 125 145.393 125 138.5C125 131.608 130.607 126 137.5 126ZM149.268 160.268L139.268 170.268C138.78 170.756 138.14 171 137.5 171C136.86 171 136.22 170.756 135.732 170.268L125.732 160.268C124.756 159.291 124.756 157.709 125.732 156.732C126.708 155.756 128.291 155.756 129.268 156.732L137.5 164.964L145.732 156.732C146.709 155.756 148.292 155.756 149.268 156.732C150.244 157.709 150.244 159.292 149.268 160.268ZM159.268 150.268C158.78 150.756 158.14 151 157.5 151C156.86 151 156.22 150.756 155.732 150.268C154.756 149.291 154.756 147.709 155.732 146.732L163.964 138.5L155.732 130.268C154.756 129.291 154.756 127.709 155.732 126.732C156.708 125.756 158.291 125.756 159.268 126.732L169.268 136.732C170.244 137.709 170.244 139.291 169.268 140.268L159.268 150.268Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/dnd_no_drop.svg b/packages/rainbow/src/svgs/modern/animated/dnd_no_drop.svg
index 54af345d..8cf7c27e 100644
--- a/packages/rainbow/src/svgs/modern/animated/dnd_no_drop.svg
+++ b/packages/rainbow/src/svgs/modern/animated/dnd_no_drop.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M191 134C191 162.719 167.719 186 139 186C110.281 186 87 162.719 87 134C87 105.281 110.281 82 139 82C167.719 82 191 105.281 191 134Z"
             fill="#0000FF" />
         <path
             d="M183 134C183 158.301 163.301 178 139 178C114.699 178 95 158.301 95 134C95 109.699 114.699 90 139 90C163.301 90 183 109.699 183 134Z"
-            fill="#B91E31" />
+            fill="#00FF00" />
         <path
             d="M138.5 111C132.006 111 125.777 113.474 121.182 117.878C116.588 122.281 114.005 128.255 114 134.485C113.998 137.46 114.584 140.407 115.728 143.172L156.814 118.908C154.517 116.424 151.698 114.434 148.541 113.071C145.384 111.708 141.962 111.002 138.5 111ZM161.272 125.768L120.156 150.032C122.45 152.531 125.272 154.534 128.435 155.907C131.598 157.281 135.029 157.994 138.5 158C141.719 158 144.906 157.392 147.879 156.21C150.852 155.028 153.554 153.295 155.829 151.112C158.104 148.928 159.908 146.336 161.139 143.483C162.369 140.63 163.002 137.572 163 134.485C163.006 131.5 162.42 128.542 161.272 125.768Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/dotbox.svg b/packages/rainbow/src/svgs/modern/animated/dotbox.svg
index 8c1ee60e..51c1aab5 100644
--- a/packages/rainbow/src/svgs/modern/animated/dotbox.svg
+++ b/packages/rainbow/src/svgs/modern/animated/dotbox.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="18" y="22" width="164" height="164" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/fd_double_arrow.svg b/packages/rainbow/src/svgs/modern/animated/fd_double_arrow.svg
index 56a30580..19cbae7e 100644
--- a/packages/rainbow/src/svgs/modern/animated/fd_double_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/fd_double_arrow.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M125.454 87.0156L138.431 99.9662L154.66 44.8456L99.5131 61.102L112.49 74.0526L73.5574 112.985L60.6068 100.008L44.3517 155.154L99.4724 138.924L86.5218 125.948L125.454 87.0156Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="28.2646" y="32.7629" width="142.477" height="142.477" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/grabbing.svg b/packages/rainbow/src/svgs/modern/animated/grabbing.svg
index fbe1e3a3..6297996f 100644
--- a/packages/rainbow/src/svgs/modern/animated/grabbing.svg
+++ b/packages/rainbow/src/svgs/modern/animated/grabbing.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M95.4256 47.9186C89.7685 48.2606 84.9389 53.7084 85.303 59.3381L86.0005 69.3174C86.1775 71.854 83.8019 72.3842 83.526 70.4367L82.6517 64.2643C81.8782 58.946 76.5637 54.6932 71.1794 55.0839C65.2553 55.614 60.4921 61.7891 61.5067 67.6231L65.3055 91.2607C65.3422 92.1705 65.081 96.8587 65.081 96.8587L60.1321 86.7825C52.9031 92.2021 42.3884 99.1325 47.2317 114.465C52.9639 132.61 70.1059 154.472 80.6023 154.404L144.262 154.181C156.579 127.009 154.28 101.63 154.159 83.6479L154.079 71.7662C154.036 64.9578 149.653 57.8276 142.832 58.3314C138.218 58.5941 133.986 62.1363 132.934 66.616L131.664 73.3478C131.286 75.3552 130.614 74.5295 130.765 72.9002L132.192 57.4385C132.586 51.3607 126.825 45.6264 120.719 46.0191C115.441 46.3444 110.807 51.0594 110.597 56.319L109.395 67.0785C109.114 69.592 107.523 69.654 107.37 66.8547L106.898 58.2193C106.67 52.5117 101.153 47.5577 95.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="31.0005" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/hand1.svg b/packages/rainbow/src/svgs/modern/animated/hand1.svg
index 44162d11..53006bdd 100644
--- a/packages/rainbow/src/svgs/modern/animated/hand1.svg
+++ b/packages/rainbow/src/svgs/modern/animated/hand1.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M102.47 23.0199C96.5341 23.3771 91.4668 29.0707 91.8487 34.9544L94.917 88.0752C95.0704 90.7283 92.6616 91.2727 92.3208 89.2452L84.0602 40.1027C83.2487 34.5445 77.6725 30.0998 72.0232 30.5081C65.8075 31.062 60.8099 37.5158 61.8744 43.613L73.2033 111.008C73.2418 111.959 73.3989 112.905 73.6753 113.816C73.232 115.598 72.9676 116.859 72.9676 116.859C35.2047 79.4167 26 106.328 26 106.328C51.6615 123.506 67.2269 177.141 89.2529 177L156.046 176.766C156.046 176.766 158.535 123.934 163.362 104.69L174.691 59.5259C176.504 52.6411 170.047 44.9587 162.89 45.4852C158.049 45.7601 153.609 49.4619 152.505 54.1436L142.829 92.2876C142.304 94.3577 141.8 93.5276 141.885 91.8195L144.717 34.9546C145.131 28.6028 139.086 22.6096 132.68 23.0199C127.142 23.3595 122.28 28.2876 122.059 33.7845L119.463 85.7351C119.331 88.375 117.499 88.4266 117.339 85.5015L114.507 33.7847C114.267 27.8197 108.478 22.6427 102.47 23.0199Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="9.05115" y="11.9994" width="180.955" height="184.001" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/hand2.svg b/packages/rainbow/src/svgs/modern/animated/hand2.svg
index 1ac889c0..489f6bb4 100644
--- a/packages/rainbow/src/svgs/modern/animated/hand2.svg
+++ b/packages/rainbow/src/svgs/modern/animated/hand2.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M94.2609 177L164.007 176.548L171.902 97.3022C173.558 81.2395 153.722 74.5558 148.216 89.3776C148.285 71.5656 130.029 69.3368 124.529 81.4528C125.218 66.7366 106.589 61.0408 100.843 73.5283V41.8304C100.843 18.0565 77.1568 18.0565 77.1568 41.8304V113.152C37.6796 73.5286 28 102 28 102C54.8264 120.179 71.235 177.149 94.2609 177Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="11.0778" y="13" width="175.923" height="183" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/left_ptr.svg b/packages/rainbow/src/svgs/modern/animated/left_ptr.svg
index b226b4f1..a10ec76f 100644
--- a/packages/rainbow/src/svgs/modern/animated/left_ptr.svg
+++ b/packages/rainbow/src/svgs/modern/animated/left_ptr.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M42.5834 42.1947C42.5833 21.0415 52.3197 19.8442 67.5813 33.8133L153.127 109.646C159.582 115.42 160.758 130.799 153.127 133.992C145.496 137.185 120.467 131.906 100.916 140.726C81.365 149.547 69.2212 171.906 61.3129 175.474C53.4045 179.042 42.7091 165.585 42.5834 156.955L42.5834 42.1947Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="26" y="12" width="149" height="184.648" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/left_ptr_watch.svg b/packages/rainbow/src/svgs/modern/animated/left_ptr_watch.svg
index f7b0cf87..8ded88b1 100644
--- a/packages/rainbow/src/svgs/modern/animated/left_ptr_watch.svg
+++ b/packages/rainbow/src/svgs/modern/animated/left_ptr_watch.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
diff --git a/packages/rainbow/src/svgs/modern/animated/left_side.svg b/packages/rainbow/src/svgs/modern/animated/left_side.svg
index 09899a5e..ee2a657a 100644
--- a/packages/rainbow/src/svgs/modern/animated/left_side.svg
+++ b/packages/rainbow/src/svgs/modern/animated/left_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M140.734 25.1951L66.0899 99.4481C64.6361 100.894 66.1254 103.54 67.6611 105.071L137.658 174.7C140.23 177.254 144.451 177.064 146.78 174.288C178.238 130.159 178.609 64.1065 146.654 27.0083C146.055 26.16 143.075 23.1572 140.734 25.1951Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M35.7558 35.4995C32.749 35.535 29.4976 38.4146 29.4976 42.2045V157.795C29.4403 161.787 32.9927 164.515 36.0741 164.499C39.1118 164.489 42.4921 161.794 42.4921 157.822C42.5265 119.285 42.3703 80.7424 42.2797 42.2038C42.2892 38.0943 38.8245 35.4663 35.7558 35.4995Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="14.4988" y="13.498" width="170.999" height="182.003" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/left_tee.svg b/packages/rainbow/src/svgs/modern/animated/left_tee.svg
index 4d527299..c0199170 100644
--- a/packages/rainbow/src/svgs/modern/animated/left_tee.svg
+++ b/packages/rainbow/src/svgs/modern/animated/left_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M166.25 175.25C169.011 175.25 171.25 173.011 171.25 170.25V23.75C171.25 20.9886 169.011 18.75 166.25 18.75C163.489 18.75 161.25 20.9886 161.25 23.75V92H31.25C28.4886 92 26.25 94.2386 26.25 97C26.25 99.7614 28.4886 102 31.25 102H161.25V170.25C161.25 173.011 163.489 175.25 166.25 175.25Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="13.75" y="10.25" width="170" height="181.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/link.svg b/packages/rainbow/src/svgs/modern/animated/link.svg
index c4cade44..7736aa80 100644
--- a/packages/rainbow/src/svgs/modern/animated/link.svg
+++ b/packages/rainbow/src/svgs/modern/animated/link.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
             fill="#0000FF" />
         <path
             d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-            fill="#06B231" />
+            fill="#00FF00" />
         <path
             d="M116.251 141.766C116.016 141.766 115.782 141.779 115.553 141.809L112.887 133.425C113.923 132.955 114.857 132.312 115.654 131.531C117.391 129.828 118.466 127.479 118.466 124.889C118.466 119.704 114.159 115.486 108.865 115.486C106.221 115.486 103.822 116.539 102.083 118.24C100.342 119.943 99.2648 122.295 99.2648 124.889C99.2648 126.045 99.48 127.153 99.8712 128.177L95.1524 130.75C93.3637 127.995 90.3833 126.05 86.9268 125.619V122.202C88.6327 121.914 90.1636 121.119 91.3482 119.978C92.8862 118.497 93.8417 116.436 93.8417 114.161C93.8417 109.661 90.104 106 85.509 106C83.1864 106 81.0823 106.936 79.5703 108.443C78.0909 109.916 77.1764 111.936 77.1764 114.161C77.1764 118.126 80.0774 121.437 83.9089 122.17V125.632C81.3754 125.972 79.102 127.123 77.3737 128.811C75.2904 130.845 74 133.658 74 136.76C74 142.954 79.1452 147.992 85.4679 147.992C88.6356 147.992 91.5075 146.728 93.5839 144.687C95.655 142.655 96.9362 139.85 96.9362 136.76C96.9362 135.605 96.7569 134.49 96.4245 133.44L101.361 130.746C103.122 132.905 105.831 134.291 108.865 134.291C109.242 134.291 109.615 134.263 109.982 134.234L112.698 142.774C112.284 143.027 111.898 143.32 111.55 143.653C110.289 144.855 109.503 146.535 109.503 148.391C109.503 152.035 112.531 155 116.252 155C118.147 155 119.862 154.231 121.089 152.996C122.273 151.805 123 150.179 123 148.391C123 144.746 119.972 141.781 116.252 141.781L116.251 141.766Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/ll_angle.svg b/packages/rainbow/src/svgs/modern/animated/ll_angle.svg
index a04b751f..d9cd9ade 100644
--- a/packages/rainbow/src/svgs/modern/animated/ll_angle.svg
+++ b/packages/rainbow/src/svgs/modern/animated/ll_angle.svg
@@ -3,7 +3,10 @@
         <path d="M34 34.5V166.5H166.5" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M34 34.5V166.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M34 34.5V166.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/lr_angle.svg b/packages/rainbow/src/svgs/modern/animated/lr_angle.svg
index e02d17b3..a1a2da27 100644
--- a/packages/rainbow/src/svgs/modern/animated/lr_angle.svg
+++ b/packages/rainbow/src/svgs/modern/animated/lr_angle.svg
@@ -3,7 +3,10 @@
         <path d="M166.5 34.5V166.5H34" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M166.5 34.5V166.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M166.5 34.5V166.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/move.svg b/packages/rainbow/src/svgs/modern/animated/move.svg
index cfe2dd3d..dbc843f9 100644
--- a/packages/rainbow/src/svgs/modern/animated/move.svg
+++ b/packages/rainbow/src/svgs/modern/animated/move.svg
@@ -9,7 +9,13 @@
     </g>
     <path
         d="M177.565 96.6819L151.736 72.3742C150.412 71.1282 148.474 70.7898 146.804 71.5121C145.131 72.2291 144.055 73.8779 144.055 75.6951V86.3296H113.668V55.9449H124.303C126.121 55.9449 127.767 54.8599 128.489 53.1955C129.212 51.5225 128.873 49.5882 127.628 48.2643L103.318 22.4366C102.458 21.5209 101.255 21 99.9997 21C98.7376 21 97.5398 21.5209 96.6819 22.4366L72.3721 48.2643C71.126 49.5855 70.7852 51.526 71.5104 53.1955C72.2331 54.8685 73.8735 55.9449 75.6967 55.9449H86.3323V86.3296H55.945V75.6951C55.945 73.8744 54.8683 72.2307 53.1957 71.5121C51.5227 70.7951 49.5895 71.1416 48.2642 72.3742L22.4342 96.6819C21.5238 97.544 21 98.7443 21 100.003C21 101.26 21.5213 102.458 22.4342 103.321L48.2639 127.629C49.5878 128.875 51.5256 129.216 53.1957 128.491C54.8634 127.774 55.945 126.128 55.945 124.308V113.673H86.3317V144.058H75.6967C73.8786 144.058 72.2325 145.143 71.5104 146.804C70.7905 148.477 71.1237 150.412 72.3721 151.736L96.6822 177.563C97.5413 178.479 98.7446 179 100 179C101.259 179 102.457 178.479 103.318 177.563L127.628 151.736C128.874 150.415 129.215 148.474 128.49 146.804C127.767 145.131 126.127 144.058 124.303 144.058H113.668V113.673H144.055V124.308C144.055 126.128 145.132 127.772 146.804 128.491C148.477 129.211 150.415 128.861 151.736 127.629L177.566 103.321C178.476 102.459 179 101.261 179 100.003C179 98.7467 178.484 97.549 177.566 96.6819H177.565Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
+    <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+        repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="6" y="10" width="188" height="188" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/pencil.svg b/packages/rainbow/src/svgs/modern/animated/pencil.svg
index 97117b58..37d6fbb9 100644
--- a/packages/rainbow/src/svgs/modern/animated/pencil.svg
+++ b/packages/rainbow/src/svgs/modern/animated/pencil.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M114.079 59.7673L36 137.843V165H63.1579L141.237 86.9241L114.079 59.7673ZM159.378 41.6266C151.876 34.1245 139.723 34.1245 132.22 41.6266L124.263 49.5835L151.421 76.7403L159.378 68.7834C166.874 61.2881 166.874 49.1286 159.378 41.6266Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="23" y="27" width="155" height="155" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/plus.svg b/packages/rainbow/src/svgs/modern/animated/plus.svg
index 47247fd1..bf738dd3 100644
--- a/packages/rainbow/src/svgs/modern/animated/plus.svg
+++ b/packages/rainbow/src/svgs/modern/animated/plus.svg
@@ -6,8 +6,14 @@
             d="M111 174H117V168V117H168H174V111V89V83H168H117V32V26H111H89H83V32V83H32H26V89V111V117H32H83V168V174H89H111Z"
             stroke="#0000FF" stroke-width="12" />
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M111 168H89V32H111V168Z" fill="#00FF00" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M32 89H168V111H32V89Z" fill="#00FF00" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M111 168H89V32H111V168Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M32 89H168V111H32V89Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="15" y="19" width="170" height="170" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/pointer_move.svg b/packages/rainbow/src/svgs/modern/animated/pointer_move.svg
index df6ed6f6..3063b0f2 100644
--- a/packages/rainbow/src/svgs/modern/animated/pointer_move.svg
+++ b/packages/rainbow/src/svgs/modern/animated/pointer_move.svg
@@ -4,14 +4,17 @@
         fill="#0000FF" />
     <path
         d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
             fill="#0000FF" />
         <path
             d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-            fill="#5F3BE4" />
+            fill="#00FF00" />
         <path
             d="M79.2677 138.732C80.244 139.709 80.244 141.292 79.2677 142.268C78.7797 142.756 78.1398 143 77.5 143C76.8601 143 76.2203 142.756 75.7323 142.268L65.7323 132.268C64.7559 131.291 64.7559 129.709 65.7323 128.732L75.7323 118.732C76.7085 117.756 78.2915 117.756 79.2678 118.732C80.2442 119.709 80.2442 121.291 79.2678 122.268L71.0355 130.5L79.2677 138.732ZM85.7321 108.732L95.7321 98.7323C96.7083 97.7559 98.2913 97.7559 99.2677 98.7323L109.268 108.732C110.244 109.709 110.244 111.292 109.268 112.268C108.78 112.756 108.14 113 107.5 113C106.86 113 106.22 112.756 105.732 112.268L97.5 104.036L89.2677 112.268C88.2915 113.244 86.7085 113.244 85.7321 112.268C84.7558 111.291 84.7558 109.709 85.7321 108.732ZM97.5 118C104.393 118 110 123.608 110 130.5C110 137.393 104.393 143 97.5 143C90.6075 143 85 137.393 85 130.5C85 123.608 90.6075 118 97.5 118ZM109.268 152.268L99.2677 162.268C98.7797 162.756 98.1398 163 97.5 163C96.8602 163 96.2203 162.756 95.7323 162.268L85.7323 152.268C84.7559 151.291 84.7559 149.709 85.7323 148.732C86.7085 147.756 88.2915 147.756 89.2679 148.732L97.5 156.964L105.732 148.732C106.709 147.756 108.292 147.756 109.268 148.732C110.244 149.709 110.244 151.292 109.268 152.268ZM119.268 142.268C118.78 142.756 118.14 143 117.5 143C116.86 143 116.22 142.756 115.732 142.268C114.756 141.291 114.756 139.709 115.732 138.732L123.964 130.5L115.732 122.268C114.756 121.291 114.756 119.709 115.732 118.732C116.708 117.756 118.291 117.756 119.268 118.732L129.268 128.732C130.244 129.709 130.244 131.291 129.268 132.268L119.268 142.268Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/modern/animated/question_arrow.svg b/packages/rainbow/src/svgs/modern/animated/question_arrow.svg
index 1c1ff2a0..e9098dd3 100644
--- a/packages/rainbow/src/svgs/modern/animated/question_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/question_arrow.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M83.2304 128.047C83.2304 117.974 84.3631 110.039 86.6285 104.243C88.8938 98.3786 92.5665 93.3074 97.6465 89.0296C102.726 84.7518 106.571 80.8535 109.179 77.3347C111.857 73.7469 113.195 69.8141 113.195 65.5363C113.195 55.1178 108.733 49.9086 99.8089 49.9086C95.69 49.9086 92.3606 51.4265 89.8206 54.4624C87.2806 57.4982 85.942 61.6035 85.8047 66.7782H51C51.1373 52.9789 55.4621 42.25 63.9745 34.5914C72.4869 26.8638 84.4317 23 99.8089 23C115.117 23 126.959 26.5533 135.334 33.6599C143.778 40.7666 148 50.8746 148 63.9839C148 69.7106 146.867 74.9198 144.602 79.6116C142.337 84.3033 138.698 89.0986 133.687 93.9973L121.845 105.071C118.481 108.314 116.147 111.66 114.843 115.11C113.539 118.491 112.818 122.803 112.68 128.047H83.2304ZM79.0085 159.509C79.0085 154.404 80.8277 150.229 84.466 146.987C88.173 143.675 92.7725 142.019 98.2643 142.019C103.756 142.019 108.321 143.675 111.96 146.987C115.667 150.229 117.52 154.404 117.52 159.509C117.52 164.615 115.667 168.824 111.96 172.136C108.321 175.379 103.756 177 98.2643 177C92.7725 177 88.173 175.379 84.466 172.136C80.8277 168.824 79.0085 164.615 79.0085 159.509Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="39.94" y="16" width="119.06" height="176" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/right_ptr.svg b/packages/rainbow/src/svgs/modern/animated/right_ptr.svg
index e8c5dcd9..6b40981f 100644
--- a/packages/rainbow/src/svgs/modern/animated/right_ptr.svg
+++ b/packages/rainbow/src/svgs/modern/animated/right_ptr.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M158.417 42.1947C158.417 21.0415 148.68 19.8442 133.419 33.8133L47.873 109.646C41.4182 115.42 40.2422 130.799 47.873 133.992C55.5038 137.185 80.5328 131.906 100.084 140.726C119.635 149.547 131.779 171.906 139.687 175.474C147.596 179.042 158.291 165.585 158.417 156.955L158.417 42.1947Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="26" y="12" width="149" height="184.648" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/right_side.svg b/packages/rainbow/src/svgs/modern/animated/right_side.svg
index d42026f8..38d115cd 100644
--- a/packages/rainbow/src/svgs/modern/animated/right_side.svg
+++ b/packages/rainbow/src/svgs/modern/animated/right_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M59.2626 175.804L133.907 101.551C135.361 100.105 133.872 97.4591 132.336 95.9286L62.3394 26.2994C59.7673 23.7448 55.5457 23.9353 53.2174 26.7111C21.7589 70.8406 21.3879 136.893 53.343 173.991C53.942 174.839 56.9223 177.842 59.2626 175.804Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M164.241 165.5C167.248 165.464 170.499 162.585 170.499 158.795V43.2046C170.557 39.2123 167.004 36.484 163.923 36.5001C160.885 36.51 157.505 39.2054 157.505 43.1773C157.47 81.7141 157.627 120.257 157.717 158.795C157.708 162.905 161.172 165.533 164.241 165.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="14.4988" y="13.498" width="170.999" height="182.003" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/right_tee.svg b/packages/rainbow/src/svgs/modern/animated/right_tee.svg
index b3ece582..c134f901 100644
--- a/packages/rainbow/src/svgs/modern/animated/right_tee.svg
+++ b/packages/rainbow/src/svgs/modern/animated/right_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M31.25 175.25C28.4886 175.25 26.25 173.011 26.25 170.25V23.75C26.25 20.9886 28.4886 18.75 31.25 18.75C34.0114 18.75 36.25 20.9886 36.25 23.75V92H166.25C169.011 92 171.25 94.2386 171.25 97C171.25 99.7614 169.011 102 166.25 102H36.25V170.25C36.25 173.011 34.0114 175.25 31.25 175.25Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="13.75" y="10.25" width="170" height="181.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/sb_down_arrow.svg b/packages/rainbow/src/svgs/modern/animated/sb_down_arrow.svg
index 0b883975..53942160 100644
--- a/packages/rainbow/src/svgs/modern/animated/sb_down_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/sb_down_arrow.svg
@@ -5,7 +5,10 @@
             d="M79.4117 98.6463L55.0062 98.6062L47.7302 98.5943L51.9423 104.527L97.127 168.171L100.163 172.446L103.227 168.192L149.043 104.594L153.323 98.6524H146H122.219V33V29.25H118.469H83.1617H79.4117V33V98.6463Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M118.469 102.402H146L100.185 166L55 102.356L83.1617 102.402V33.0001H118.469V102.402Z" fill="#00FF00" />
+    <path d="M118.469 102.402H146L100.185 166L55 102.356L83.1617 102.402V33.0001H118.469V102.402Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="35.4604" y="24.5" width="130.186" height="163.393" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/sb_h_double_arrow.svg b/packages/rainbow/src/svgs/modern/animated/sb_h_double_arrow.svg
index 8bfeaf75..e9b3e942 100644
--- a/packages/rainbow/src/svgs/modern/animated/sb_h_double_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/sb_h_double_arrow.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M127.029 90.8333L127.048 72.5L177.5 100L127.01 127.5L127.028 109.167L71.9699 109.167L71.9882 127.5L21.5001 100L71.9525 72.5L71.9709 90.8333H127.029Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="0.827637" y="58.8762" width="197.351" height="90.2553" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/sb_left_arrow.svg b/packages/rainbow/src/svgs/modern/animated/sb_left_arrow.svg
index 048f18bf..f7056cb7 100644
--- a/packages/rainbow/src/svgs/modern/animated/sb_left_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/sb_left_arrow.svg
@@ -5,7 +5,10 @@
             d="M100.394 145.994L100.354 121.588H166H169.75V117.838V82.5312V78.7812H166H100.348V55V47.6768L94.4057 51.9573L30.8081 97.7726L26.5536 100.837L30.8291 103.873L94.4729 149.058L100.406 153.27L100.394 145.994Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M96.5976 82.5312V55L33 100.815L96.6438 146L96.5976 117.838H166V82.5312H96.5976Z" fill="#00FF00" />
+    <path d="M96.5976 82.5312V55L33 100.815L96.6438 146L96.5976 117.838H166V82.5312H96.5976Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="15.1071" y="39.3536" width="163.393" height="130.186" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/sb_right_arrow.svg b/packages/rainbow/src/svgs/modern/animated/sb_right_arrow.svg
index 31b4b362..28882fe7 100644
--- a/packages/rainbow/src/svgs/modern/animated/sb_right_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/sb_right_arrow.svg
@@ -5,7 +5,10 @@
             d="M98.6463 121.588L98.6062 145.994L98.5943 153.27L104.527 149.058L168.171 103.873L172.446 100.837L168.192 97.7726L104.594 51.9573L98.6524 47.6768V55V78.7812H33H29.25V82.5312V117.838V121.588H33H98.6463Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M102.402 82.5312V55L166 100.815L102.356 146L102.402 117.838H33V82.5312H102.402Z" fill="#00FF00" />
+    <path d="M102.402 82.5312V55L166 100.815L102.356 146L102.402 117.838H33V82.5312H102.402Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="20.5" y="39.3536" width="163.393" height="130.186" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/sb_up_arrow.svg b/packages/rainbow/src/svgs/modern/animated/sb_up_arrow.svg
index 0f73e109..e5097f88 100644
--- a/packages/rainbow/src/svgs/modern/animated/sb_up_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/sb_up_arrow.svg
@@ -5,7 +5,10 @@
             d="M54.0062 101.394L78.4117 101.354V167V170.75H82.1617H117.469H121.219V167V101.348H145H152.323L148.043 95.4056L102.227 31.8081L99.1625 27.5535L96.127 31.8291L50.9423 95.4729L46.7302 101.406L54.0062 101.394Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M117.469 97.5976H145L99.1848 34L54 97.6438L82.1617 97.5976V167H117.469V97.5976Z" fill="#00FF00" />
+    <path d="M117.469 97.5976H145L99.1848 34L54 97.6438L82.1617 97.5976V167H117.469V97.5976Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="34.4604" y="20.1071" width="130.186" height="163.393" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/sb_v_double_arrow.svg b/packages/rainbow/src/svgs/modern/animated/sb_v_double_arrow.svg
index aa7ebf48..0fdcb9b8 100644
--- a/packages/rainbow/src/svgs/modern/animated/sb_v_double_arrow.svg
+++ b/packages/rainbow/src/svgs/modern/animated/sb_v_double_arrow.svg
@@ -7,7 +7,10 @@
         </g>
         <path
             d="M90.3334 72.4707L72.0001 72.4523L99.5001 22L127 72.49L108.667 72.4717L108.667 127.53L127 127.512L99.5001 178L72.0001 127.548L90.3334 127.529V72.4707Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
     </g>
     <defs>
         <filter id="filter0_d" x="54.3777" y="5.32611" width="90.2553" height="197.351" filterUnits="userSpaceOnUse"
diff --git a/packages/rainbow/src/svgs/modern/animated/tcross.svg b/packages/rainbow/src/svgs/modern/animated/tcross.svg
index 7ef8f196..d5c40348 100644
--- a/packages/rainbow/src/svgs/modern/animated/tcross.svg
+++ b/packages/rainbow/src/svgs/modern/animated/tcross.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M107.25 45.5C107.25 41.3579 103.892 38 99.75 38C95.6079 38 92.25 41.3579 92.25 45.5V92.25H45.5C41.3579 92.25 38 95.6079 38 99.75C38 103.892 41.3579 107.25 45.5 107.25H92.25V154C92.25 158.142 95.6079 161.5 99.75 161.5C103.892 161.5 107.25 158.142 107.25 154V107.25H154C158.142 107.25 161.5 103.892 161.5 99.75C161.5 95.6079 158.142 92.25 154 92.25H107.25V45.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="28" y="32" width="143.5" height="143.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/top_left_corner.svg b/packages/rainbow/src/svgs/modern/animated/top_left_corner.svg
index cbd6af2c..becf9f2d 100644
--- a/packages/rainbow/src/svgs/modern/animated/top_left_corner.svg
+++ b/packages/rainbow/src/svgs/modern/animated/top_left_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M170.333 53H170.329H63.5122C63.5119 53 63.5117 53 63.5115 53C61.8228 52.9999 59.6805 53.3055 57.7652 54.1971C55.9303 55.0512 53 57.1628 53 61.1358V175.848C53 177.211 53.2734 178.778 54.2057 180.229C55.1601 181.714 56.485 182.582 57.7007 183.078C59.6499 183.875 62.02 183.946 63.5632 183.992C63.6294 183.994 63.6941 183.996 63.7572 183.998L64.0283 184.006L64.2987 183.985C92.1752 181.818 119.046 167.257 140.114 145.99C161.2 124.706 176.792 96.3995 181.902 66.1611L181.935 65.9689L181.952 65.7748C182.565 58.9537 177.228 53.0056 170.333 53Z"
-        fill="#4FADDF" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M28.7692 87C31.4032 87 33.5385 84.8588 33.5385 82.2174V30.5652H81.2308C83.8648 30.5652 86 28.424 86 25.7826C86 23.1412 83.8648 21 81.2308 21H28.7692C26.1353 21 24 23.1412 24 25.7826V82.2174C24 84.8588 26.1353 87 28.7692 87Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M28.7692 92C34.1778 92 38.5385 87.607 38.5385 82.2174V35.5652H81.2308C86.6394 35.5652 91 31.1722 91 25.7826C91 20.393 86.6394 16 81.2308 16H28.7692C23.3607 16 19 20.393 19 25.7826V82.2174C19 87.607 23.3607 92 28.7692 92Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/modern/animated/top_right_corner.svg b/packages/rainbow/src/svgs/modern/animated/top_right_corner.svg
index e98c15d6..01c8307b 100644
--- a/packages/rainbow/src/svgs/modern/animated/top_right_corner.svg
+++ b/packages/rainbow/src/svgs/modern/animated/top_right_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M30.6714 53L30.6673 53C23.772 53.0056 18.4355 58.9537 19.0476 65.7748L19.0651 65.9689L19.0975 66.1611C24.2079 96.3995 39.7996 124.706 60.8858 145.99C81.9545 167.257 108.825 181.818 136.701 183.985L136.972 184.006L137.243 183.998C137.306 183.996 137.371 183.994 137.437 183.992C138.98 183.946 141.35 183.875 143.299 183.078C144.515 182.582 145.84 181.714 146.794 180.229C147.727 178.778 148 177.211 148 175.848V61.1358C148 57.1628 145.07 55.0512 143.235 54.1971C141.319 53.3055 139.177 52.9999 137.489 53C137.488 53 137.488 53 137.488 53L30.6714 53Z"
-        fill="#F1613A" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M172.231 87C169.597 87 167.462 84.8588 167.462 82.2174V30.5652H119.769C117.135 30.5652 115 28.424 115 25.7826C115 23.1412 117.135 21 119.769 21H172.231C174.865 21 177 23.1412 177 25.7826V82.2174C177 84.8588 174.865 87 172.231 87Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M162.462 82.2174C162.462 87.607 166.822 92 172.231 92C177.639 92 182 87.607 182 82.2174V25.7826C182 20.393 177.639 16 172.231 16H119.769C114.361 16 110 20.393 110 25.7826C110 31.1722 114.361 35.5652 119.769 35.5652H162.462V82.2174Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/modern/animated/top_side.svg b/packages/rainbow/src/svgs/modern/animated/top_side.svg
index d6fea0f0..fb5a976a 100644
--- a/packages/rainbow/src/svgs/modern/animated/top_side.svg
+++ b/packages/rainbow/src/svgs/modern/animated/top_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M24.6959 141.237L98.949 66.5922C100.395 65.1384 103.041 66.6277 104.571 68.1634L174.201 138.16C176.755 140.732 176.565 144.954 173.789 147.282C129.659 178.74 63.6074 179.111 26.5091 147.156C25.6609 146.557 22.6581 143.577 24.6959 141.237Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M35.0003 36.2581C35.0358 33.2513 37.9155 30 41.7053 30H157.295C161.288 29.9426 164.016 33.495 164 36.5764C163.99 39.6141 161.295 42.9944 157.323 42.9944C118.786 43.0288 80.2433 42.8727 41.7046 42.782C37.5952 42.7915 34.9672 39.3268 35.0003 36.2581Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8.99689" y="19" width="182.003" height="170.999" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/top_tee.svg b/packages/rainbow/src/svgs/modern/animated/top_tee.svg
index a2fca1ba..5015b85d 100644
--- a/packages/rainbow/src/svgs/modern/animated/top_tee.svg
+++ b/packages/rainbow/src/svgs/modern/animated/top_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M20.5 29.5C20.5 26.7386 22.7386 24.5 25.5 24.5H172C174.761 24.5 177 26.7386 177 29.5C177 32.2614 174.761 34.5 172 34.5H103.75V164.5C103.75 167.261 101.511 169.5 98.75 169.5C95.9886 169.5 93.75 167.261 93.75 164.5V34.5H25.5C22.7386 34.5 20.5 32.2614 20.5 29.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8" y="16" width="181.5" height="170" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/ul_angle.svg b/packages/rainbow/src/svgs/modern/animated/ul_angle.svg
index d136acc7..b4515a29 100644
--- a/packages/rainbow/src/svgs/modern/animated/ul_angle.svg
+++ b/packages/rainbow/src/svgs/modern/animated/ul_angle.svg
@@ -3,7 +3,10 @@
         <path d="M34 166.5V34.5H166.5" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M34 166.5V34.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M34 166.5V34.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/ur_angle.svg b/packages/rainbow/src/svgs/modern/animated/ur_angle.svg
index 7dead351..ada584aa 100644
--- a/packages/rainbow/src/svgs/modern/animated/ur_angle.svg
+++ b/packages/rainbow/src/svgs/modern/animated/ur_angle.svg
@@ -3,7 +3,10 @@
         <path d="M166.5 166.5V34.5H34" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M166.5 166.5V34.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M166.5 166.5V34.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/vertical_text.svg b/packages/rainbow/src/svgs/modern/animated/vertical_text.svg
index a2110750..15e5db09 100644
--- a/packages/rainbow/src/svgs/modern/animated/vertical_text.svg
+++ b/packages/rainbow/src/svgs/modern/animated/vertical_text.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M51.75 94.3H149.25C159.589 94.3 168 85.956 168 75.7V69.5H180.5V75.7C180.5 85.8296 175.577 94.8394 167.979 100.5C175.577 106.161 180.5 115.17 180.5 125.3V131.5H168V125.3C168 115.044 159.589 106.7 149.25 106.7H51.75C41.4113 106.7 33 115.044 33 125.3V131.5H20.5V125.3C20.5 115.17 25.4234 106.161 33.0206 100.5C25.4234 94.8394 20.5 85.8296 20.5 75.7V69.5H33V75.7C33 85.956 41.4113 94.3 51.75 94.3Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8" y="61" width="185" height="87" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/xterm.svg b/packages/rainbow/src/svgs/modern/animated/xterm.svg
index 841ee70f..48a680a7 100644
--- a/packages/rainbow/src/svgs/modern/animated/xterm.svg
+++ b/packages/rainbow/src/svgs/modern/animated/xterm.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M106.7 51.75V149.25C106.7 159.589 115.044 168 125.3 168H131.5V180.5H125.3C115.17 180.5 106.161 175.577 100.5 167.979C94.8394 175.577 85.8296 180.5 75.7 180.5H69.5V168H75.7C85.956 168 94.3 159.589 94.3 149.25V51.75C94.3 41.4113 85.956 33 75.7 33H69.5V20.5H75.7C85.8296 20.5 94.8394 25.4234 100.5 33.0206C106.161 25.4234 115.17 20.5 125.3 20.5H131.5V33H125.3C115.044 33 106.7 41.4113 106.7 51.75Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="57" y="12" width="87" height="185" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/zoom_in.svg b/packages/rainbow/src/svgs/modern/animated/zoom_in.svg
index 8a739766..5589d5e4 100644
--- a/packages/rainbow/src/svgs/modern/animated/zoom_in.svg
+++ b/packages/rainbow/src/svgs/modern/animated/zoom_in.svg
@@ -9,10 +9,16 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M140 90.5C140 117.286 118.286 139 91.5 139C64.7142 139 43 117.286 43 90.5C43 63.7142 64.7142 42 91.5 42C118.286 42 140 63.7142 140 90.5ZM128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M96.25 64C96.25 61.2386 94.0114 59 91.25 59C88.4886 59 86.25 61.2386 86.25 64V85.25H65C62.2386 85.25 60 87.4886 60 90.25C60 93.0114 62.2386 95.25 65 95.25H86.25V116.5C86.25 119.261 88.4886 121.5 91.25 121.5C94.0114 121.5 96.25 119.261 96.25 116.5V95.25H117.5C120.261 95.25 122.5 93.0114 122.5 90.25C122.5 87.4886 120.261 85.25 117.5 85.25H96.25V64Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="19" y="22" width="162.5" height="163.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/modern/animated/zoom_out.svg b/packages/rainbow/src/svgs/modern/animated/zoom_out.svg
index 7d6ec521..f68b1d73 100644
--- a/packages/rainbow/src/svgs/modern/animated/zoom_out.svg
+++ b/packages/rainbow/src/svgs/modern/animated/zoom_out.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M140 90.5C140 117.286 118.286 139 91.5 139C64.7142 139 43 117.286 43 90.5C43 63.7142 64.7142 42 91.5 42C118.286 42 140 63.7142 140 90.5ZM128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path d="M67 91L118 91" stroke="#00FF00" stroke-width="10" stroke-linecap="round" />
     <defs>
         <filter id="filter0_d" x="19" y="22" width="162.5" height="163.5" filterUnits="userSpaceOnUse"
diff --git a/packages/rainbow/src/svgs/original/animated/all_scroll.svg b/packages/rainbow/src/svgs/original/animated/all_scroll.svg
index cfe2dd3d..98f0f5ba 100644
--- a/packages/rainbow/src/svgs/original/animated/all_scroll.svg
+++ b/packages/rainbow/src/svgs/original/animated/all_scroll.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M177.565 96.6819L151.736 72.3742C150.412 71.1282 148.474 70.7898 146.804 71.5121C145.131 72.2291 144.055 73.8779 144.055 75.6951V86.3296H113.668V55.9449H124.303C126.121 55.9449 127.767 54.8599 128.489 53.1955C129.212 51.5225 128.873 49.5882 127.628 48.2643L103.318 22.4366C102.458 21.5209 101.255 21 99.9997 21C98.7376 21 97.5398 21.5209 96.6819 22.4366L72.3721 48.2643C71.126 49.5855 70.7852 51.526 71.5104 53.1955C72.2331 54.8685 73.8735 55.9449 75.6967 55.9449H86.3323V86.3296H55.945V75.6951C55.945 73.8744 54.8683 72.2307 53.1957 71.5121C51.5227 70.7951 49.5895 71.1416 48.2642 72.3742L22.4342 96.6819C21.5238 97.544 21 98.7443 21 100.003C21 101.26 21.5213 102.458 22.4342 103.321L48.2639 127.629C49.5878 128.875 51.5256 129.216 53.1957 128.491C54.8634 127.774 55.945 126.128 55.945 124.308V113.673H86.3317V144.058H75.6967C73.8786 144.058 72.2325 145.143 71.5104 146.804C70.7905 148.477 71.1237 150.412 72.3721 151.736L96.6822 177.563C97.5413 178.479 98.7446 179 100 179C101.259 179 102.457 178.479 103.318 177.563L127.628 151.736C128.874 150.415 129.215 148.474 128.49 146.804C127.767 145.131 126.127 144.058 124.303 144.058H113.668V113.673H144.055V124.308C144.055 126.128 145.132 127.772 146.804 128.491C148.477 129.211 150.415 128.861 151.736 127.629L177.566 103.321C178.476 102.459 179 101.261 179 100.003C179 98.7467 178.484 97.549 177.566 96.6819H177.565Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="6" y="10" width="188" height="188" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/bd_double_arrow.svg b/packages/rainbow/src/svgs/original/animated/bd_double_arrow.svg
index 512814c5..f59a8a95 100644
--- a/packages/rainbow/src/svgs/original/animated/bd_double_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/bd_double_arrow.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M73.5522 87.0156L60.5756 99.9662L44.3458 44.8456L99.4931 61.102L86.5165 74.0526L125.449 112.985L138.399 100.008L154.654 155.154L99.5338 138.924L112.484 125.948L73.5522 87.0156Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="28.2646" y="32.7629" width="142.477" height="142.477" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/bottom_left_corner.svg b/packages/rainbow/src/svgs/original/animated/bottom_left_corner.svg
index c950b0d8..507a33ad 100644
--- a/packages/rainbow/src/svgs/original/animated/bottom_left_corner.svg
+++ b/packages/rainbow/src/svgs/original/animated/bottom_left_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M170.329 147H170.333C177.228 146.994 182.565 141.046 181.952 134.225L181.935 134.031L181.902 133.839C176.792 103.6 161.2 75.294 140.114 54.0097C119.046 32.7431 92.1752 18.1818 64.2987 16.015L64.0283 15.994L63.7572 16.0024C63.6941 16.0043 63.6294 16.0063 63.5631 16.0082C62.0199 16.0544 59.6499 16.1252 57.7007 16.9216C56.485 17.4183 55.1601 18.2859 54.2057 19.7712C53.2734 21.2222 53 22.7892 53 24.1524V138.864C53 142.837 55.9303 144.949 57.7652 145.803C59.6805 146.694 61.8228 147 63.5115 147C63.5117 147 63.5119 147 63.5121 147H170.329Z"
-        fill="#96C865" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M28.7692 113C31.4032 113 33.5385 115.141 33.5385 117.783V169.435H81.2308C83.8647 169.435 86 171.576 86 174.217C86 176.859 83.8647 179 81.2308 179H28.7692C26.1353 179 24 176.859 24 174.217V117.783C24 115.141 26.1353 113 28.7692 113Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M38.5385 117.783C38.5385 112.393 34.1778 108 28.7692 108C23.3606 108 19 112.393 19 117.783V174.217C19 179.607 23.3606 184 28.7692 184H81.2308C86.6394 184 91 179.607 91 174.217C91 168.828 86.6394 164.435 81.2308 164.435H38.5385V117.783Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/original/animated/bottom_right_corner.svg b/packages/rainbow/src/svgs/original/animated/bottom_right_corner.svg
index d27c8f80..fc14cf3c 100644
--- a/packages/rainbow/src/svgs/original/animated/bottom_right_corner.svg
+++ b/packages/rainbow/src/svgs/original/animated/bottom_right_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M30.6673 147H30.6714H137.488C137.488 147 137.488 147 137.489 147C139.177 147 141.319 146.694 143.235 145.803C145.07 144.949 148 142.837 148 138.864V24.1524C148 22.7892 147.727 21.2222 146.794 19.7712C145.84 18.2859 144.515 17.4183 143.299 16.9216C141.35 16.1252 138.98 16.0544 137.437 16.0082C137.371 16.0063 137.306 16.0043 137.243 16.0024L136.972 15.994L136.701 16.015C108.825 18.1818 81.9545 32.7431 60.8858 54.0097C39.7996 75.294 24.2079 103.6 19.0975 133.839L19.0651 134.031L19.0476 134.225C18.4355 141.046 23.772 146.994 30.6673 147Z"
-        fill="#FDBE2A" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M172.231 113C169.597 113 167.462 115.141 167.462 117.783V169.435H119.769C117.135 169.435 115 171.576 115 174.217C115 176.859 117.135 179 119.769 179H172.231C174.865 179 177 176.859 177 174.217V117.783C177 115.141 174.865 113 172.231 113Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M172.231 108C166.822 108 162.462 112.393 162.462 117.783V164.435H119.769C114.361 164.435 110 168.828 110 174.217C110 179.607 114.361 184 119.769 184H172.231C177.639 184 182 179.607 182 174.217V117.783C182 112.393 177.639 108 172.231 108Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/original/animated/bottom_side.svg b/packages/rainbow/src/svgs/original/animated/bottom_side.svg
index 599f8c76..f33f7765 100644
--- a/packages/rainbow/src/svgs/original/animated/bottom_side.svg
+++ b/packages/rainbow/src/svgs/original/animated/bottom_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M24.6959 59.7626L98.949 134.407C100.395 135.861 103.041 134.372 104.571 132.836L174.201 62.8394C176.755 60.2673 176.565 56.0457 173.789 53.7174C129.659 22.2589 63.6074 21.8879 26.5091 53.843C25.6609 54.442 22.6581 57.4223 24.6959 59.7626Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M35.0003 164.741C35.0358 167.748 37.9155 170.999 41.7053 170.999H157.295C161.288 171.057 164.016 167.504 164 164.423C163.99 161.385 161.295 158.005 157.323 158.005C118.786 157.97 80.2433 158.127 41.7046 158.217C37.5952 158.208 34.9672 161.672 35.0003 164.741Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8.99683" y="19" width="182.003" height="170.999" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/bottom_tee.svg b/packages/rainbow/src/svgs/original/animated/bottom_tee.svg
index 1b213eca..620e9091 100644
--- a/packages/rainbow/src/svgs/original/animated/bottom_tee.svg
+++ b/packages/rainbow/src/svgs/original/animated/bottom_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M20.5 164.5C20.5 167.261 22.7386 169.5 25.5 169.5H172C174.761 169.5 177 167.261 177 164.5C177 161.739 174.761 159.5 172 159.5H103.75V29.5C103.75 26.7386 101.511 24.5 98.75 24.5C95.9886 24.5 93.75 26.7386 93.75 29.5V159.5H25.5C22.7386 159.5 20.5 161.739 20.5 164.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8" y="16" width="181.5" height="170" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/center_ptr.svg b/packages/rainbow/src/svgs/original/animated/center_ptr.svg
index 38cca889..571edd33 100644
--- a/packages/rainbow/src/svgs/original/animated/center_ptr.svg
+++ b/packages/rainbow/src/svgs/original/animated/center_ptr.svg
@@ -3,7 +3,10 @@
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M99.5095 4.23022L26.8604 180.997L99.8695 152.01L174.293 180.588L99.5095 4.23022Z" fill="#0000FF" />
     </g>
-    <path d="M99.5119 30.8147L153.906 159.161L99.6207 138.315L46.6577 159.34L99.5119 30.8147Z" fill="#00FF00" />
+    <path d="M99.5119 30.8147L153.906 159.161L99.6207 138.315L46.6577 159.34L99.5119 30.8147Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="21.8604" y="3.23022" width="157.432" height="186.767" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/circle.svg b/packages/rainbow/src/svgs/original/animated/circle.svg
index 3bca0556..46ad730c 100644
--- a/packages/rainbow/src/svgs/original/animated/circle.svg
+++ b/packages/rainbow/src/svgs/original/animated/circle.svg
@@ -5,14 +5,17 @@
                 d="M43 0C43 0 96.5 47.5 127 83.5C134.249 92.0558 142.076 102.226 143.5 107C149.268 126.332 106.307 90.1269 84.3664 98.1216C63.929 105.569 56.2002 157.078 46 138.5C43.2878 133.56 43 123 43 123V0Z"
                 fill="#0000FF" />
         </g>
-        <path d="M51 19V119L85 103L122 89.0961L51 19Z" fill="#00FF00" />
+        <path d="M51 19V119L85 103L122 89.0961L51 19Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <g filter="url(#filter1_d)">
             <path
                 d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
                 fill="#0000FF" />
             <path
                 d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-                fill="#B91E31" />
+                fill="#00FF00" />
             <path
                 d="M97.5002 107C91.0055 107 84.7766 109.474 80.1825 113.878C75.5883 118.281 73.0048 124.255 73 130.485C72.9979 133.46 73.5843 136.407 74.7283 139.172L115.814 114.908C113.517 112.424 110.698 110.434 107.541 109.071C104.384 107.708 100.962 107.002 97.5002 107ZM120.272 121.768L79.1556 146.032C81.4502 148.531 84.2724 150.534 87.4351 151.907C90.5977 153.281 94.0285 153.994 97.5002 154C100.719 154 103.906 153.392 106.879 152.21C109.852 151.028 112.554 149.295 114.829 147.112C117.104 144.928 118.908 142.336 120.139 139.483C121.369 136.63 122.002 133.572 122 130.485C122.006 127.5 121.42 124.542 120.272 121.768Z"
                 fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/context_menu.svg b/packages/rainbow/src/svgs/original/animated/context_menu.svg
index 74de4c8c..e2e79079 100644
--- a/packages/rainbow/src/svgs/original/animated/context_menu.svg
+++ b/packages/rainbow/src/svgs/original/animated/context_menu.svg
@@ -5,14 +5,17 @@
                 d="M44 0C44 0 97.5 47.5 128 83.5C135.249 92.0558 143.076 102.226 144.5 107C150.268 126.332 107.307 90.1269 85.3664 98.1216C64.929 105.569 57.2002 157.078 47 138.5C44.2878 133.56 44 123 44 123V0Z"
                 fill="#0000FF" />
         </g>
-        <path d="M52 19V119L86 103L123 89.0961L52 19Z" fill="#00FF00" />
+        <path d="M52 19V119L86 103L123 89.0961L52 19Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <g filter="url(#filter1_d)">
             <path
                 d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
                 fill="#0000FF" />
             <path
                 d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-                fill="#5F3BE4" />
+                fill="#00FF00" />
             <path
                 d="M98.5 105C103.049 105 106.75 108.595 106.75 113.014C106.75 117.433 103.049 121.029 98.5 121.029C93.9509 121.029 90.25 117.433 90.25 113.014C90.25 108.595 93.9509 105 98.5 105ZM109 156H88V151.629H92.5V129.771H88V125.4H104.5V151.629H109V156Z"
                 fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/copy.svg b/packages/rainbow/src/svgs/original/animated/copy.svg
index ecfa263c..45ba0d33 100644
--- a/packages/rainbow/src/svgs/original/animated/copy.svg
+++ b/packages/rainbow/src/svgs/original/animated/copy.svg
@@ -4,14 +4,17 @@
             d="M45 2C45 2 98.5 49.5 129 85.5C136.249 94.0558 144.076 104.226 145.5 109C151.268 128.332 108.307 92.1269 86.3664 100.122C65.929 107.569 58.2002 159.078 48 140.5C45.2878 135.56 45 125 45 125V2Z"
             fill="#0000FF" />
     </g>
-    <path d="M53 21V121L87 105L124 91.0961L53 21Z" fill="#00FF00" />
+    <path d="M53 21V121L87 105L124 91.0961L53 21Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
             fill="#0000FF" />
         <path
             d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-            fill="#179DD8" />
+            fill="#00FF00" />
         <path
             d="M121.318 125.091H74.6818C72.6495 125.091 71 126.74 71 128.773V131.227C71 133.26 72.6495 134.909 74.6818 134.909H121.318C123.351 134.909 125 133.26 125 131.227V128.773C125 126.74 123.351 125.091 121.318 125.091Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/cross.svg b/packages/rainbow/src/svgs/original/animated/cross.svg
index 86bc91b0..dc543245 100644
--- a/packages/rainbow/src/svgs/original/animated/cross.svg
+++ b/packages/rainbow/src/svgs/original/animated/cross.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M99.25 18C103.392 18 106.75 21.3579 106.75 25.5V89.75H171C175.142 89.75 178.5 93.1079 178.5 97.25C178.5 101.392 175.142 104.75 171 104.75H106.75V169C106.75 173.142 103.392 176.5 99.25 176.5C95.1079 176.5 91.75 173.142 91.75 169V104.75H27.5C23.3579 104.75 20 101.392 20 97.25C20 93.1079 23.3579 89.75 27.5 89.75H91.75V25.5C91.75 21.3579 95.1079 18 99.25 18Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="7" y="9" width="184.5" height="184.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/crossed_circle.svg b/packages/rainbow/src/svgs/original/animated/crossed_circle.svg
index b5125010..868fa7aa 100644
--- a/packages/rainbow/src/svgs/original/animated/crossed_circle.svg
+++ b/packages/rainbow/src/svgs/original/animated/crossed_circle.svg
@@ -7,7 +7,7 @@
         </g>
         <path
             d="M169.308 100.5C169.308 139.054 138.054 170.308 99.5001 170.308C60.9464 170.308 29.6924 139.054 29.6924 100.5C29.6924 61.9463 60.9464 30.6923 99.5001 30.6923C138.054 30.6923 169.308 61.9463 169.308 100.5Z"
-            fill="#B91E31" />
+            fill="#00FF00" />
         <path
             d="M100 55C87.2762 55 75.0725 59.8949 66.0718 68.6088C57.071 77.3227 52.0094 89.1425 52 101.47C51.9958 107.356 53.1448 113.189 55.3861 118.66L135.881 70.6482C131.381 65.7319 125.856 61.7954 119.672 59.0982C113.487 56.401 106.783 55.0042 100 55ZM144.614 84.2218L64.0599 132.233C68.5556 137.178 74.0848 141.141 80.2809 143.859C86.4771 146.577 93.1987 147.989 100 148C106.306 148 112.55 146.796 118.375 144.457C124.2 142.119 129.493 138.691 133.95 134.37C138.408 130.049 141.943 124.92 144.354 119.275C146.765 113.63 148.003 107.58 148 101.47C148.012 95.5647 146.863 89.7109 144.614 84.2218Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/crosshair.svg b/packages/rainbow/src/svgs/original/animated/crosshair.svg
index 9ef65302..c9236152 100644
--- a/packages/rainbow/src/svgs/original/animated/crosshair.svg
+++ b/packages/rainbow/src/svgs/original/animated/crosshair.svg
@@ -6,10 +6,16 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M100 17.5C104.142 17.5 107.5 20.8579 107.5 25V81.25C107.5 85.3921 104.142 88.75 100 88.75C95.8579 88.75 92.5 85.3921 92.5 81.25V25C92.5 20.8579 95.8579 17.5 100 17.5ZM100 111.25C104.142 111.25 107.5 114.608 107.5 118.75V175C107.5 179.142 104.142 182.5 100 182.5C95.8579 182.5 92.5 179.142 92.5 175V118.75C92.5 114.608 95.8579 111.25 100 111.25Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M17.5 100C17.5 95.8579 20.8579 92.5 25 92.5H81.25C85.3921 92.5 88.75 95.8579 88.75 100C88.75 104.142 85.3921 107.5 81.25 107.5H25C20.8579 107.5 17.5 104.142 17.5 100ZM111.25 100C111.25 95.8579 114.608 92.5 118.75 92.5H175C179.142 92.5 182.5 95.8579 182.5 100C182.5 104.142 179.142 107.5 175 107.5H118.75C114.608 107.5 111.25 104.142 111.25 100Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="5" y="9" width="190" height="190" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/dnd_ask.svg b/packages/rainbow/src/svgs/original/animated/dnd_ask.svg
index 452474c3..7a499c95 100644
--- a/packages/rainbow/src/svgs/original/animated/dnd_ask.svg
+++ b/packages/rainbow/src/svgs/original/animated/dnd_ask.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9188C71.7685 48.2608 66.9389 53.7085 67.303 59.3382L68.0005 69.3175C68.1775 71.8541 65.8019 72.3843 65.526 70.4368L64.6517 64.2644C63.8782 58.9461 58.5637 54.6933 53.1794 55.084C47.2553 55.6141 42.4921 61.7892 43.5067 67.6233L47.3055 91.2608C47.3422 92.1706 47.081 96.8588 47.081 96.8588L42.1321 86.7827C34.9031 92.2022 24.3884 99.1327 29.2317 114.465C34.9639 132.611 52.1059 154.472 62.6023 154.405L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.648L136.079 71.7663C136.036 64.9579 131.653 57.8277 124.832 58.3315C120.218 58.5942 115.986 62.1364 114.934 66.6161L113.664 73.3479C113.286 75.3553 112.614 74.5296 112.765 72.9004L114.192 57.4386C114.586 51.3609 108.825 45.6265 102.719 46.0192C97.4413 46.3445 92.8075 51.0595 92.5967 56.3191L91.3948 67.0786C91.114 69.5922 89.5234 69.6541 89.3703 66.8549L88.8981 58.2194C88.6699 52.5118 83.1526 47.5579 77.4256 47.9188Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#FFCC00" />
+            fill="#00FF00" />
         <path
             d="M138 166C141.611 166 144.538 163.062 144.538 159.438C144.538 155.813 141.611 152.875 138 152.875C134.389 152.875 131.462 155.813 131.462 159.438C131.462 163.062 134.389 166 138 166Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/dnd_copy.svg b/packages/rainbow/src/svgs/original/animated/dnd_copy.svg
index ca08f2c7..f1cc4ab8 100644
--- a/packages/rainbow/src/svgs/original/animated/dnd_copy.svg
+++ b/packages/rainbow/src/svgs/original/animated/dnd_copy.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#179DD8" />
+            fill="#00FF00" />
         <path
             d="M161.318 133.091H114.682C112.649 133.091 111 134.74 111 136.773V139.227C111 141.26 112.649 142.909 114.682 142.909H161.318C163.351 142.909 165 141.26 165 139.227V136.773C165 134.74 163.351 133.091 161.318 133.091Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/dnd_link.svg b/packages/rainbow/src/svgs/original/animated/dnd_link.svg
index 8c42701d..897f6a77 100644
--- a/packages/rainbow/src/svgs/original/animated/dnd_link.svg
+++ b/packages/rainbow/src/svgs/original/animated/dnd_link.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#06B231" />
+            fill="#00FF00" />
         <path
             d="M156.251 149.766C156.016 149.766 155.782 149.779 155.553 149.809L152.887 141.425C153.923 140.955 154.857 140.312 155.654 139.531C157.391 137.828 158.466 135.479 158.466 132.889C158.466 127.704 154.159 123.486 148.865 123.486C146.221 123.486 143.822 124.539 142.083 126.24C140.342 127.943 139.265 130.295 139.265 132.889C139.265 134.045 139.48 135.153 139.871 136.177L135.152 138.75C133.364 135.995 130.383 134.05 126.927 133.619V130.202C128.633 129.914 130.164 129.119 131.348 127.978C132.886 126.497 133.842 124.436 133.842 122.161C133.842 117.661 130.104 114 125.509 114C123.186 114 121.082 114.936 119.57 116.443C118.091 117.916 117.176 119.936 117.176 122.161C117.176 126.126 120.077 129.437 123.909 130.17V133.632C121.375 133.972 119.102 135.123 117.374 136.811C115.29 138.845 114 141.658 114 144.76C114 150.954 119.145 155.992 125.468 155.992C128.636 155.992 131.507 154.728 133.584 152.687C135.655 150.655 136.936 147.85 136.936 144.76C136.936 143.605 136.757 142.49 136.424 141.44L141.361 138.746C143.122 140.905 145.831 142.291 148.865 142.291C149.242 142.291 149.615 142.263 149.982 142.234L152.698 150.774C152.284 151.027 151.898 151.32 151.55 151.653C150.289 152.855 149.503 154.535 149.503 156.391C149.503 160.035 152.531 163 156.252 163C158.147 163 159.862 162.231 161.089 160.996C162.273 159.805 163 158.179 163 156.391C163 152.746 159.972 149.781 156.252 149.781L156.251 149.766Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/dnd_move.svg b/packages/rainbow/src/svgs/original/animated/dnd_move.svg
index 0c342cbe..451713ad 100644
--- a/packages/rainbow/src/svgs/original/animated/dnd_move.svg
+++ b/packages/rainbow/src/svgs/original/animated/dnd_move.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z"
             fill="#0000FF" />
         <path
             d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z"
-            fill="#5F3BE4" />
+            fill="#00FF00" />
         <path
             d="M119.268 146.732C120.244 147.709 120.244 149.292 119.268 150.268C118.78 150.756 118.14 151 117.5 151C116.86 151 116.22 150.756 115.732 150.268L105.732 140.268C104.756 139.291 104.756 137.709 105.732 136.732L115.732 126.732C116.708 125.756 118.291 125.756 119.268 126.732C120.244 127.709 120.244 129.291 119.268 130.268L111.036 138.5L119.268 146.732ZM125.732 116.732L135.732 106.732C136.708 105.756 138.291 105.756 139.268 106.732L149.268 116.732C150.244 117.709 150.244 119.292 149.268 120.268C148.78 120.756 148.14 121 147.5 121C146.86 121 146.22 120.756 145.732 120.268L137.5 112.036L129.268 120.268C128.291 121.244 126.708 121.244 125.732 120.268C124.756 119.291 124.756 117.709 125.732 116.732ZM137.5 126C144.393 126 150 131.608 150 138.5C150 145.393 144.393 151 137.5 151C130.607 151 125 145.393 125 138.5C125 131.608 130.607 126 137.5 126ZM149.268 160.268L139.268 170.268C138.78 170.756 138.14 171 137.5 171C136.86 171 136.22 170.756 135.732 170.268L125.732 160.268C124.756 159.291 124.756 157.709 125.732 156.732C126.708 155.756 128.291 155.756 129.268 156.732L137.5 164.964L145.732 156.732C146.709 155.756 148.292 155.756 149.268 156.732C150.244 157.709 150.244 159.292 149.268 160.268ZM159.268 150.268C158.78 150.756 158.14 151 157.5 151C156.86 151 156.22 150.756 155.732 150.268C154.756 149.291 154.756 147.709 155.732 146.732L163.964 138.5L155.732 130.268C154.756 129.291 154.756 127.709 155.732 126.732C156.708 125.756 158.291 125.756 159.268 126.732L169.268 136.732C170.244 137.709 170.244 139.291 169.268 140.268L159.268 150.268Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/dnd_no_drop.svg b/packages/rainbow/src/svgs/original/animated/dnd_no_drop.svg
index 54af345d..8cf7c27e 100644
--- a/packages/rainbow/src/svgs/original/animated/dnd_no_drop.svg
+++ b/packages/rainbow/src/svgs/original/animated/dnd_no_drop.svg
@@ -6,14 +6,17 @@
     </g>
     <path
         d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter1_d)">
         <path
             d="M191 134C191 162.719 167.719 186 139 186C110.281 186 87 162.719 87 134C87 105.281 110.281 82 139 82C167.719 82 191 105.281 191 134Z"
             fill="#0000FF" />
         <path
             d="M183 134C183 158.301 163.301 178 139 178C114.699 178 95 158.301 95 134C95 109.699 114.699 90 139 90C163.301 90 183 109.699 183 134Z"
-            fill="#B91E31" />
+            fill="#00FF00" />
         <path
             d="M138.5 111C132.006 111 125.777 113.474 121.182 117.878C116.588 122.281 114.005 128.255 114 134.485C113.998 137.46 114.584 140.407 115.728 143.172L156.814 118.908C154.517 116.424 151.698 114.434 148.541 113.071C145.384 111.708 141.962 111.002 138.5 111ZM161.272 125.768L120.156 150.032C122.45 152.531 125.272 154.534 128.435 155.907C131.598 157.281 135.029 157.994 138.5 158C141.719 158 144.906 157.392 147.879 156.21C150.852 155.028 153.554 153.295 155.829 151.112C158.104 148.928 159.908 146.336 161.139 143.483C162.369 140.63 163.002 137.572 163 134.485C163.006 131.5 162.42 128.542 161.272 125.768Z"
             fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/dnd_none.svg b/packages/rainbow/src/svgs/original/animated/dnd_none.svg
index cfe2dd3d..98f0f5ba 100644
--- a/packages/rainbow/src/svgs/original/animated/dnd_none.svg
+++ b/packages/rainbow/src/svgs/original/animated/dnd_none.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M177.565 96.6819L151.736 72.3742C150.412 71.1282 148.474 70.7898 146.804 71.5121C145.131 72.2291 144.055 73.8779 144.055 75.6951V86.3296H113.668V55.9449H124.303C126.121 55.9449 127.767 54.8599 128.489 53.1955C129.212 51.5225 128.873 49.5882 127.628 48.2643L103.318 22.4366C102.458 21.5209 101.255 21 99.9997 21C98.7376 21 97.5398 21.5209 96.6819 22.4366L72.3721 48.2643C71.126 49.5855 70.7852 51.526 71.5104 53.1955C72.2331 54.8685 73.8735 55.9449 75.6967 55.9449H86.3323V86.3296H55.945V75.6951C55.945 73.8744 54.8683 72.2307 53.1957 71.5121C51.5227 70.7951 49.5895 71.1416 48.2642 72.3742L22.4342 96.6819C21.5238 97.544 21 98.7443 21 100.003C21 101.26 21.5213 102.458 22.4342 103.321L48.2639 127.629C49.5878 128.875 51.5256 129.216 53.1957 128.491C54.8634 127.774 55.945 126.128 55.945 124.308V113.673H86.3317V144.058H75.6967C73.8786 144.058 72.2325 145.143 71.5104 146.804C70.7905 148.477 71.1237 150.412 72.3721 151.736L96.6822 177.563C97.5413 178.479 98.7446 179 100 179C101.259 179 102.457 178.479 103.318 177.563L127.628 151.736C128.874 150.415 129.215 148.474 128.49 146.804C127.767 145.131 126.127 144.058 124.303 144.058H113.668V113.673H144.055V124.308C144.055 126.128 145.132 127.772 146.804 128.491C148.477 129.211 150.415 128.861 151.736 127.629L177.566 103.321C178.476 102.459 179 101.261 179 100.003C179 98.7467 178.484 97.549 177.566 96.6819H177.565Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="6" y="10" width="188" height="188" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/dotbox.svg b/packages/rainbow/src/svgs/original/animated/dotbox.svg
index 8c1ee60e..51c1aab5 100644
--- a/packages/rainbow/src/svgs/original/animated/dotbox.svg
+++ b/packages/rainbow/src/svgs/original/animated/dotbox.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="18" y="22" width="164" height="164" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/fd_double_arrow.svg b/packages/rainbow/src/svgs/original/animated/fd_double_arrow.svg
index 56a30580..19cbae7e 100644
--- a/packages/rainbow/src/svgs/original/animated/fd_double_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/fd_double_arrow.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M125.454 87.0156L138.431 99.9662L154.66 44.8456L99.5131 61.102L112.49 74.0526L73.5574 112.985L60.6068 100.008L44.3517 155.154L99.4724 138.924L86.5218 125.948L125.454 87.0156Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="28.2646" y="32.7629" width="142.477" height="142.477" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/grabbing.svg b/packages/rainbow/src/svgs/original/animated/grabbing.svg
index 11a68662..8803fe9d 100644
--- a/packages/rainbow/src/svgs/original/animated/grabbing.svg
+++ b/packages/rainbow/src/svgs/original/animated/grabbing.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M95.4256 47.9186C89.7685 48.2606 84.9389 53.7084 85.303 59.3381L86.0005 69.3174C86.1775 71.854 83.8019 72.3842 83.526 70.4367L82.6517 64.2643C81.8782 58.946 76.5637 54.6932 71.1794 55.0839C65.2553 55.614 60.4921 61.7891 61.5067 67.6231L65.3055 91.2607C65.3422 92.1705 65.081 96.8587 65.081 96.8587L60.1321 86.7825C52.9031 92.2021 42.3884 99.1325 47.2317 114.465C52.9639 132.61 70.1059 154.472 80.6023 154.404L144.262 154.181C156.579 127.009 154.28 101.63 154.159 83.6479L154.079 71.7662C154.036 64.9578 149.653 57.8276 142.832 58.3314C138.218 58.5941 133.986 62.1363 132.934 66.616L131.664 73.3478C131.286 75.3552 130.614 74.5295 130.765 72.9002L132.192 57.4385C132.586 51.3607 126.825 45.6264 120.719 46.0191C115.441 46.3444 110.807 51.0594 110.597 56.319L109.395 67.0785C109.114 69.592 107.523 69.654 107.37 66.8547L106.898 58.2193C106.67 52.5117 101.153 47.5577 95.4256 47.9186Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="31.0005" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/hand1.svg b/packages/rainbow/src/svgs/original/animated/hand1.svg
index 8a127a0d..68668bc7 100644
--- a/packages/rainbow/src/svgs/original/animated/hand1.svg
+++ b/packages/rainbow/src/svgs/original/animated/hand1.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M102.47 23.0199C96.5341 23.3771 91.4668 29.0707 91.8487 34.9544L94.917 88.0752C95.0704 90.7283 92.6616 91.2727 92.3208 89.2452L84.0602 40.1027C83.2487 34.5445 77.6725 30.0998 72.0232 30.5081C65.8075 31.062 60.8099 37.5158 61.8744 43.613L73.2033 111.008C73.2418 111.959 73.3989 112.905 73.6753 113.816C73.232 115.598 72.9676 116.859 72.9676 116.859C35.2047 79.4167 26 106.328 26 106.328C51.6615 123.506 67.2269 177.141 89.2529 177L156.046 176.766C156.046 176.766 158.535 123.934 163.362 104.69L174.691 59.5259C176.504 52.6411 170.047 44.9587 162.89 45.4852C158.049 45.7601 153.609 49.4619 152.505 54.1436L142.829 92.2876C142.304 94.3577 141.8 93.5276 141.885 91.8195L144.717 34.9546C145.131 28.6028 139.086 22.6096 132.68 23.0199C127.142 23.3595 122.28 28.2876 122.059 33.7845L119.463 85.7351C119.331 88.375 117.499 88.4266 117.339 85.5015L114.507 33.7847C114.267 27.8197 108.478 22.6427 102.47 23.0199Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="9.05103" y="11.9994" width="180.955" height="184.001" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/hand2.svg b/packages/rainbow/src/svgs/original/animated/hand2.svg
index 29ed73c5..f3aa4967 100644
--- a/packages/rainbow/src/svgs/original/animated/hand2.svg
+++ b/packages/rainbow/src/svgs/original/animated/hand2.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M94.2609 177L164.007 176.548L171.902 97.3022C173.558 81.2395 153.722 74.5558 148.216 89.3776C148.285 71.5656 130.029 69.3368 124.529 81.4528C125.218 66.7366 106.589 61.0408 100.843 73.5283V41.8304C100.843 18.0565 77.1568 18.0565 77.1568 41.8304V113.152C37.6796 73.5286 28 102 28 102C54.8264 120.179 71.235 177.149 94.2609 177Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="11.0776" y="13" width="175.923" height="183" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/left_ptr.svg b/packages/rainbow/src/svgs/original/animated/left_ptr.svg
index e4f53e38..35c7e843 100644
--- a/packages/rainbow/src/svgs/original/animated/left_ptr.svg
+++ b/packages/rainbow/src/svgs/original/animated/left_ptr.svg
@@ -4,7 +4,10 @@
             <path fill-rule="evenodd" clip-rule="evenodd" d="M42 6L175 137.555L98.1401 139.321L42 193.504V6Z"
                 fill="#0000FF" />
         </g>
-        <path d="M52.7449 31.7412V168.201L93.6978 128.675L149.449 127.394L52.7449 31.7412Z" fill="#00FF00" />
+        <path d="M52.7449 31.7412V168.201L93.6978 128.675L149.449 127.394L52.7449 31.7412Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
     </g>
     <defs>
         <filter id="filter0_d" x="37" y="5" width="143" height="197.504" filterUnits="userSpaceOnUse"
diff --git a/packages/rainbow/src/svgs/original/animated/left_ptr_watch.svg b/packages/rainbow/src/svgs/original/animated/left_ptr_watch.svg
index 1e8473d9..076a895e 100644
--- a/packages/rainbow/src/svgs/original/animated/left_ptr_watch.svg
+++ b/packages/rainbow/src/svgs/original/animated/left_ptr_watch.svg
@@ -5,7 +5,10 @@
                 d="M43 0C43 0 96.5 47.5 127 83.5C134.249 92.0558 142.076 102.226 143.5 107C149.268 126.332 106.307 90.1269 84.3664 98.1216C63.929 105.569 56.2002 157.078 46 138.5C43.2878 133.56 43 123 43 123V0Z"
                 fill="#0000FF" />
         </g>
-        <path d="M51 19V119L85 103L122 89.0961L51 19Z" fill="#00FF00" />
+        <path d="M51 19V119L85 103L122 89.0961L51 19Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <g filter="url(#filter1_d)">
             <path
                 d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
diff --git a/packages/rainbow/src/svgs/original/animated/left_side.svg b/packages/rainbow/src/svgs/original/animated/left_side.svg
index b14bd783..729e4a18 100644
--- a/packages/rainbow/src/svgs/original/animated/left_side.svg
+++ b/packages/rainbow/src/svgs/original/animated/left_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M140.735 25.195L66.09 99.448C64.6362 100.894 66.1255 103.54 67.6612 105.07L137.658 174.7C140.23 177.254 144.451 177.064 146.78 174.288C178.238 130.158 178.609 64.1064 146.654 27.0082C146.055 26.1599 143.075 23.1572 140.735 25.195Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M35.7559 35.4994C32.7491 35.5349 29.4978 38.4145 29.4978 42.2044V157.794C29.4404 161.787 32.9928 164.515 36.0742 164.499C39.1119 164.489 42.4922 161.794 42.4922 157.822C42.5266 119.285 42.3705 80.7423 42.2798 42.2037C42.2893 38.0942 38.8246 35.4662 35.7559 35.4994Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="14.499" y="13.498" width="170.999" height="182.003" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/left_tee.svg b/packages/rainbow/src/svgs/original/animated/left_tee.svg
index 4d527299..c0199170 100644
--- a/packages/rainbow/src/svgs/original/animated/left_tee.svg
+++ b/packages/rainbow/src/svgs/original/animated/left_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M166.25 175.25C169.011 175.25 171.25 173.011 171.25 170.25V23.75C171.25 20.9886 169.011 18.75 166.25 18.75C163.489 18.75 161.25 20.9886 161.25 23.75V92H31.25C28.4886 92 26.25 94.2386 26.25 97C26.25 99.7614 28.4886 102 31.25 102H161.25V170.25C161.25 173.011 163.489 175.25 166.25 175.25Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="13.75" y="10.25" width="170" height="181.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/link.svg b/packages/rainbow/src/svgs/original/animated/link.svg
index 172d02b3..d9ff8ef8 100644
--- a/packages/rainbow/src/svgs/original/animated/link.svg
+++ b/packages/rainbow/src/svgs/original/animated/link.svg
@@ -5,14 +5,17 @@
                 d="M44 0C44 0 97.5 47.5 128 83.5C135.249 92.0558 143.076 102.226 144.5 107C150.268 126.332 107.307 90.1269 85.3664 98.1216C64.929 105.569 57.2002 157.078 47 138.5C44.2878 133.56 44 123 44 123V0Z"
                 fill="#0000FF" />
         </g>
-        <path d="M52 19V119L86 103L123 89.0961L52 19Z" fill="#00FF00" />
+        <path d="M52 19V119L86 103L123 89.0961L52 19Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <g filter="url(#filter1_d)">
             <path
                 d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
                 fill="#0000FF" />
             <path
                 d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-                fill="#06B231" />
+                fill="#00FF00" />
             <path
                 d="M116.251 141.766C116.016 141.766 115.782 141.779 115.553 141.809L112.887 133.425C113.923 132.955 114.857 132.312 115.654 131.531C117.391 129.828 118.466 127.479 118.466 124.889C118.466 119.704 114.159 115.486 108.865 115.486C106.221 115.486 103.822 116.539 102.083 118.24C100.342 119.943 99.2648 122.295 99.2648 124.889C99.2648 126.045 99.48 127.153 99.8712 128.177L95.1524 130.75C93.3637 127.995 90.3833 126.05 86.9268 125.619V122.202C88.6327 121.914 90.1636 121.119 91.3482 119.978C92.8862 118.497 93.8417 116.436 93.8417 114.161C93.8417 109.661 90.104 106 85.509 106C83.1864 106 81.0823 106.936 79.5703 108.443C78.0909 109.916 77.1764 111.936 77.1764 114.161C77.1764 118.126 80.0774 121.437 83.9089 122.17V125.632C81.3754 125.972 79.102 127.123 77.3737 128.811C75.2904 130.845 74 133.658 74 136.76C74 142.954 79.1452 147.992 85.4679 147.992C88.6356 147.992 91.5075 146.728 93.5839 144.687C95.655 142.655 96.9362 139.85 96.9362 136.76C96.9362 135.605 96.7569 134.49 96.4245 133.44L101.361 130.746C103.122 132.905 105.831 134.291 108.865 134.291C109.242 134.291 109.615 134.263 109.982 134.234L112.698 142.774C112.284 143.027 111.898 143.32 111.55 143.653C110.289 144.855 109.503 146.535 109.503 148.391C109.503 152.035 112.531 155 116.252 155C118.147 155 119.862 154.231 121.089 152.996C122.273 151.805 123 150.179 123 148.391C123 144.746 119.972 141.781 116.252 141.781L116.251 141.766Z"
                 fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/ll_angle.svg b/packages/rainbow/src/svgs/original/animated/ll_angle.svg
index a04b751f..d9cd9ade 100644
--- a/packages/rainbow/src/svgs/original/animated/ll_angle.svg
+++ b/packages/rainbow/src/svgs/original/animated/ll_angle.svg
@@ -3,7 +3,10 @@
         <path d="M34 34.5V166.5H166.5" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M34 34.5V166.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M34 34.5V166.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/lr_angle.svg b/packages/rainbow/src/svgs/original/animated/lr_angle.svg
index e02d17b3..a1a2da27 100644
--- a/packages/rainbow/src/svgs/original/animated/lr_angle.svg
+++ b/packages/rainbow/src/svgs/original/animated/lr_angle.svg
@@ -3,7 +3,10 @@
         <path d="M166.5 34.5V166.5H34" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M166.5 34.5V166.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M166.5 34.5V166.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/move.svg b/packages/rainbow/src/svgs/original/animated/move.svg
index cfe2dd3d..98f0f5ba 100644
--- a/packages/rainbow/src/svgs/original/animated/move.svg
+++ b/packages/rainbow/src/svgs/original/animated/move.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M177.565 96.6819L151.736 72.3742C150.412 71.1282 148.474 70.7898 146.804 71.5121C145.131 72.2291 144.055 73.8779 144.055 75.6951V86.3296H113.668V55.9449H124.303C126.121 55.9449 127.767 54.8599 128.489 53.1955C129.212 51.5225 128.873 49.5882 127.628 48.2643L103.318 22.4366C102.458 21.5209 101.255 21 99.9997 21C98.7376 21 97.5398 21.5209 96.6819 22.4366L72.3721 48.2643C71.126 49.5855 70.7852 51.526 71.5104 53.1955C72.2331 54.8685 73.8735 55.9449 75.6967 55.9449H86.3323V86.3296H55.945V75.6951C55.945 73.8744 54.8683 72.2307 53.1957 71.5121C51.5227 70.7951 49.5895 71.1416 48.2642 72.3742L22.4342 96.6819C21.5238 97.544 21 98.7443 21 100.003C21 101.26 21.5213 102.458 22.4342 103.321L48.2639 127.629C49.5878 128.875 51.5256 129.216 53.1957 128.491C54.8634 127.774 55.945 126.128 55.945 124.308V113.673H86.3317V144.058H75.6967C73.8786 144.058 72.2325 145.143 71.5104 146.804C70.7905 148.477 71.1237 150.412 72.3721 151.736L96.6822 177.563C97.5413 178.479 98.7446 179 100 179C101.259 179 102.457 178.479 103.318 177.563L127.628 151.736C128.874 150.415 129.215 148.474 128.49 146.804C127.767 145.131 126.127 144.058 124.303 144.058H113.668V113.673H144.055V124.308C144.055 126.128 145.132 127.772 146.804 128.491C148.477 129.211 150.415 128.861 151.736 127.629L177.566 103.321C178.476 102.459 179 101.261 179 100.003C179 98.7467 178.484 97.549 177.566 96.6819H177.565Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="6" y="10" width="188" height="188" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/pencil.svg b/packages/rainbow/src/svgs/original/animated/pencil.svg
index 97117b58..37d6fbb9 100644
--- a/packages/rainbow/src/svgs/original/animated/pencil.svg
+++ b/packages/rainbow/src/svgs/original/animated/pencil.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M114.079 59.7673L36 137.843V165H63.1579L141.237 86.9241L114.079 59.7673ZM159.378 41.6266C151.876 34.1245 139.723 34.1245 132.22 41.6266L124.263 49.5835L151.421 76.7403L159.378 68.7834C166.874 61.2881 166.874 49.1286 159.378 41.6266Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="23" y="27" width="155" height="155" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/plus.svg b/packages/rainbow/src/svgs/original/animated/plus.svg
index 47247fd1..bf738dd3 100644
--- a/packages/rainbow/src/svgs/original/animated/plus.svg
+++ b/packages/rainbow/src/svgs/original/animated/plus.svg
@@ -6,8 +6,14 @@
             d="M111 174H117V168V117H168H174V111V89V83H168H117V32V26H111H89H83V32V83H32H26V89V111V117H32H83V168V174H89H111Z"
             stroke="#0000FF" stroke-width="12" />
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M111 168H89V32H111V168Z" fill="#00FF00" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M32 89H168V111H32V89Z" fill="#00FF00" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M111 168H89V32H111V168Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M32 89H168V111H32V89Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="15" y="19" width="170" height="170" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/pointer_move.svg b/packages/rainbow/src/svgs/original/animated/pointer_move.svg
index 0f402f2a..7033cc98 100644
--- a/packages/rainbow/src/svgs/original/animated/pointer_move.svg
+++ b/packages/rainbow/src/svgs/original/animated/pointer_move.svg
@@ -5,14 +5,17 @@
                 d="M44 0C44 0 97.5 47.5 128 83.5C135.249 92.0558 143.076 102.226 144.5 107C150.268 126.332 107.307 90.1269 85.3664 98.1216C64.929 105.569 57.2002 157.078 47 138.5C44.2878 133.56 44 123 44 123V0Z"
                 fill="#0000FF" />
         </g>
-        <path d="M52 19V119L86 103L123 89.0961L52 19Z" fill="#00FF00" />
+        <path d="M52 19V119L86 103L123 89.0961L52 19Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <g filter="url(#filter1_d)">
             <path
                 d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
                 fill="#0000FF" />
             <path
                 d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
-                fill="#5F3BE4" />
+                fill="#00FF00" />
             <path
                 d="M79.2677 138.732C80.244 139.709 80.244 141.292 79.2677 142.268C78.7797 142.756 78.1398 143 77.5 143C76.8601 143 76.2203 142.756 75.7323 142.268L65.7323 132.268C64.7559 131.291 64.7559 129.709 65.7323 128.732L75.7323 118.732C76.7085 117.756 78.2915 117.756 79.2678 118.732C80.2442 119.709 80.2442 121.291 79.2678 122.268L71.0355 130.5L79.2677 138.732ZM85.7321 108.732L95.7321 98.7323C96.7083 97.7559 98.2913 97.7559 99.2677 98.7323L109.268 108.732C110.244 109.709 110.244 111.292 109.268 112.268C108.78 112.756 108.14 113 107.5 113C106.86 113 106.22 112.756 105.732 112.268L97.5 104.036L89.2677 112.268C88.2915 113.244 86.7085 113.244 85.7321 112.268C84.7558 111.291 84.7558 109.709 85.7321 108.732ZM97.5 118C104.393 118 110 123.608 110 130.5C110 137.393 104.393 143 97.5 143C90.6075 143 85 137.393 85 130.5C85 123.608 90.6075 118 97.5 118ZM109.268 152.268L99.2677 162.268C98.7797 162.756 98.1398 163 97.5 163C96.8602 163 96.2203 162.756 95.7323 162.268L85.7323 152.268C84.7559 151.291 84.7559 149.709 85.7323 148.732C86.7085 147.756 88.2915 147.756 89.2679 148.732L97.5 156.964L105.732 148.732C106.709 147.756 108.292 147.756 109.268 148.732C110.244 149.709 110.244 151.292 109.268 152.268ZM119.268 142.268C118.78 142.756 118.14 143 117.5 143C116.86 143 116.22 142.756 115.732 142.268C114.756 141.291 114.756 139.709 115.732 138.732L123.964 130.5L115.732 122.268C114.756 121.291 114.756 119.709 115.732 118.732C116.708 117.756 118.291 117.756 119.268 118.732L129.268 128.732C130.244 129.709 130.244 131.291 129.268 132.268L119.268 142.268Z"
                 fill="white" />
diff --git a/packages/rainbow/src/svgs/original/animated/question_arrow.svg b/packages/rainbow/src/svgs/original/animated/question_arrow.svg
index c29992f4..6447739d 100644
--- a/packages/rainbow/src/svgs/original/animated/question_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/question_arrow.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M83.2304 128.047C83.2304 117.974 84.3631 110.039 86.6285 104.243C88.8938 98.3786 92.5665 93.3074 97.6465 89.0296C102.726 84.7518 106.571 80.8535 109.179 77.3347C111.857 73.7469 113.195 69.8141 113.195 65.5363C113.195 55.1178 108.733 49.9086 99.8089 49.9086C95.69 49.9086 92.3606 51.4265 89.8206 54.4624C87.2806 57.4982 85.942 61.6035 85.8047 66.7782H51C51.1373 52.9789 55.4621 42.25 63.9745 34.5914C72.4869 26.8638 84.4317 23 99.8089 23C115.117 23 126.959 26.5533 135.334 33.6599C143.778 40.7666 148 50.8746 148 63.9839C148 69.7106 146.867 74.9198 144.602 79.6116C142.337 84.3033 138.698 89.0986 133.687 93.9973L121.845 105.071C118.481 108.314 116.147 111.66 114.843 115.11C113.539 118.491 112.818 122.803 112.68 128.047H83.2304ZM79.0085 159.509C79.0085 154.404 80.8277 150.229 84.466 146.987C88.173 143.675 92.7725 142.019 98.2643 142.019C103.756 142.019 108.321 143.675 111.96 146.987C115.667 150.229 117.52 154.404 117.52 159.509C117.52 164.615 115.667 168.824 111.96 172.136C108.321 175.379 103.756 177 98.2643 177C92.7725 177 88.173 175.379 84.466 172.136C80.8277 168.824 79.0085 164.615 79.0085 159.509Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="39.9399" y="16" width="119.06" height="176" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/right_ptr.svg b/packages/rainbow/src/svgs/original/animated/right_ptr.svg
index 760d1fc3..c0578485 100644
--- a/packages/rainbow/src/svgs/original/animated/right_ptr.svg
+++ b/packages/rainbow/src/svgs/original/animated/right_ptr.svg
@@ -4,7 +4,10 @@
             <path fill-rule="evenodd" clip-rule="evenodd" d="M160.78 4L28 135.337L104.733 137.1L160.78 191.195V4Z"
                 fill="#0000FF" />
         </g>
-        <path d="M150.053 29.6987V165.933L109.168 126.472L53.5093 125.193L150.053 29.6987Z" fill="#00FF00" />
+        <path d="M150.053 29.6987V165.933L109.168 126.472L53.5093 125.193L150.053 29.6987Z" fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
     </g>
     <defs>
         <filter id="filter0_d" x="23" y="3" width="142.78" height="197.195" filterUnits="userSpaceOnUse"
diff --git a/packages/rainbow/src/svgs/original/animated/right_side.svg b/packages/rainbow/src/svgs/original/animated/right_side.svg
index 097543cb..9b7289cc 100644
--- a/packages/rainbow/src/svgs/original/animated/right_side.svg
+++ b/packages/rainbow/src/svgs/original/animated/right_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M59.2626 175.804L133.907 101.551C135.361 100.105 133.872 97.4591 132.336 95.9286L62.3394 26.2994C59.7673 23.7448 55.5457 23.9353 53.2174 26.7111C21.7589 70.8406 21.3879 136.893 53.343 173.991C53.942 174.839 56.9223 177.842 59.2626 175.804Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M164.241 165.5C167.248 165.464 170.499 162.585 170.499 158.795V43.2046C170.557 39.2123 167.004 36.484 163.923 36.5001C160.885 36.51 157.505 39.2054 157.505 43.1773C157.47 81.7141 157.627 120.257 157.717 158.795C157.708 162.905 161.172 165.533 164.241 165.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="14.499" y="13.498" width="170.999" height="182.003" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/right_tee.svg b/packages/rainbow/src/svgs/original/animated/right_tee.svg
index b3ece582..c134f901 100644
--- a/packages/rainbow/src/svgs/original/animated/right_tee.svg
+++ b/packages/rainbow/src/svgs/original/animated/right_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M31.25 175.25C28.4886 175.25 26.25 173.011 26.25 170.25V23.75C26.25 20.9886 28.4886 18.75 31.25 18.75C34.0114 18.75 36.25 20.9886 36.25 23.75V92H166.25C169.011 92 171.25 94.2386 171.25 97C171.25 99.7614 169.011 102 166.25 102H36.25V170.25C36.25 173.011 34.0114 175.25 31.25 175.25Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="13.75" y="10.25" width="170" height="181.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/sb_down_arrow.svg b/packages/rainbow/src/svgs/original/animated/sb_down_arrow.svg
index b71f0f50..dc3a2957 100644
--- a/packages/rainbow/src/svgs/original/animated/sb_down_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/sb_down_arrow.svg
@@ -5,7 +5,10 @@
             d="M79.4117 98.6463L55.0062 98.6062L47.7302 98.5943L51.9423 104.527L97.127 168.171L100.163 172.446L103.227 168.192L149.043 104.594L153.323 98.6524H146H122.219V33V29.25H118.469H83.1617H79.4117V33V98.6463Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M118.469 102.402H146L100.185 166L55 102.356L83.1617 102.402V33H118.469V102.402Z" fill="#00FF00" />
+    <path d="M118.469 102.402H146L100.185 166L55 102.356L83.1617 102.402V33H118.469V102.402Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="35.4604" y="24.5" width="130.186" height="163.393" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/sb_h_double_arrow.svg b/packages/rainbow/src/svgs/original/animated/sb_h_double_arrow.svg
index b311640e..10b52e13 100644
--- a/packages/rainbow/src/svgs/original/animated/sb_h_double_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/sb_h_double_arrow.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M127.029 90.8333L127.048 72.5L177.5 100L127.01 127.5L127.028 109.167L71.9698 109.167L71.9882 127.5L21.5 100L71.9525 72.5L71.9708 90.8333H127.029Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="0.827637" y="58.8762" width="197.351" height="90.2553" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/sb_left_arrow.svg b/packages/rainbow/src/svgs/original/animated/sb_left_arrow.svg
index 4006315a..33819d72 100644
--- a/packages/rainbow/src/svgs/original/animated/sb_left_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/sb_left_arrow.svg
@@ -5,7 +5,10 @@
             d="M100.394 145.994L100.354 121.588H166H169.75V117.838V82.5312V78.7812H166H100.348V55V47.6768L94.4056 51.9573L30.8081 97.7726L26.5535 100.837L30.8291 103.873L94.4729 149.058L100.406 153.27L100.394 145.994Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M96.5976 82.5312V55L33 100.815L96.6438 146L96.5976 117.838H166V82.5312H96.5976Z" fill="#00FF00" />
+    <path d="M96.5976 82.5312V55L33 100.815L96.6438 146L96.5976 117.838H166V82.5312H96.5976Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="15.1069" y="39.3535" width="163.393" height="130.186" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/sb_right_arrow.svg b/packages/rainbow/src/svgs/original/animated/sb_right_arrow.svg
index 3ec3b2f3..289bf7d4 100644
--- a/packages/rainbow/src/svgs/original/animated/sb_right_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/sb_right_arrow.svg
@@ -5,7 +5,10 @@
             d="M98.6463 121.588L98.6062 145.994L98.5943 153.27L104.527 149.058L168.171 103.873L172.446 100.837L168.192 97.7726L104.594 51.9573L98.6524 47.6768V55V78.7812H33H29.25V82.5312V117.838V121.588H33H98.6463Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M102.402 82.5312V55L166 100.815L102.356 146L102.402 117.838H33V82.5312H102.402Z" fill="#00FF00" />
+    <path d="M102.402 82.5312V55L166 100.815L102.356 146L102.402 117.838H33V82.5312H102.402Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="20.5" y="39.3535" width="163.393" height="130.186" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/sb_up_arrow.svg b/packages/rainbow/src/svgs/original/animated/sb_up_arrow.svg
index f5d2878c..9cbaea07 100644
--- a/packages/rainbow/src/svgs/original/animated/sb_up_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/sb_up_arrow.svg
@@ -5,7 +5,10 @@
             d="M54.0062 101.394L78.4117 101.354V167V170.75H82.1617H117.469H121.219V167V101.348H145H152.323L148.043 95.4056L102.227 31.8081L99.1625 27.5535L96.127 31.8291L50.9423 95.4729L46.7302 101.406L54.0062 101.394Z"
             stroke="#0000FF" stroke-width="7.5" />
     </g>
-    <path d="M117.469 97.5976H145L99.1847 34L54 97.6438L82.1617 97.5976V167H117.469V97.5976Z" fill="#00FF00" />
+    <path d="M117.469 97.5976H145L99.1847 34L54 97.6438L82.1617 97.5976V167H117.469V97.5976Z" fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="34.4604" y="20.1071" width="130.186" height="163.393" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/sb_v_double_arrow.svg b/packages/rainbow/src/svgs/original/animated/sb_v_double_arrow.svg
index b854b0cd..819dd624 100644
--- a/packages/rainbow/src/svgs/original/animated/sb_v_double_arrow.svg
+++ b/packages/rainbow/src/svgs/original/animated/sb_v_double_arrow.svg
@@ -7,7 +7,10 @@
         </g>
         <path
             d="M90.3333 72.4707L72 72.4523L99.5 22L127 72.49L108.667 72.4717L108.667 127.53L127 127.512L99.5 178L72 127.548L90.3333 127.529V72.4707Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
     </g>
     <defs>
         <filter id="filter0_d" x="54.3777" y="5.32605" width="90.2553" height="197.351" filterUnits="userSpaceOnUse"
diff --git a/packages/rainbow/src/svgs/original/animated/tcross.svg b/packages/rainbow/src/svgs/original/animated/tcross.svg
index 7ef8f196..d5c40348 100644
--- a/packages/rainbow/src/svgs/original/animated/tcross.svg
+++ b/packages/rainbow/src/svgs/original/animated/tcross.svg
@@ -9,7 +9,10 @@
     </g>
     <path
         d="M107.25 45.5C107.25 41.3579 103.892 38 99.75 38C95.6079 38 92.25 41.3579 92.25 45.5V92.25H45.5C41.3579 92.25 38 95.6079 38 99.75C38 103.892 41.3579 107.25 45.5 107.25H92.25V154C92.25 158.142 95.6079 161.5 99.75 161.5C103.892 161.5 107.25 158.142 107.25 154V107.25H154C158.142 107.25 161.5 103.892 161.5 99.75C161.5 95.6079 158.142 92.25 154 92.25H107.25V45.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="28" y="32" width="143.5" height="143.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/top_left_corner.svg b/packages/rainbow/src/svgs/original/animated/top_left_corner.svg
index 8685fc04..f453c8a5 100644
--- a/packages/rainbow/src/svgs/original/animated/top_left_corner.svg
+++ b/packages/rainbow/src/svgs/original/animated/top_left_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M170.333 53H170.329H63.5121C63.5119 53 63.5117 53 63.5115 53C61.8228 52.9999 59.6805 53.3055 57.7652 54.1971C55.9303 55.0512 53 57.1628 53 61.1358V175.848C53 177.211 53.2734 178.778 54.2057 180.229C55.1601 181.714 56.485 182.582 57.7007 183.078C59.6499 183.875 62.02 183.946 63.5632 183.992C63.6294 183.994 63.6941 183.996 63.7572 183.998L64.0283 184.006L64.2987 183.985C92.1752 181.818 119.046 167.257 140.114 145.99C161.2 124.706 176.792 96.3995 181.902 66.1611L181.935 65.9689L181.952 65.7748C182.565 58.9537 177.228 53.0056 170.333 53Z"
-        fill="#4FADDF" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M28.7692 87C31.4032 87 33.5385 84.8588 33.5385 82.2174V30.5652H81.2308C83.8647 30.5652 86 28.424 86 25.7826C86 23.1412 83.8647 21 81.2308 21H28.7692C26.1353 21 24 23.1412 24 25.7826V82.2174C24 84.8588 26.1353 87 28.7692 87Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M28.7692 92C34.1778 92 38.5385 87.607 38.5385 82.2174V35.5652H81.2308C86.6394 35.5652 91 31.1722 91 25.7826C91 20.393 86.6394 16 81.2308 16H28.7692C23.3606 16 19 20.393 19 25.7826V82.2174C19 87.607 23.3606 92 28.7692 92Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/original/animated/top_right_corner.svg b/packages/rainbow/src/svgs/original/animated/top_right_corner.svg
index e98c15d6..01c8307b 100644
--- a/packages/rainbow/src/svgs/original/animated/top_right_corner.svg
+++ b/packages/rainbow/src/svgs/original/animated/top_right_corner.svg
@@ -1,11 +1,17 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M30.6714 53L30.6673 53C23.772 53.0056 18.4355 58.9537 19.0476 65.7748L19.0651 65.9689L19.0975 66.1611C24.2079 96.3995 39.7996 124.706 60.8858 145.99C81.9545 167.257 108.825 181.818 136.701 183.985L136.972 184.006L137.243 183.998C137.306 183.996 137.371 183.994 137.437 183.992C138.98 183.946 141.35 183.875 143.299 183.078C144.515 182.582 145.84 181.714 146.794 180.229C147.727 178.778 148 177.211 148 175.848V61.1358C148 57.1628 145.07 55.0512 143.235 54.1971C141.319 53.3055 139.177 52.9999 137.489 53C137.488 53 137.488 53 137.488 53L30.6714 53Z"
-        fill="#F1613A" stroke="#0000FF" stroke-width="10" />
+        fill="#00FF00" stroke="#0000FF" stroke-width="10">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <g filter="url(#filter0_d)">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M172.231 87C169.597 87 167.462 84.8588 167.462 82.2174V30.5652H119.769C117.135 30.5652 115 28.424 115 25.7826C115 23.1412 117.135 21 119.769 21H172.231C174.865 21 177 23.1412 177 25.7826V82.2174C177 84.8588 174.865 87 172.231 87Z"
-            fill="#00FF00" />
+            fill="#00FF00">
+            <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+                repeatCount="indefinite" />
+        </path>
         <path
             d="M162.462 82.2174C162.462 87.607 166.822 92 172.231 92C177.639 92 182 87.607 182 82.2174V25.7826C182 20.393 177.639 16 172.231 16H119.769C114.361 16 110 20.393 110 25.7826C110 31.1722 114.361 35.5652 119.769 35.5652H162.462V82.2174Z"
             stroke="#0000FF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/packages/rainbow/src/svgs/original/animated/top_side.svg b/packages/rainbow/src/svgs/original/animated/top_side.svg
index a7a540fb..8e2cd6eb 100644
--- a/packages/rainbow/src/svgs/original/animated/top_side.svg
+++ b/packages/rainbow/src/svgs/original/animated/top_side.svg
@@ -9,10 +9,16 @@
     </g>
     <path
         d="M24.6959 141.237L98.949 66.5922C100.395 65.1384 103.041 66.6277 104.571 68.1634L174.201 138.16C176.755 140.732 176.565 144.954 173.789 147.282C129.659 178.74 63.6074 179.111 26.5091 147.156C25.6609 146.557 22.6581 143.577 24.6959 141.237Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M35.0003 36.2581C35.0358 33.2513 37.9155 30 41.7053 30H157.295C161.288 29.9426 164.016 33.495 164 36.5764C163.99 39.6141 161.295 42.9944 157.323 42.9944C118.786 43.0288 80.2433 42.8727 41.7046 42.782C37.5952 42.7915 34.9672 39.3268 35.0003 36.2581Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8.99683" y="19" width="182.003" height="170.999" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/top_tee.svg b/packages/rainbow/src/svgs/original/animated/top_tee.svg
index a2fca1ba..5015b85d 100644
--- a/packages/rainbow/src/svgs/original/animated/top_tee.svg
+++ b/packages/rainbow/src/svgs/original/animated/top_tee.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M20.5 29.5C20.5 26.7386 22.7386 24.5 25.5 24.5H172C174.761 24.5 177 26.7386 177 29.5C177 32.2614 174.761 34.5 172 34.5H103.75V164.5C103.75 167.261 101.511 169.5 98.75 169.5C95.9886 169.5 93.75 167.261 93.75 164.5V34.5H25.5C22.7386 34.5 20.5 32.2614 20.5 29.5Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8" y="16" width="181.5" height="170" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/ul_angle.svg b/packages/rainbow/src/svgs/original/animated/ul_angle.svg
index d136acc7..b4515a29 100644
--- a/packages/rainbow/src/svgs/original/animated/ul_angle.svg
+++ b/packages/rainbow/src/svgs/original/animated/ul_angle.svg
@@ -3,7 +3,10 @@
         <path d="M34 166.5V34.5H166.5" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M34 166.5V34.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M34 166.5V34.5H166.5" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/ur_angle.svg b/packages/rainbow/src/svgs/original/animated/ur_angle.svg
index 7dead351..ada584aa 100644
--- a/packages/rainbow/src/svgs/original/animated/ur_angle.svg
+++ b/packages/rainbow/src/svgs/original/animated/ur_angle.svg
@@ -3,7 +3,10 @@
         <path d="M166.5 166.5V34.5H34" stroke="#0000FF" stroke-width="25" stroke-linecap="round"
             stroke-linejoin="round" />
     </g>
-    <path d="M166.5 166.5V34.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M166.5 166.5V34.5H34" stroke="#00FF00" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
+        <animate attributeName="stroke" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="16.5" y="21" width="167.5" height="167" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/vertical_text.svg b/packages/rainbow/src/svgs/original/animated/vertical_text.svg
index a2110750..15e5db09 100644
--- a/packages/rainbow/src/svgs/original/animated/vertical_text.svg
+++ b/packages/rainbow/src/svgs/original/animated/vertical_text.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M51.75 94.3H149.25C159.589 94.3 168 85.956 168 75.7V69.5H180.5V75.7C180.5 85.8296 175.577 94.8394 167.979 100.5C175.577 106.161 180.5 115.17 180.5 125.3V131.5H168V125.3C168 115.044 159.589 106.7 149.25 106.7H51.75C41.4113 106.7 33 115.044 33 125.3V131.5H20.5V125.3C20.5 115.17 25.4234 106.161 33.0206 100.5C25.4234 94.8394 20.5 85.8296 20.5 75.7V69.5H33V75.7C33 85.956 41.4113 94.3 51.75 94.3Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="8" y="61" width="185" height="87" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/xterm.svg b/packages/rainbow/src/svgs/original/animated/xterm.svg
index 841ee70f..48a680a7 100644
--- a/packages/rainbow/src/svgs/original/animated/xterm.svg
+++ b/packages/rainbow/src/svgs/original/animated/xterm.svg
@@ -6,7 +6,10 @@
     </g>
     <path
         d="M106.7 51.75V149.25C106.7 159.589 115.044 168 125.3 168H131.5V180.5H125.3C115.17 180.5 106.161 175.577 100.5 167.979C94.8394 175.577 85.8296 180.5 75.7 180.5H69.5V168H75.7C85.956 168 94.3 159.589 94.3 149.25V51.75C94.3 41.4113 85.956 33 75.7 33H69.5V20.5H75.7C85.8296 20.5 94.8394 25.4234 100.5 33.0206C106.161 25.4234 115.17 20.5 125.3 20.5H131.5V33H125.3C115.044 33 106.7 41.4113 106.7 51.75Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="57" y="12" width="87" height="185" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/zoom_in.svg b/packages/rainbow/src/svgs/original/animated/zoom_in.svg
index 8a739766..5589d5e4 100644
--- a/packages/rainbow/src/svgs/original/animated/zoom_in.svg
+++ b/packages/rainbow/src/svgs/original/animated/zoom_in.svg
@@ -9,10 +9,16 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M140 90.5C140 117.286 118.286 139 91.5 139C64.7142 139 43 117.286 43 90.5C43 63.7142 64.7142 42 91.5 42C118.286 42 140 63.7142 140 90.5ZM128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path
         d="M96.25 64C96.25 61.2386 94.0114 59 91.25 59C88.4886 59 86.25 61.2386 86.25 64V85.25H65C62.2386 85.25 60 87.4886 60 90.25C60 93.0114 62.2386 95.25 65 95.25H86.25V116.5C86.25 119.261 88.4886 121.5 91.25 121.5C94.0114 121.5 96.25 119.261 96.25 116.5V95.25H117.5C120.261 95.25 122.5 93.0114 122.5 90.25C122.5 87.4886 120.261 85.25 117.5 85.25H96.25V64Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <defs>
         <filter id="filter0_d" x="19" y="22" width="162.5" height="163.5" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
diff --git a/packages/rainbow/src/svgs/original/animated/zoom_out.svg b/packages/rainbow/src/svgs/original/animated/zoom_out.svg
index 7d6ec521..f68b1d73 100644
--- a/packages/rainbow/src/svgs/original/animated/zoom_out.svg
+++ b/packages/rainbow/src/svgs/original/animated/zoom_out.svg
@@ -9,7 +9,10 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M140 90.5C140 117.286 118.286 139 91.5 139C64.7142 139 43 117.286 43 90.5C43 63.7142 64.7142 42 91.5 42C118.286 42 140 63.7142 140 90.5ZM128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z"
-        fill="#00FF00" />
+        fill="#00FF00">
+        <animate attributeName="fill" values="#F8CA01;#F47F02;#F65054;#884FF9;#2590F9;#0FC584;#F8CA01" dur="3s"
+            repeatCount="indefinite" />
+    </path>
     <path d="M67 91L118 91" stroke="#00FF00" stroke-width="10" stroke-linecap="round" />
     <defs>
         <filter id="filter0_d" x="19" y="22" width="162.5" height="163.5" filterUnits="userSpaceOnUse"