1 files changed, 102 insertions, 0 deletions
diff --git a/Flat-Remix/apps/scalable/subsonic.svg b/Flat-Remix/apps/scalable/subsonic.svg
new file mode 100644
index 000000000..915cb2a85
--- /dev/null
+++ b/Flat-Remix/apps/scalable/subsonic.svg
@@ -0,0 +1,102 @@
+<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 359.605469 207.351562 C 355.375 259.71875 282.429688 294 217.199219 294 C 150 294 104.40625 262.613281 96 246 C 87.601562 262.613281 35.671875 270 36 270 L 36 282 C 35.671875 282 87.601562 274.613281 96 258 C 104.398438 274.613281 149.996094 306 217.199219 306 C 284.398438 306 360 269.675781 360 214.617188 C 359.996094 212.171875 359.859375 209.75 359.601562 207.351562 Z M 359.605469 207.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(100%,100%,100%)" d="M 107.25 84 C 101.019531 84 96 91.464844 96 100.757812 L 96 106.769531 C 96 97.476562 101.019531 90 107.25 90 L 108.75 90 C 114.980469 90 120 97.476562 120 106.769531 L 120 100.757812 C 120 91.464844 114.980469 84 108.75 84 Z M 107.25 84"/>
+  </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 210 C 240 223.253906 229.253906 234 216 234 C 202.746094 234 192 223.253906 192 210 C 192 196.746094 202.746094 186 216 186 C 229.253906 186 240 196.746094 240 210 Z M 240 210"/>
+  </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 300 210 C 300 223.253906 289.253906 234 276 234 C 262.746094 234 252 223.253906 252 210 C 252 196.746094 262.746094 186 276 186 C 289.253906 186 300 196.746094 300 210 Z M 300 210"/>
+  </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 180 210 C 180 223.253906 169.253906 234 156 234 C 142.746094 234 132 223.253906 132 210 C 132 196.746094 142.746094 186 156 186 C 169.253906 186 180 196.746094 180 210 Z M 180 210"/>
+  </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.101961"/>
+   </g>
+  </mask>
+  <linearGradient id="linear0" x1="2" x2="8" y1="1038.1" y2="1038.1" gradientTransform="matrix(12,0,0,12,0,-12243.8484)" gradientUnits="userSpaceOnUse">
+   <stop offset="0" style="stop-color:rgb(0%,0%,0%);stop-opacity:0"/>
+   <stop offset="1" style="stop-color:rgb(0%,0%,0%)"/>
+  </linearGradient>
+  <clipPath id="clip6">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface20" clip-path="url(#clip6)">
+   <path style="fill:url(#linear0)" d="M 96 174.953125 C 87.601562 158.335938 36 150.953125 36 150.953125 L 36 192.953125 L 24 192.953125 L 24 240.953125 L 36 240.953125 L 36 276.953125 C 35.671875 276.953125 87.601562 269.566406 96 252.953125 Z M 96 174.953125"/>
+  </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(100%,100%,100%)" d="M 175.195312 84 C 165.886719 84 156 91.410156 156 100.617188 L 156 106.617188 C 156 97.410156 165.886719 90 175.195312 90 L 259.195312 90 C 268.503906 90 276 97.410156 276 106.617188 L 276 100.617188 C 276 91.410156 268.503906 84 259.195312 84 Z M 276 119.988281 L 276 125.988281 C 325.90625 141.730469 358.328125 173.988281 359.859375 211.957031 C 359.921875 210.847656 360 209.742188 360 208.617188 C 359.925781 169.488281 327.074219 136.097656 276 119.988281 Z M 156 120.011719 C 124.828125 129.863281 104.398438 157.386719 96 174 C 87.601562 157.386719 36 150 36 150 L 36 156 C 36 156 87.601562 163.386719 96 180 C 104.398438 163.386719 124.828125 135.863281 156 126.011719 Z M 24 192 L 24 198 L 36 198 L 36 192 Z M 24 192"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(25.490196%,72.54902%,25.490196%)" d="M 107.25 84 L 108.75 84 C 114.964844 84 120 91.507812 120 100.769531 L 120 163.230469 C 120 172.492188 114.964844 180 108.75 180 L 107.25 180 C 101.035156 180 96 172.492188 96 163.230469 L 96 100.769531 C 96 91.507812 101.035156 84 107.25 84 Z M 107.25 84"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <path style="fill:rgb(100%,79.215686%,11.372549%)" d="M 175.199219 84 C 165.894531 84 156 91.410156 156 100.613281 L 156 120.015625 C 124.828125 129.867188 104.398438 157.386719 96 174 C 87.601562 157.386719 36 150 36 150 L 36 192 L 24 192 L 24 240 L 36 240 L 36 276 C 35.671875 276 87.601562 268.613281 96 252 C 104.398438 268.613281 150 300 217.199219 300 C 284.398438 300 360 263.671875 360 208.613281 C 359.925781 169.488281 327.074219 136.09375 276 119.984375 L 276 100.613281 C 276 91.410156 268.507812 84 259.199219 84 Z M 175.199219 84"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 240 204 C 240 217.253906 229.253906 228 216 228 C 202.746094 228 192 217.253906 192 204 C 192 190.746094 202.746094 180 216 180 C 229.253906 180 240 190.746094 240 204 Z M 240 204"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 300 204 C 300 217.253906 289.253906 228 276 228 C 262.746094 228 252 217.253906 252 204 C 252 190.746094 262.746094 180 276 180 C 289.253906 180 300 190.746094 300 204 Z M 300 204"/>
+  <use mask="url(#mask4)" xlink:href="#surface17"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 180 204 C 180 217.253906 169.253906 228 156 228 C 142.746094 228 132 217.253906 132 204 C 132 190.746094 142.746094 180 156 180 C 169.253906 180 180 190.746094 180 204 Z M 180 204"/>
+  <use mask="url(#mask5)" xlink:href="#surface20"/>
+  <use mask="url(#mask6)" xlink:href="#surface23"/>
+ </g>
+</svg>