1 files changed, 102 insertions, 21 deletions
diff --git a/Flat Remix/apps/scalable/frozen-bubble.svg b/Flat Remix/apps/scalable/frozen-bubble.svg
index 776864d29..92ac30e65 100644
--- a/Flat Remix/apps/scalable/frozen-bubble.svg
+++ b/Flat Remix/apps/scalable/frozen-bubble.svg
@@ -1,25 +1,106 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" version="1">
+<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>
-  <linearGradient id="linearGradient4648">
-   <stop style="stop-color:#7d329a" offset="0"/>
-   <stop style="stop-color:#ac5cce" offset="1"/>
+  <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 141.597656 191.351562 C 124.527344 244.152344 91.902344 302.730469 24 292.914062 C 28.488281 248.75 46.824219 204.285156 72.722656 168.605469 C 78.183594 161.085938 89.449219 157.75 94.105469 151.199219 Z M 141.597656 191.351562"/>
+  </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 168.226562 30 C 127.882812 30.59375 47.101562 96.453125 37.089844 175.652344 C 34.203125 198.460938 37.164062 222.742188 44.632812 245.429688 C 48.761719 316.625 142.246094 362.109375 200.636719 365.964844 C 272.066406 367.648438 338.78125 306.875 351.890625 290.5625 C 375.867188 255.101562 341.929688 178.660156 311.652344 134.144531 C 278.425781 85.292969 216.488281 49.722656 168.226562 30 Z M 168.226562 30"/>
+  </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.101961"/>
+   </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 168.222656 24 C 127.878906 24.59375 47.101562 90.453125 37.089844 169.652344 C 36.234375 176.417969 35.945312 183.320312 36.082031 190.265625 C 36.183594 185.351562 36.480469 180.464844 37.089844 175.652344 C 47.101562 96.453125 127.878906 30.59375 168.222656 30 C 216.484375 49.722656 278.421875 85.292969 311.648438 134.144531 C 333.992188 166.992188 358.261719 217.191406 359.847656 255.515625 C 360.8125 216.574219 335.183594 162.746094 311.648438 128.144531 C 278.421875 79.292969 216.484375 43.722656 168.222656 24 Z M 168.222656 24"/>
+  </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 268.488281 126 C 321.734375 143.421875 380.804688 176.710938 370.90625 246 C 326.371094 241.417969 281.53125 222.710938 245.550781 196.28125 C 237.96875 190.710938 234.605469 179.214844 228 174.460938 Z M 268.488281 126"/>
+  </g>
+  <linearGradient id="linear0" x1="30.577" x2="45" y1="19.129" y2="27.456" gradientTransform="matrix(8.470588,0,0,8,-9.176466,-0.000006)" gradientUnits="userSpaceOnUse">
+   <stop offset="0" style="stop-color:rgb(49.019608%,19.607843%,60.392157%)"/>
+   <stop offset="1" style="stop-color:rgb(67.45098%,36.078431%,80.784314%)"/>
   </linearGradient>
