Pkg - Add SVGs

smastrom · smastrom · commit b80de90c9be2 · 2023-12-10T16:16:31.000+01:00
diff --git a/svgs/bars-spinner.svg b/svgs/bars-spinner.svg
@@ -0,0 +1,34 @@
+<svg
+   width="36"
+   height="36"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_hzlK {
+         animation: spinner_vc4H 0.8s linear infinite;
+         animation-delay: -0.8s;
+      }
+      .spinner_koGT {
+         animation-delay: -0.65s;
+      }
+      .spinner_YF1u {
+         animation-delay: -0.5s;
+      }
+      @keyframes spinner_vc4H {
+         0% {
+            y: 1px;
+            height: 22px;
+         }
+         93.75% {
+            y: 5px;
+            height: 14px;
+            opacity: 0.2;
+         }
+      }
+   </style>
+   <rect class="spinner_hzlK" x="1" y="1" width="6" height="22" />
+   <rect class="spinner_hzlK spinner_koGT" x="9" y="1" width="6" height="22" />
+   <rect class="spinner_hzlK spinner_YF1u" x="17" y="1" width="6" height="22" />
+</svg>
diff --git a/svgs/circle-spinner.svg b/svgs/circle-spinner.svg
@@ -0,0 +1,40 @@
+<svg
+   width="36"
+   height="36"
+   stroke="#000"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_QPB9 {
+         transform-origin: center;
+         animation: spinner_4N1C 2s linear infinite;
+      }
+      .spinner_QPB9 circle {
+         stroke-linecap: round;
+         animation: spinner_MX3P 1.5s ease-in-out infinite;
+      }
+      @keyframes spinner_4N1C {
+         100% {
+            transform: rotate(360deg);
+         }
+      }
+      @keyframes spinner_MX3P {
+         0% {
+            stroke-dasharray: 0 150;
+            stroke-dashoffset: 0;
+         }
+         47.5% {
+            stroke-dasharray: 42 150;
+            stroke-dashoffset: -16;
+         }
+         95%,
+         100% {
+            stroke-dasharray: 42 150;
+            stroke-dashoffset: -59;
+         }
+      }
+   </style>
+   <g class="spinner_QPB9"><circle cx="12" cy="12" r="9.5" fill="none" stroke-width="3" /></g>
+</svg>
diff --git a/svgs/dots-spinner.svg b/svgs/dots-spinner.svg
@@ -0,0 +1,47 @@
+<svg
+   width="36"
+   height="36"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_nOfF {
+         animation: spinner_qtyZ 2s cubic-bezier(0.36, 0.6, 0.31, 1) infinite;
+      }
+      .spinner_fVhf {
+         animation-delay: -0.5s;
+      }
+      .spinner_piVe {
+         animation-delay: -1s;
+      }
+      .spinner_MSNs {
+         animation-delay: -1.5s;
+      }
+      @keyframes spinner_qtyZ {
+         0% {
+            r: 0;
+         }
+         25% {
+            r: 3px;
+            cx: 4px;
+         }
+         50% {
+            r: 3px;
+            cx: 12px;
+         }
+         75% {
+            r: 3px;
+            cx: 20px;
+         }
+         100% {
+            r: 0;
+            cx: 20px;
+         }
+      }
+   </style>
+   <circle class="spinner_nOfF" cx="4" cy="12" r="3" />
+   <circle class="spinner_nOfF spinner_fVhf" cx="4" cy="12" r="3" />
+   <circle class="spinner_nOfF spinner_piVe" cx="4" cy="12" r="3" />
+   <circle class="spinner_nOfF spinner_MSNs" cx="4" cy="12" r="3" />
+</svg>
diff --git a/svgs/pulse-spinner.svg b/svgs/pulse-spinner.svg
@@ -0,0 +1,28 @@
+<svg
+   width="36"
+   height="36"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_ZCsl {
+         animation: spinner_qV4G 1.2s cubic-bezier(0.52, 0.6, 0.25, 0.99) infinite;
+      }
+      .spinner_gaIW {
+         animation-delay: 0.6s;
+      }
+      @keyframes spinner_qV4G {
+         0% {
+            r: 0;
+            opacity: 1;
+         }
+         100% {
+            r: 11px;
+            opacity: 0;
+         }
+      }
+   </style>
+   <circle class="spinner_ZCsl" cx="12" cy="12" r="0" />
+   <circle class="spinner_ZCsl spinner_gaIW" cx="12" cy="12" r="0" />
+</svg>
diff --git a/svgs/ring-bars-spinner.svg b/svgs/ring-bars-spinner.svg
@@ -0,0 +1,61 @@
+<svg
+   width="36"
+   height="36"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_OSmW {
+         transform-origin: center;
+         animation: spinner_T6mA 0.75s step-end infinite;
+      }
+      @keyframes spinner_T6mA {
+         8.3% {
+            transform: rotate(30deg);
+         }
+         16.6% {
+            transform: rotate(60deg);
+         }
+         25% {
+            transform: rotate(90deg);
+         }
+         33.3% {
+            transform: rotate(120deg);
+         }
+         41.6% {
+            transform: rotate(150deg);
+         }
+         50% {
+            transform: rotate(180deg);
+         }
+         58.3% {
+            transform: rotate(210deg);
+         }
+         66.6% {
+            transform: rotate(240deg);
+         }
+         75% {
+            transform: rotate(270deg);
+         }
+         83.3% {
+            transform: rotate(300deg);
+         }
+         91.6% {
+            transform: rotate(330deg);
+         }
+         100% {
+            transform: rotate(360deg);
+         }
+      }
+   </style>
+   <g class="spinner_OSmW">
+      <rect x="11" y="1" width="2" height="5" opacity=".14" />
+      <rect x="11" y="1" width="2" height="5" transform="rotate(30 12 12)" opacity=".29" />
+      <rect x="11" y="1" width="2" height="5" transform="rotate(60 12 12)" opacity=".43" />
+      <rect x="11" y="1" width="2" height="5" transform="rotate(90 12 12)" opacity=".57" />
+      <rect x="11" y="1" width="2" height="5" transform="rotate(120 12 12)" opacity=".71" />
+      <rect x="11" y="1" width="2" height="5" transform="rotate(150 12 12)" opacity=".86" />
+      <rect x="11" y="1" width="2" height="5" transform="rotate(180 12 12)" />
+   </g>
+</svg>
diff --git a/svgs/ring-dot-spinner.svg b/svgs/ring-dot-spinner.svg
@@ -0,0 +1,24 @@
+<svg
+   width="36"
+   height="36"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_7WDj {
+         transform-origin: center;
+         animation: spinner_PBVY 0.75s linear infinite;
+      }
+      @keyframes spinner_PBVY {
+         100% {
+            transform: rotate(360deg);
+         }
+      }
+   </style>
+   <path
+      d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+      opacity=".25"
+   />
+   <circle class="spinner_7WDj" cx="12" cy="2.5" r="1.5" />
+</svg>
diff --git a/svgs/ring-spinner.svg b/svgs/ring-spinner.svg
@@ -0,0 +1,27 @@
+<svg
+   width="36"
+   height="36"
+   viewBox="0 0 24 24"
+   xmlns="http://www.w3.org/2000/svg"
+   style="background: #fff"
+>
+   <style>
+      .spinner_ajPY {
+         transform-origin: center;
+         animation: spinner_AtaB 0.75s infinite linear;
+      }
+      @keyframes spinner_AtaB {
+         100% {
+            transform: rotate(360deg);
+         }
+      }
+   </style>
+   <path
+      d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+      opacity=".25"
+   />
+   <path
+      d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+      class="spinner_ajPY"
+   />
+</svg>
diff --git a/svgs/wave-spinner.svg b/svgs/wave-spinner.svg
