1 files changed, 59 insertions, 8 deletions
diff --git a/Flat Remix/apps/scalable/granule.svg b/Flat Remix/apps/scalable/granule.svg
index 1c06ade1e..8697e600d 100644
--- a/Flat Remix/apps/scalable/granule.svg
+++ b/Flat Remix/apps/scalable/granule.svg
@@ -1,9 +1,60 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
- <path style="opacity:0.2" d="m 4.0000004,53.200069 0,1.999971 c 0,1.549978 1.2495821,2.79996 2.80076,2.79996 L 57.20004,58 C 58.750017,58 60,56.750018 60,55.20004 l 0,-1.999971 c 0,1.549977 -1.249983,2.79996 -2.79996,2.79996 l -50.3992796,0 c -1.5503779,0 -2.79996,-1.249983 -2.79996,-2.79996 z"/>
- <rect style="fill:#fecd38" width="39.999" height="39.999" x="12" y="7" rx="2" ry="2.666"/>
- <rect style="fill:#d2d2d2" width="55.999" height="28" x="4" y="29" rx="2.8" ry="2.8"/>
- <path style="opacity:0.5" d="m 17.9998,19.000572 0,-3.999943 27.9996,0 0,3.999943 z"/>
- <rect style="fill:#484848" width="24" height="6" x="20" y="39" rx="1.5" ry="1.5"/>
- <path style="opacity:0.5" d="m 17.9998,27.000458 0,-3.999943 27.9996,0 0,3.999943 z"/>
- <path style="opacity:0.2;fill:#ffffff" d="M 6.8007812 29 C 5.2496034 29 4 30.250803 4 31.800781 L 4 32.800781 C 4 31.250803 5.2496034 30 6.8007812 30 L 57.199219 30 C 58.749196 30 60 31.250803 60 32.800781 L 60 31.800781 C 60 30.250803 58.749196 29 57.199219 29 L 6.8007812 29 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 24 319.199219 L 24 331.199219 C 24 340.5 31.496094 348 40.804688 348 L 343.199219 348 C 352.5 348 360 340.5 360 331.199219 L 360 319.199219 C 360 328.5 352.5 336 343.199219 336 L 40.804688 336 C 31.503906 336 24.003906 328.5 24.003906 319.199219 Z M 24 319.199219"/>
+  </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.501961"/>
+   </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 108 114.003906 L 108 90.003906 L 275.996094 90.003906 L 275.996094 114.003906 Z M 108 114.003906"/>
+  </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.501961"/>
+   </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 108 162.003906 L 108 138.003906 L 275.996094 138.003906 L 275.996094 162.003906 Z M 108 162.003906"/>
+  </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(100%,100%,100%)" d="M 40.804688 174 C 31.496094 174 24 181.503906 24 190.804688 L 24 196.804688 C 24 187.503906 31.496094 180 40.804688 180 L 343.195312 180 C 352.496094 180 360 187.503906 360 196.804688 L 360 190.804688 C 360 181.503906 352.496094 174 343.195312 174 Z M 40.804688 174"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(99.607843%,80.392157%,21.960784%)" d="M 84 42 L 299.992188 42 C 306.621094 42 311.992188 49.160156 311.992188 57.996094 L 311.992188 265.996094 C 311.992188 274.832031 306.621094 281.992188 299.992188 281.992188 L 84 281.992188 C 77.371094 281.992188 72 274.832031 72 265.996094 L 72 57.996094 C 72 49.160156 77.371094 42 84 42 Z M 84 42"/>
+  <path style="fill:rgb(82.352941%,82.352941%,82.352941%)" d="M 40.800781 174 L 343.195312 174 C 352.472656 174 359.992188 181.523438 359.992188 190.800781 L 359.992188 325.199219 C 359.992188 334.476562 352.472656 342 343.195312 342 L 40.800781 342 C 31.523438 342 24 334.476562 24 325.199219 L 24 190.800781 C 24 181.523438 31.523438 174 40.800781 174 Z M 40.800781 174"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <path style="fill:rgb(28.235294%,28.235294%,28.235294%)" d="M 129 234 L 255 234 C 259.96875 234 264 238.03125 264 243 L 264 261 C 264 265.96875 259.96875 270 255 270 L 129 270 C 124.03125 270 120 265.96875 120 261 L 120 243 C 120 238.03125 124.03125 234 129 234 Z M 129 234"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+ </g>
 </svg>