-  <linearGradient id="linearGradient4652" x1="30.577" x2="45" y1="19.129" y2="27.456" gradientTransform="matrix(1.4117647,0,0,1.3333334,-1.529411,-1e-6)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4648"/>
+  <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 144 186 C 152.335938 222.203125 80.433594 259.539062 44.359375 245.039062 C 26.996094 238.0625 24.035156 211.492188 24.765625 190.707031 C 25.503906 172.292969 23.65625 166.6875 42.089844 164.929688 C 77 161.695312 140.335938 170.09375 144 186 Z M 144 186"/>
+  </g>
+  <mask id="mask5">
+   <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="clip6">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface20" clip-path="url(#clip6)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 12 138 C 12 157.882812 28.117188 174 48 174 C 67.882812 174 84 157.882812 84 138 C 84 118.117188 67.882812 102 48 102 C 28.117188 102 12 118.117188 12 138 Z M 12 138"/>
+  </g>
+  <mask id="mask6">
+   <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="clip7">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface23" clip-path="url(#clip7)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 72 132 C 72 161.824219 96.175781 186 126 186 C 155.824219 186 180 161.824219 180 132 C 180 102.175781 155.824219 78 126 78 C 96.175781 78 72 102.175781 72 132 Z M 72 132"/>
+  </g>
  </defs>
- <path style="opacity:0.2" d="M 23.599914,31.892121 C 20.75433,40.692325 15.316897,50.455259 4,48.818985 4.7483236,41.458449 7.8040168,34.047599 12.12051,28.101003 c 0.909925,-1.253546 2.787434,-1.809294 3.564053,-2.900898 z"/>
- <path style="opacity:0.2" d="M 28.03761,5.0000019 C 21.313632,5.0991259 7.8502454,16.075774 6.181352,29.275677 5.700777,33.076725 6.194072,37.123885 7.4387668,40.904921 8.126652,52.770709 23.707906,60.351245 33.439218,60.994287 45.344494,61.274783 56.463506,51.145785 58.648582,48.427155 62.644782,42.517049 56.988588,29.776913 51.94237,22.357739 46.404568,14.215808 36.08125,8.2873239 28.03761,5.0000019 Z"/>
- <path style="fill:#653578" d="M 23.599914,30.89212 C 20.75433,39.692324 15.316897,49.455258 4,47.818984 4.7483236,40.458448 7.8040168,33.047598 12.12051,27.101002 c 0.909925,-1.253546 2.787434,-1.809294 3.564053,-2.900898 z"/>
- <path style="fill:#7d329a" d="M 28.03761,4 C 21.313632,4.099124 7.8502454,15.075772 6.181352,28.275676 5.700777,32.076724 6.194072,36.123884 7.4387668,39.90492 8.126652,51.770708 23.707906,59.351244 33.439218,59.994286 45.344494,60.274782 56.463506,50.145784 58.648582,47.427154 62.644782,41.517048 56.988588,28.776912 51.94237,21.357738 46.404568,13.215806 36.08125,7.287322 28.03761,4 Z"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 28.037109 4 C 21.313131 4.099124 7.850534 15.075487 6.1816406 28.275391 C 6.039071 29.403027 5.9906297 30.553355 6.0136719 31.710938 C 6.0304402 30.891719 6.0802277 30.077503 6.1816406 29.275391 C 7.850534 16.075487 21.313131 5.099124 28.037109 5 C 36.080749 8.287322 46.403604 14.21549 51.941406 22.357422 C 55.66517 27.832264 59.710313 36.198809 59.974609 42.585938 C 60.135109 36.095753 55.863998 27.124591 51.941406 21.357422 C 46.403604 13.21549 36.080749 7.287322 28.037109 4 z"/>
- <ellipse style="fill:#fcf8fd" cx="-18.045" cy="43.13" rx="9.587" ry="12.251" transform="matrix(0.67816244,-0.73491204,0.7242635,0.6895233,0,0)"/>
- <path style="opacity:0.2" d="m 44.74828,21.000001 c 8.874192,2.90367 18.719214,8.452096 17.069182,20 -7.422418,-0.7636 -14.895578,-3.88167 -20.892174,-8.286272 C 39.6612,31.785233 39.100782,29.869395 38,29.076923 Z"/>
- <path style="fill:url(#linearGradient4652)" d="m 44.74828,20 c 8.874192,2.90367 18.719214,8.452096 17.069182,20 C 54.395044,39.2364 46.921884,36.11833 40.925288,31.713728 39.6612,30.785232 39.100782,28.869394 38,28.076922 Z"/>
- <path style="opacity:0.2" d="M 24,31.000273 C 25.389626,37.033895 13.405534,43.256279 7.3930556,40.839895 4.4990866,39.676823 4.0059328,35.248637 4.1278526,31.784213 4.2507486,28.715573 3.9429226,27.781215 7.0149684,27.488377 12.833064,26.949371 23.389374,28.348967 24,31.000273 Z"/>
- <path style="fill:#ffc102" d="m 23.888828,29.626274 c 1.389626,6.033622 -10.594466,12.256006 -16.6069444,9.839622 -2.893969,-1.163072 -3.3871228,-5.591258 -3.265203,-9.055682 0.122896,-3.06864 -0.18493,-4.002998 2.8871158,-4.295836 5.8180956,-0.539006 16.3744056,0.86059 16.9850316,3.511896 z"/>
- <circle style="opacity:0.2" cx="-8" cy="23" r="6" transform="scale(-1,1)"/>
- <circle style="opacity:0.2" cx="-21" cy="22" r="9" transform="scale(-1,1)"/>
- <circle style="fill:#ffffff" cx="-8" cy="22" r="6" transform="scale(-1,1)"/>
- <circle style="fill:#ffffff" cx="-21" cy="21" r="9" transform="scale(-1,1)"/>
- <circle style="fill:#3f3f3f" cx="-18" cy="22" r="4" transform="scale(-1,1)"/>
- <circle style="fill:#3f3f3f" cx="-7" cy="22" r="3" transform="scale(-1,1)"/>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <path style="fill:rgb(39.607843%,20.784314%,47.058824%)" d="M 141.597656 185.351562 C 124.527344 238.152344 91.902344 296.730469 24 286.914062 C 28.488281 242.75 46.824219 198.285156 72.722656 162.605469 C 78.183594 155.085938 89.449219 151.75 94.105469 145.199219 Z M 141.597656 185.351562"/>
+  <path style="fill:rgb(49.019608%,19.607843%,60.392157%)" d="M 168.226562 24 C 127.882812 24.59375 47.101562 90.453125 37.089844 169.652344 C 34.203125 192.460938 37.164062 216.742188 44.632812 239.429688 C 48.761719 310.625 142.246094 356.109375 200.636719 359.964844 C 272.066406 361.648438 338.78125 300.875 351.890625 284.5625 C 375.867188 249.101562 341.929688 172.660156 311.652344 128.144531 C 278.425781 79.292969 216.488281 43.722656 168.226562 24 Z M 168.226562 24"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(98.823529%,97.254902%,99.215686%)" d="M 153.007812 215.730469 C 123.605469 187.738281 82.308594 183.972656 60.761719 207.320312 C 39.21875 230.667969 45.589844 272.285156 74.992188 300.277344 C 104.394531 328.269531 145.695312 332.035156 167.238281 308.6875 C 188.78125 285.339844 182.410156 243.722656 153.007812 215.730469 Z M 153.007812 215.730469"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <path style="fill:url(#linear0)" d="M 268.488281 120 C 321.734375 137.421875 380.804688 170.710938 370.90625 240 C 326.371094 235.417969 281.53125 216.710938 245.550781 190.28125 C 237.96875 184.710938 234.605469 173.214844 228 168.460938 Z M 268.488281 120"/>
+  <use mask="url(#mask4)" xlink:href="#surface17"/>
+  <path style="fill:rgb(100%,75.686275%,0.784314%)" d="M 143.332031 177.757812 C 151.671875 213.960938 79.765625 251.292969 43.691406 236.796875 C 26.328125 229.816406 23.367188 203.246094 24.101562 182.460938 C 24.835938 164.050781 22.992188 158.441406 41.421875 156.6875 C 76.332031 153.453125 139.667969 161.851562 143.332031 177.757812 Z M 143.332031 177.757812"/>
+  <use mask="url(#mask5)" xlink:href="#surface20"/>
+  <use mask="url(#mask6)" xlink:href="#surface23"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 12 132 C 12 151.882812 28.117188 168 48 168 C 67.882812 168 84 151.882812 84 132 C 84 112.117188 67.882812 96 48 96 C 28.117188 96 12 112.117188 12 132 Z M 12 132"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 72 126 C 72 155.824219 96.175781 180 126 180 C 155.824219 180 180 155.824219 180 126 C 180 96.175781 155.824219 72 126 72 C 96.175781 72 72 96.175781 72 126 Z M 72 126"/>
+  <path style="fill:rgb(24.705882%,24.705882%,24.705882%)" d="M 84 132 C 84 145.253906 94.746094 156 108 156 C 121.253906 156 132 145.253906 132 132 C 132 118.746094 121.253906 108 108 108 C 94.746094 108 84 118.746094 84 132 Z M 84 132"/>
+  <path style="fill:rgb(24.705882%,24.705882%,24.705882%)" d="M 24 132 C 24 141.941406 32.058594 150 42 150 C 51.941406 150 60 141.941406 60 132 C 60 122.058594 51.941406 114 42 114 C 32.058594 114 24 122.058594 24 132 Z M 24 132"/>
+ </g>
 </svg>