1 files changed, 72 insertions, 10 deletions
diff --git a/Flat Remix/apps/scalable/metronome.svg b/Flat Remix/apps/scalable/metronome.svg
index 8d0c547a9..3317dd1a9 100644
--- a/Flat Remix/apps/scalable/metronome.svg
+++ b/Flat Remix/apps/scalable/metronome.svg
@@ -1,11 +1,73 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1.1" viewBox="0 0 64 64">
- <path style="opacity:0.2" d="M 4.3074713,57.534951 4.1240758,58.202229 C 3.7103038,59.695212 5.3680691,61 6.9140554,61 l 50.2316186,0 c 1.545966,0 3.203731,-1.304788 2.789979,-2.797771 l -0.183401,-0.663282 c -0.468613,0.854675 -1.555696,1.463216 -2.606578,1.463216 l -50.2316186,0 c -1.0527603,0 -2.1394838,-0.60994 -2.6065781,-1.467212 z"/>
- <path style="fill:#37a0f2" d="M 59.935201,57.2 45.967403,6.8000001 C 45.553182,5.3054 44.721482,4 43.173803,4 l -22.348,0 c -1.547639,0 -2.3794,1.3054 -2.7936,2.8000001 L 4.0644041,57.2 C 3.6501842,58.6946 5.3103241,60 6.858004,60 l 50.283998,0 c 1.547639,0 3.2078,-1.3054 2.7936,-2.8 z"/>
- <path style="fill:#ffffff;opacity:0.2" d="M 20.826172 4 C 19.278533 4 18.44545 5.3061811 18.03125 6.8007812 L 4.0644531 57.199219 C 3.9739927 57.525621 3.9974035 57.83999 4.0820312 58.136719 L 18.03125 7.8007812 C 18.44545 6.3061811 19.278533 5 20.826172 5 L 43.173828 5 C 44.721507 5 45.552576 6.3061811 45.966797 7.8007812 L 59.917969 58.136719 C 60.0026 57.83999 60.026003 57.525621 59.935547 57.199219 L 45.966797 6.8007812 C 45.552576 5.3061811 44.721507 4 43.173828 4 L 20.826172 4 z"/>
- <circle style="opacity:0.2" cx="32" cy="49" r="8"/>
- <circle style="fill:#ffffff" cx="32" cy="48" r="8"/>
- <rect style="opacity:0.2" width="5.994" height="41.955" x="49.67" y="-11.63" rx="2.883" ry="3.258" transform="matrix(0.86602541,0.5,-0.5,0.86602541,0,0)"/>
- <rect style="fill:#fe4343" width="5.994" height="41.955" x="48.67" y="-13.37" rx="2.883" ry="3.258" transform="matrix(0.86602541,0.5,-0.5,0.86602541,0,0)"/>
- <path style="opacity:0.2" d="M 38,5 31.999999,15 26,5 Z"/>
- <path style="fill:#ffffff" d="M 38,4 31.999999,14 26,4 Z"/>
+<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 25.84375 345.210938 L 24.746094 349.214844 C 22.261719 358.171875 32.207031 366 41.484375 366 L 342.875 366 C 352.148438 366 362.097656 358.171875 359.613281 349.214844 L 358.511719 345.234375 C 355.703125 350.363281 349.179688 354.011719 342.875 354.011719 L 41.484375 354.011719 C 35.167969 354.011719 28.648438 350.351562 25.84375 345.210938 Z M 25.84375 345.210938"/>
+  </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(100%,100%,100%)" d="M 124.957031 24 C 115.671875 24 110.671875 31.835938 108.1875 40.804688 L 24.386719 343.195312 C 23.84375 345.152344 23.984375 347.039062 24.492188 348.820312 L 108.1875 46.804688 C 110.671875 37.835938 115.671875 30 124.957031 30 L 259.042969 30 C 268.328125 30 273.316406 37.835938 275.800781 46.804688 L 359.507812 348.820312 C 360.015625 347.039062 360.15625 345.152344 359.613281 343.195312 L 275.800781 40.804688 C 273.316406 31.835938 268.328125 24 259.042969 24 Z M 124.957031 24"/>
+  </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(0%,0%,0%)" d="M 240 294 C 240 320.507812 218.507812 342 192 342 C 165.492188 342 144 320.507812 144 294 C 144 267.492188 165.492188 246 192 246 C 218.507812 246 240 267.492188 240 294 Z M 240 294"/>
+  </g>
+  <mask id="mask3">
+   <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="clip4">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface14" clip-path="url(#clip4)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 307.964844 97.226562 L 309.148438 97.910156 C 317.421875 102.6875 319.753906 114.140625 314.355469 123.488281 L 208.039062 307.636719 C 202.640625 316.984375 191.554688 320.691406 183.28125 315.917969 L 182.097656 315.230469 C 173.824219 310.457031 171.492188 299.003906 176.890625 289.652344 L 283.207031 105.507812 C 288.605469 96.15625 299.691406 92.449219 307.964844 97.226562 Z M 307.964844 97.226562"/>
+  </g>
+  <mask id="mask4">
+   <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="clip5">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface17" clip-path="url(#clip5)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 228 30 L 192 90 L 156 30 Z M 228 30"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(21.568627%,62.745098%,94.901961%)" d="M 359.609375 343.199219 L 275.804688 40.800781 C 273.320312 31.832031 268.328125 24 259.042969 24 L 124.953125 24 C 115.667969 24 110.679688 31.832031 108.191406 40.800781 L 24.386719 343.199219 C 21.902344 352.167969 31.863281 360 41.148438 360 L 342.851562 360 C 352.136719 360 362.097656 352.167969 359.613281 343.199219 Z M 359.609375 343.199219"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 240 288 C 240 314.507812 218.507812 336 192 336 C 165.492188 336 144 314.507812 144 288 C 144 261.492188 165.492188 240 192 240 C 218.507812 240 240 261.492188 240 288 Z M 240 288"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <path style="fill:rgb(99.607843%,26.27451%,26.27451%)" d="M 307.988281 85.1875 L 309.171875 85.871094 C 317.445312 90.648438 319.777344 102.097656 314.378906 111.449219 L 208.0625 295.59375 C 202.664062 304.945312 191.582031 308.652344 183.308594 303.875 L 182.121094 303.191406 C 173.847656 298.414062 171.519531 286.960938 176.914062 277.613281 L 283.234375 93.464844 C 288.628906 84.117188 299.714844 80.410156 307.988281 85.1875 Z M 307.988281 85.1875"/>
+  <use mask="url(#mask4)" xlink:href="#surface17"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 228 24 L 192 84 L 156 24 Z M 228 24"/>
+ </g>
 </svg>