1 files changed, 51 insertions, 0 deletions
diff --git a/Flat-Remix-Light/apps/scalable/groove.svg b/Flat-Remix-Light/apps/scalable/groove.svg
new file mode 100644
index 000000000..f1a0c73d4
--- /dev/null
+++ b/Flat-Remix-Light/apps/scalable/groove.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384pt" height="384pt" version="1.1" viewBox="0 0 384 384">
+ <defs>
+  <filter id="alpha" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+   <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+  </filter>
+  <mask id="mask0">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip1">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface5" clip-path="url(#clip1)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 366 198 C 366 101.902344 288.097656 24 192 24 C 95.902344 24 18 101.902344 18 198 C 18 294.097656 95.902344 372 192 372 C 288.097656 372 366 294.097656 366 198 Z M 366 198"/>
+  </g>
+  <mask id="mask1">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip2">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface8" clip-path="url(#clip2)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 192.984375 156.023438 C 177.632812 155.660156 163.304688 163.703125 155.625 177 C 144.023438 197.085938 150.910156 222.777344 171 234.375 C 191.089844 245.972656 216.78125 239.089844 228.375 219 C 239.976562 198.914062 233.089844 173.222656 213 161.625 C 206.902344 158.109375 200.019531 156.183594 192.984375 156.023438 Z M 191.15625 180.023438 C 194.597656 179.863281 198.015625 180.691406 201 182.414062 C 209.605469 187.386719 212.554688 198.394531 207.585938 207 C 202.617188 215.605469 191.609375 218.554688 183 213.585938 C 174.394531 208.613281 171.445312 197.605469 176.414062 189 C 179.480469 183.691406 185.035156 180.3125 191.15625 180.023438 Z M 191.15625 180.023438"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 217.457031 147.089844 L 268.367188 96.179688 L 281.097656 134.359375 L 242.910156 172.542969 Z M 217.457031 147.089844"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 102.90625 108.90625 C 53.699219 158.109375 53.699219 237.890625 102.90625 287.09375 C 152.109375 336.300781 231.890625 336.300781 281.09375 287.09375 C 330.300781 237.890625 330.300781 158.109375 281.09375 108.90625 C 276.796875 104.679688 272.199219 100.769531 267.339844 97.203125 L 241.550781 122.992188 C 246.617188 126.296875 251.339844 130.105469 255.640625 134.359375 C 290.785156 169.507812 290.785156 226.492188 255.640625 261.640625 C 220.492188 296.785156 163.507812 296.785156 128.359375 261.640625 C 93.214844 226.492188 93.214844 169.507812 128.359375 134.359375 C 148.386719 114.382812 176.640625 104.988281 204.644531 108.988281 L 234.195312 79.4375 C 188.410156 63.113281 137.320312 74.582031 102.90625 108.90625 Z M 102.90625 108.90625"/>
+  </g>
+  <mask id="mask2">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip3">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface11" clip-path="url(#clip3)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 192 18 C 95.605469 18 18 95.605469 18 192 C 18 192.664062 18.070312 193.3125 18.105469 193.96875 C 20.242188 99.457031 96.957031 24 192 24 C 287.042969 24 363.757812 99.457031 365.894531 193.96875 C 365.929688 193.3125 366 192.664062 366 192 C 366 95.605469 288.394531 18 192 18 Z M 192 18"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(0%,47.058824%,84.313725%)" d="M 366 192 C 366 95.902344 288.097656 18 192 18 C 95.902344 18 18 95.902344 18 192 C 18 288.097656 95.902344 366 192 366 C 288.097656 366 366 288.097656 366 192 Z M 366 192"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <path style="fill:rgb(79.215686%,90.980392%,100%)" d="M 192.984375 150.023438 C 177.632812 149.660156 163.304688 157.703125 155.625 171 C 144.023438 191.085938 150.910156 216.777344 171 228.375 C 191.089844 239.972656 216.78125 233.089844 228.375 213 C 239.976562 192.914062 233.089844 167.222656 213 155.625 C 206.902344 152.109375 200.019531 150.183594 192.984375 150.023438 Z M 191.15625 174.023438 C 194.597656 173.863281 198.015625 174.691406 201 176.414062 C 209.605469 181.386719 212.554688 192.394531 207.585938 201 C 202.617188 209.605469 191.609375 212.554688 183 207.585938 C 174.394531 202.613281 171.445312 191.605469 176.414062 183 C 179.480469 177.691406 185.035156 174.3125 191.15625 174.023438 Z M 191.15625 174.023438"/>
+  <path style="fill:rgb(44.313725%,75.686275%,100%)" d="M 217.457031 141.089844 L 268.367188 90.179688 L 281.097656 128.359375 L 242.910156 166.542969 Z M 217.457031 141.089844"/>
+  <path style="fill:rgb(44.313725%,75.686275%,100%)" d="M 102.90625 102.90625 C 53.699219 152.109375 53.699219 231.890625 102.90625 281.09375 C 152.109375 330.300781 231.890625 330.300781 281.09375 281.09375 C 330.300781 231.890625 330.300781 152.109375 281.09375 102.90625 C 276.796875 98.679688 272.199219 94.769531 267.339844 91.203125 L 241.550781 116.992188 C 246.617188 120.296875 251.339844 124.105469 255.640625 128.359375 C 290.785156 163.507812 290.785156 220.492188 255.640625 255.640625 C 220.492188 290.785156 163.507812 290.785156 128.359375 255.640625 C 93.214844 220.492188 93.214844 163.507812 128.359375 128.359375 C 148.386719 108.382812 176.640625 98.988281 204.644531 102.988281 L 234.195312 73.4375 C 188.410156 57.113281 137.320312 68.582031 102.90625 102.90625 Z M 102.90625 102.90625"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+ </g>
+</svg>