diff --git a/svg/animated/left_ptr_watch.svg b/svg/animated/left_ptr_watch.svg
new file mode 100644
index 0000000..7fde021
--- /dev/null
+++ b/svg/animated/left_ptr_watch.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M57.4357 30.6757L57.3084 139.5C57.3065 141.145 58.622 142.494 60.2652 142.579C67.1894 142.936 84.704 144.456 95.9356 150.842C104.365 155.635 105.12 161 113.991 157.086C122.863 153.173 118.953 149.2 121.097 139.744C123.949 127.16 134.328 113.346 138.623 108.029C139.65 106.757 139.535 104.89 138.326 103.789L57.854 30.4912C57.6936 30.3451 57.436 30.4587 57.4357 30.6757Z" fill="white"/>
+    <path d="M53.4357 30.671V30.6711L53.3084 139.495C53.3039 143.333 56.3505 146.382 60.0591 146.573C63.4195 146.747 69.343 147.203 75.7615 148.383C82.2406 149.575 88.9154 151.452 93.9584 154.319C95.8016 155.367 97.242 156.454 98.5664 157.514C98.7898 157.692 99.0212 157.88 99.2593 158.073C100.321 158.935 101.513 159.903 102.697 160.633C104.31 161.629 106.193 162.39 108.537 162.435C110.782 162.477 113.094 161.854 115.606 160.746C118.108 159.642 120.128 158.359 121.584 156.654C123.116 154.86 123.746 152.931 124.023 151.087C124.209 149.844 124.252 148.409 124.29 147.143C124.301 146.763 124.312 146.399 124.326 146.059C124.394 144.421 124.536 142.665 124.998 140.628C126.283 134.959 129.332 128.794 132.729 123.252C136.096 117.758 139.651 113.122 141.734 110.543C144.052 107.674 143.841 103.402 141.019 100.832L60.5476 27.534L60.5476 27.534C57.8202 25.0498 53.44 26.9819 53.4357 30.671Z" stroke="white" stroke-width="8"/>
+  </g>
+  <path d="M57.4365 30.1108L57.3074 140.49C57.3061 141.587 58.1752 142.485 59.2712 142.532C65.3462 142.791 84.1186 144.123 95.9357 150.842C104.365 155.635 105.12 161 113.991 157.086C122.863 153.173 118.953 149.2 121.097 139.744C124.099 126.499 135.438 111.893 139.247 107.264C139.94 106.422 139.858 105.184 139.052 104.45L57.4365 30.1108Z" fill="#4D4D4D"/>
+  <g filter="url(#filter1_d)">
+    <rect x="77" y="28" width="96" height="96" rx="30" fill="white"/>
+  </g>
+  <g transform="translate(85.5,36)">
+    <g transform="scale(0.8)">
+      <g>
+        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="2s" keySplines="0.5 0.5 0.5 0.5" calcMode="spline"/>
+        <path fill="#923db3" d="M51.8,9.9c-8.2-6.6-20.5-4.3-26,4.5c1.9-0.3,3.8-0.4,5.7-0.1c9.9-5.7,22.9-0.9,26.9,9.8 C58.5,18.7,56.1,13.4,51.8,9.9z"/>
+        <path fill="#f5468e" d="M44.1,23c-4-6.9-12.3-10.3-20-8.1c-7.4,2-12.6,8.8-12.8,16.5c1.5-1.2,3.1-2.2,4.9-2.9 c5.7-9.8,19.4-12.2,28.1-5C44.3,23.3,44.2,23.1,44.1,23z"/>
+        <path fill="#ff803f" d="M31.4,29.5c-6.8-3.9-15.6-2.8-21.1,2.7c-5.6,5.4-6.8,14.1-3.1,20.9c0.7-1.8,1.6-3.5,2.8-5 c0-11.4,10.7-20.3,21.9-18.4C31.7,29.7,31.5,29.6,31.4,29.5z"/>
+        <path fill="#c6d63c" d="M12.1,57c0.8-7.1,5.6-13,12.1-15.4c-8.1-0.2-15.4,5.2-17.5,13c-2,7.5,1.2,15.5,7.8,19.6 c-0.3-1.9-0.4-3.8-0.1-5.7C12.4,65,11.6,61,12.1,57z"/>
+        <path fill="#923db3" d="M28.4,83.8c-9.8-5.7-12.2-19.4-5-28.1c-7.1,3.8-10.7,12.2-8.6,20c2,7.5,8.8,12.8,16.5,13 C30.1,87.2,29.1,85.6,28.4,83.8z"/>
+        <path fill="#f5468e" d="M48.2,90.1c-11.4,0-20.3-10.7-18.4-21.9c-4.2,6.8-3.2,15.6,2.3,21.4c5.4,5.7,14.2,7,21.1,3.3 C51.4,92.2,49.7,91.2,48.2,90.1z"/>
+        <path fill="#ff803f" d="M68.5,85.6c-9.9,5.7-22.9,0.9-26.9-9.8c-0.2,8.1,5.2,15.4,13,17.5c7.5,2,15.5-1.2,19.6-7.8 C72.3,85.8,70.4,85.9,68.5,85.6z"/>
+        <path fill="#c6d63c" d="M83.8,71.6c-5.7,9.8-19.4,12.2-28.1,5c3.8,7.1,12.2,10.7,20,8.6c7.5-2,12.8-8.8,13-16.5 C87.2,69.9,85.6,70.9,83.8,71.6z"/>
+        <path fill="#923db3" d="M92.9,46.8c-0.7,1.8-1.6,3.5-2.8,5c0,11.4-10.7,20.3-21.9,18.4c6.8,4.2,15.6,3.2,21.4-2.3 C95.3,62.5,96.6,53.7,92.9,46.8z"/>
+        <path fill="#f5468e" d="M85.5,25.8c0.3,1.9,0.4,3.8,0.1,5.7c5.7,9.9,0.9,22.9-9.8,26.9c8.1,0.2,15.4-5.2,17.5-13 C95.3,37.9,92.1,29.8,85.5,25.8z"/>
+        <path fill="#ff803f" d="M71.6,16.2C67.8,6.4,56,2.2,46.8,7.1c1.8,0.7,3.5,1.6,5,2.8c11.4,0,20.3,10.7,18.4,21.9 C73.1,27.1,73.6,21.3,71.6,16.2z"/>
+        <path fill="#c6d63c" d="M85.5,25.8c-1.4-8.2-8.6-14.3-16.9-14.5c1.2,1.5,2.2,3.1,2.9,4.9c9.8,5.7,12.2,19.4,5,28.1 C83.2,40.7,86.8,33.2,85.5,25.8z"/>
+      </g>
+    </g>
+  </g>
+  <defs>
+    <filter id="filter0_d" x="45.3084" y="22.4099" width="106.011" height="154.027" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+    <filter id="filter1_d" x="73" y="28" width="104" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/animated/wait.svg b/svg/animated/wait.svg
new file mode 100644
index 0000000..bd77111
--- /dev/null
+++ b/svg/animated/wait.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <rect x="11" y="11" width="178" height="178" rx="50" fill="white"/>
+  </g>
+  <g transform="translate(100,100)">
+    <g transform="scale(1.5)">
+      <g transform="translate(-50,-50)">
+        <g>
+          <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="2s" keySplines="0.5 0.5 0.5 0.5" calcMode="spline"/>
+          <path fill="#923db3" d="M51.8,9.9c-8.2-6.6-20.5-4.3-26,4.5c1.9-0.3,3.8-0.4,5.7-0.1c9.9-5.7,22.9-0.9,26.9,9.8 C58.5,18.7,56.1,13.4,51.8,9.9z"/>
+          <path fill="#f5468e" d="M44.1,23c-4-6.9-12.3-10.3-20-8.1c-7.4,2-12.6,8.8-12.8,16.5c1.5-1.2,3.1-2.2,4.9-2.9 c5.7-9.8,19.4-12.2,28.1-5C44.3,23.3,44.2,23.1,44.1,23z"/>
+          <path fill="#ff803f" d="M31.4,29.5c-6.8-3.9-15.6-2.8-21.1,2.7c-5.6,5.4-6.8,14.1-3.1,20.9c0.7-1.8,1.6-3.5,2.8-5 c0-11.4,10.7-20.3,21.9-18.4C31.7,29.7,31.5,29.6,31.4,29.5z"/>
+          <path fill="#c6d63c" d="M12.1,57c0.8-7.1,5.6-13,12.1-15.4c-8.1-0.2-15.4,5.2-17.5,13c-2,7.5,1.2,15.5,7.8,19.6 c-0.3-1.9-0.4-3.8-0.1-5.7C12.4,65,11.6,61,12.1,57z"/>
+          <path fill="#923db3" d="M28.4,83.8c-9.8-5.7-12.2-19.4-5-28.1c-7.1,3.8-10.7,12.2-8.6,20c2,7.5,8.8,12.8,16.5,13 C30.1,87.2,29.1,85.6,28.4,83.8z"/>
+          <path fill="#f5468e" d="M48.2,90.1c-11.4,0-20.3-10.7-18.4-21.9c-4.2,6.8-3.2,15.6,2.3,21.4c5.4,5.7,14.2,7,21.1,3.3 C51.4,92.2,49.7,91.2,48.2,90.1z"/>
+          <path fill="#ff803f" d="M68.5,85.6c-9.9,5.7-22.9,0.9-26.9-9.8c-0.2,8.1,5.2,15.4,13,17.5c7.5,2,15.5-1.2,19.6-7.8 C72.3,85.8,70.4,85.9,68.5,85.6z"/>
+          <path fill="#c6d63c" d="M83.8,71.6c-5.7,9.8-19.4,12.2-28.1,5c3.8,7.1,12.2,10.7,20,8.6c7.5-2,12.8-8.8,13-16.5 C87.2,69.9,85.6,70.9,83.8,71.6z"/>
+          <path fill="#923db3" d="M92.9,46.8c-0.7,1.8-1.6,3.5-2.8,5c0,11.4-10.7,20.3-21.9,18.4c6.8,4.2,15.6,3.2,21.4-2.3 C95.3,62.5,96.6,53.7,92.9,46.8z"/>
+          <path fill="#f5468e" d="M85.5,25.8c0.3,1.9,0.4,3.8,0.1,5.7c5.7,9.9,0.9,22.9-9.8,26.9c8.1,0.2,15.4-5.2,17.5-13 C95.3,37.9,92.1,29.8,85.5,25.8z"/>
+          <path fill="#ff803f" d="M71.6,16.2C67.8,6.4,56,2.2,46.8,7.1c1.8,0.7,3.5,1.6,5,2.8c11.4,0,20.3,10.7,18.4,21.9 C73.1,27.1,73.6,21.3,71.6,16.2z"/>
+          <path fill="#c6d63c" d="M85.5,25.8c-1.4-8.2-8.6-14.3-16.9-14.5c1.2,1.5,2.2,3.1,2.9,4.9c9.8,5.7,12.2,19.4,5,28.1 C83.2,40.7,86.8,33.2,85.5,25.8z"/>
+        </g>
+      </g>
+    </g>
+  </g>
+  <defs>
+    <filter id="filter0_d" x="7" y="11" width="186" height="188" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>