From c8b7980b22156e81b36fb6b7abd07d991a984f03 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 11 Feb 2025 09:16:25 +0100
Subject: [PATCH] Optimize player SVG

---
 .../player/src/sass/svg/arrow-down.svg        | 16 +---
 .../player/src/sass/svg/arrow-up.svg          | 16 +---
 .../player/src/sass/svg/big-play-button.svg   | 12 +--
 .../standalone/player/src/sass/svg/code.svg   |  4 +-
 .../player/src/sass/svg/fullscreen.svg        | 17 +---
 .../standalone/player/src/sass/svg/info.svg   |  5 +-
 .../standalone/player/src/sass/svg/link-2.svg |  4 +-
 .../standalone/player/src/sass/svg/next.svg   | 60 +-------------
 .../player/src/sass/svg/playlists.svg         | 78 +------------------
 .../standalone/player/src/sass/svg/repeat.svg |  6 +-
 .../player/src/sass/svg/settings.svg          | 15 +---
 .../player/src/sass/svg/theater.svg           | 14 +---
 .../player/src/sass/svg/tick-white.svg        | 12 +--
 .../player/src/sass/svg/volume-mute.svg       | 18 +----
 .../standalone/player/src/sass/svg/volume.svg | 16 ++--
 .../src/standalone/player/src/sass/svg/x.svg  |  4 +-
 16 files changed, 51 insertions(+), 246 deletions(-)

diff --git a/client/src/standalone/player/src/sass/svg/arrow-down.svg b/client/src/standalone/player/src/sass/svg/arrow-down.svg
index 3377cdab2..cc701aa99 100644
--- a/client/src/standalone/player/src/sass/svg/arrow-down.svg
+++ b/client/src/standalone/player/src/sass/svg/arrow-down.svg
@@ -1,14 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="Artboard-4" transform="translate(-532.000000, -1046.000000)" stroke="#fff" stroke-width="2">
-            <g id="Extras" transform="translate(48.000000, 1046.000000)">
-                <g id="down" transform="translate(484.000000, 0.000000)">
-                    <path d="M12,3 L12,20" id="Path-58"></path>
-                    <polyline id="Path-59" stroke-linejoin="round" transform="translate(12.000000, 17.000000) scale(-1, -1) translate(-12.000000, -17.000000) " points="4 21 12 13 20 21"></polyline>
-                </g>
-            </g>
-        </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-width="2">
+        <path d="M12 3v17"/>
+        <path stroke-linejoin="round" d="m20 13-8 8-8-8"/>
     </g>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/arrow-up.svg b/client/src/standalone/player/src/sass/svg/arrow-up.svg
index b1a7890a8..e7b10c78b 100644
--- a/client/src/standalone/player/src/sass/svg/arrow-up.svg
+++ b/client/src/standalone/player/src/sass/svg/arrow-up.svg
@@ -1,14 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="Artboard-4" transform="translate(-488.000000, -1046.000000)" stroke="#fff" stroke-width="2">
-            <g id="Extras" transform="translate(48.000000, 1046.000000)">
-                <g id="up" transform="translate(440.000000, 0.000000)">
-                    <path d="M12,4 L12,21" id="Path-58"></path>
-                    <polyline id="Path-59" stroke-linejoin="round" transform="translate(12.000000, 7.000000) scale(-1, 1) translate(-12.000000, -7.000000) " points="4 11 12 3 20 11"></polyline>
-                </g>
-            </g>
-        </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-width="2">
+        <path d="M12 4v17"/>
+        <path stroke-linejoin="round" d="m20 11-8-8-8 8"/>
     </g>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/big-play-button.svg b/client/src/standalone/player/src/sass/svg/big-play-button.svg
index f2e65dc38..9c3679cbf 100644
--- a/client/src/standalone/player/src/sass/svg/big-play-button.svg
+++ b/client/src/standalone/player/src/sass/svg/big-play-button.svg
@@ -1,11 +1,3 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 460.114 460.114" style="enable-background:new 0 0 460.114 460.114;" xml:space="preserve">
-<g>
-	<g>
-		<path fill="#fff" d="M393.538,203.629L102.557,5.543c-9.793-6.666-22.468-7.372-32.94-1.832c-10.472,5.538-17.022,16.413-17.022,28.26v396.173
-			c0,11.846,6.55,22.721,17.022,28.26c10.471,5.539,23.147,4.834,32.94-1.832l290.981-198.087
-			c8.746-5.954,13.98-15.848,13.98-26.428C407.519,219.477,402.285,209.582,393.538,203.629z"/>
-	</g>
-</g>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 460.114 460.114">
+    <path fill="#fff" d="M393.538 203.629 102.557 5.543a31.97 31.97 0 0 0-32.94-1.832 31.97 31.97 0 0 0-17.022 28.26v396.173a31.97 31.97 0 0 0 49.962 26.428l290.981-198.087a31.97 31.97 0 0 0 0-52.856"/>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/code.svg b/client/src/standalone/player/src/sass/svg/code.svg
index 9280eda7f..5308bc7a7 100644
--- a/client/src/standalone/player/src/sass/svg/code.svg
+++ b/client/src/standalone/player/src/sass/svg/code.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="feather feather-code">
+    <path d="m16 18 6-6-6-6M8 6l-6 6 6 6"/>
+</svg>
diff --git a/client/src/standalone/player/src/sass/svg/fullscreen.svg b/client/src/standalone/player/src/sass/svg/fullscreen.svg
index 8cdf478ed..b8de539e7 100644
--- a/client/src/standalone/player/src/sass/svg/fullscreen.svg
+++ b/client/src/standalone/player/src/sass/svg/fullscreen.svg
@@ -1,15 +1,6 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>fullscreen</title>
-    <defs></defs>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-576.000000, -159.000000)" stroke="#fff" stroke-width="2">
-            <g transform="translate(576.000000, 159.000000)">
-                <rect x="1" y="4" width="22" height="16" rx="1"></rect>
-                <polyline stroke-linecap="round" stroke-linejoin="round" points="20 10 20 7 17 7"></polyline>
-                <polyline stroke-linecap="round" stroke-linejoin="round" points="7 17 4 17 4 14"></polyline>
-                <polyline stroke-linecap="round" stroke-linejoin="round" transform="translate(18.500000, 15.500000) scale(1, -1) translate(-18.500000, -15.500000) " points="20 17 20 14 17 14"></polyline>
-                <polyline stroke-linecap="round" stroke-linejoin="round" transform="translate(5.500000, 8.500000) scale(1, -1) translate(-5.500000, -8.500000) " points="7 10 4 10 4 7"></polyline>
-            </g>
-        </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="2">
+        <rect width="22" height="16" x="1" y="4" rx="1"/>
+        <path stroke-linecap="round" stroke-linejoin="round" d="M20 10V7h-3M7 17H4v-3M20 14v3h-3M7 7H4v3"/>
     </g>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/info.svg b/client/src/standalone/player/src/sass/svg/info.svg
index bd1d9c6ca..d0143c68b 100644
--- a/client/src/standalone/player/src/sass/svg/info.svg
+++ b/client/src/standalone/player/src/sass/svg/info.svg
@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="feather feather-info">
+    <circle cx="12" cy="12" r="10"/>
+    <path d="M12 16v-4M12 8h.01"/>
+</svg>
diff --git a/client/src/standalone/player/src/sass/svg/link-2.svg b/client/src/standalone/player/src/sass/svg/link-2.svg
index d43203590..56657dd2f 100644
--- a/client/src/standalone/player/src/sass/svg/link-2.svg
+++ b/client/src/standalone/player/src/sass/svg/link-2.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="feather feather-link-2">
+    <path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3M8 12h8"/>
+</svg>
diff --git a/client/src/standalone/player/src/sass/svg/next.svg b/client/src/standalone/player/src/sass/svg/next.svg
index 0441f93c8..489af340c 100644
--- a/client/src/standalone/player/src/sass/svg/next.svg
+++ b/client/src/standalone/player/src/sass/svg/next.svg
@@ -1,59 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   sodipodi:docname="next.svg"
-   id="svg4"
-   version="1.1"
-   viewBox="0 0 12 12"
-   height="8"
-   width="8">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     inkscape:current-layer="svg4"
-     inkscape:window-maximized="1"
-     inkscape:window-y="0"
-     inkscape:window-x="0"
-     inkscape:cy="-2.5620165"
-     inkscape:cx="-7.4038126"
-     inkscape:zoom="29.791667"
-     fit-margin-bottom="0"
-     fit-margin-right="0"
-     fit-margin-left="0"
-     fit-margin-top="0"
-     showgrid="false"
-     id="namedview6"
-     inkscape:window-height="1037"
-     inkscape:window-width="1916"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0"
-     guidetolerance="10"
-     gridtolerance="10"
-     objecttolerance="10"
-     borderopacity="1"
-     bordercolor="#666666"
-     pagecolor="#ffffff" />
-  <path
-     id="path2"
-     d="M 0,12 8.5,6 0,0 Z M 10,0 v 12 h 2 V 0 Z"
-     fill="#ffffff" />
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 12 12">
+    <path fill="#fff" d="m0 12 8.5-6L0 0ZM10 0v12h2V0Z"/>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/playlists.svg b/client/src/standalone/player/src/sass/svg/playlists.svg
index 247c073f0..bc25096c7 100644
--- a/client/src/standalone/player/src/sass/svg/playlists.svg
+++ b/client/src/standalone/player/src/sass/svg/playlists.svg
@@ -1,77 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="24"
-   height="24"
-   viewBox="0 0 24 24"
-   fill="none"
-   version="1.1"
-   id="svg6"
-   sodipodi:docname="playlists.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview6"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="30.708333"
-     inkscape:cx="12.016282"
-     inkscape:cy="15.989145"
-     inkscape:window-width="1916"
-     inkscape:window-height="1036"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg6" />
-  <path
-     d="M 8.70016,4.8 H 21.90019"
-     stroke="currentColor"
-     stroke-width="1.8"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path1" />
-  <path
-     d="M 2.10001,4.8 H 2.650009"
-     stroke="currentColor"
-     stroke-width="1.8"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path2" />
-  <path
-     d="M 8.70016,19.2 H 21.90019"
-     stroke="currentColor"
-     stroke-width="1.8"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path3" />
-  <path
-     d="M 2.10001,19.2 H 2.650009"
-     stroke="currentColor"
-     stroke-width="1.8"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path4" />
-  <path
-     d="M 8.699719,12 H 21.89974"
-     stroke="currentColor"
-     stroke-width="1.8"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path5" />
-  <path
-     d="M 2.10001,12 H 2.650009"
-     stroke="currentColor"
-     stroke-width="1.8"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path6" />
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M8.7 4.8h13.2M2.1 4.8h.55M8.7 19.2h13.2M2.1 19.2h.55M8.7 12h13.2M2.1 12h.55"/>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/repeat.svg b/client/src/standalone/player/src/sass/svg/repeat.svg
index 0365462ab..e09db208c 100644
--- a/client/src/standalone/player/src/sass/svg/repeat.svg
+++ b/client/src/standalone/player/src/sass/svg/repeat.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="feather feather-repeat">
+    <path d="m17 1 4 4-4 4"/>
+    <path d="M3 11V9a4 4 0 0 1 4-4h14M7 23l-4-4 4-4"/>
+    <path d="M21 13v2a4 4 0 0 1-4 4H3"/>
+</svg>
diff --git a/client/src/standalone/player/src/sass/svg/settings.svg b/client/src/standalone/player/src/sass/svg/settings.svg
index c663087b7..999eb7122 100644
--- a/client/src/standalone/player/src/sass/svg/settings.svg
+++ b/client/src/standalone/player/src/sass/svg/settings.svg
@@ -1,14 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>settings</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="Artboard-4" transform="translate(-796.000000, -159.000000)" stroke="#fff" stroke-width="2">
-            <g id="38" transform="translate(796.000000, 159.000000)">
-                <path d="M7.20852293,4.3800958 C8.05442158,3.84706631 8.99528987,3.45099725 10,3.22301642 L10,1.99980749 C10,1.44762906 10.4433532,1 11.0093689,1 L12.9906311,1 C13.5480902,1 14,1.44371665 14,1.99980749 L14,3.22301642 C15.0047101,3.45099725 15.9455784,3.84706631 16.7914771,4.3800958 L17.6569904,3.5145825 C18.0474395,3.12413339 18.6774591,3.12110988 19.0776926,3.52134344 L20.4786566,4.92230738 C20.8728396,5.31649045 20.8786331,5.94979402 20.4854175,6.34300963 L19.6199042,7.20852293 C20.1529337,8.05442158 20.5490027,8.99528987 20.7769836,10 L22.0001925,10 C22.5523709,10 23,10.4433532 23,11.0093689 L23,12.9906311 C23,13.5480902 22.5562834,14 22.0001925,14 L20.7769836,14 C20.5490027,15.0047101 20.1529337,15.9455784 19.6199042,16.7914771 L20.4854175,17.6569904 C20.8758666,18.0474395 20.8788901,18.6774591 20.4786566,19.0776926 L19.0776926,20.4786566 C18.6835095,20.8728396 18.050206,20.8786331 17.6569904,20.4854175 L16.7914771,19.6199042 C15.9455784,20.1529337 15.0047101,20.5490027 14,20.7769836 L14,22.0001925 C14,22.5523709 13.5566468,23 12.9906311,23 L11.0093689,23 C10.4519098,23 10,22.5562834 10,22.0001925 L10,20.7769836 C8.99528987,20.5490027 8.05442158,20.1529337 7.20852293,19.6199042 L6.34300963,20.4854175 C5.95256051,20.8758666 5.32254093,20.8788901 4.92230738,20.4786566 L3.52134344,19.0776926 C3.12716036,18.6835095 3.12136689,18.050206 3.5145825,17.6569904 L4.3800958,16.7914771 C3.84706631,15.9455784 3.45099725,15.0047101 3.22301642,14 L1.99980749,14 C1.44762906,14 1,13.5566468 1,12.9906311 L1,11.0093689 C1,10.4519098 1.44371665,10 1.99980749,10 L3.22301642,10 C3.45099725,8.99528987 3.84706631,8.05442158 4.3800958,7.20852293 L3.5145825,6.34300963 C3.12413339,5.95256051 3.12110988,5.32254093 3.52134344,4.92230738 L4.92230738,3.52134344 C5.31649045,3.12716036 5.94979402,3.12136689 6.34300963,3.5145825 L7.20852293,4.3800958 Z M12,16 C14.209139,16 16,14.209139 16,12 C16,9.790861 14.209139,8 12,8 C9.790861,8 8,9.790861 8,12 C8,14.209139 9.790861,16 12,16 Z" id="Combined-Shape"></path>
-            </g>
-        </g>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <path fill="none" fill-rule="evenodd" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="M7.209 4.38A9 9 0 0 1 10 3.223V2a1 1 0 0 1 1.01-1h1.98c.558 0 1.01.444 1.01 1v1.223a9 9 0 0 1 2.791 1.157l.866-.865a1 1 0 0 1 1.42.006l1.402 1.401c.394.394.4 1.028.006 1.421l-.865.866c.533.845.929 1.786 1.157 2.791H22a1 1 0 0 1 1 1.01v1.98c0 .558-.444 1.01-1 1.01h-1.223a9 9 0 0 1-1.157 2.791l.865.866a1 1 0 0 1-.006 1.42l-1.401 1.402c-.394.394-1.028.4-1.421.006l-.866-.865A9 9 0 0 1 14 20.777V22a1 1 0 0 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-1.223a9 9 0 0 1-2.791-1.157l-.866.865a1 1 0 0 1-1.42-.006L3.52 19.078a1 1 0 0 1-.006-1.421l.865-.866A9 9 0 0 1 3.223 14H2a1 1 0 0 1-1-1.01v-1.98c0-.558.444-1.01 1-1.01h1.223A9 9 0 0 1 4.38 7.209l-.865-.866a1 1 0 0 1 .006-1.42L4.922 3.52a1 1 0 0 1 1.421-.006zM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"/>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/theater.svg b/client/src/standalone/player/src/sass/svg/theater.svg
index d7086c214..f0f34e90f 100644
--- a/client/src/standalone/player/src/sass/svg/theater.svg
+++ b/client/src/standalone/player/src/sass/svg/theater.svg
@@ -1,13 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>theater</title>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-4" transform="translate(-576.000000, -159.000000)" stroke="#fff" stroke-width="2">
-            <g id="33" transform="translate(576.000000, 159.000000)">
-                <rect id="Rectangle-433" x="1" y="6" width="22" height="12"></rect>
-            </g>
-        </g>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <path fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="2" d="M1 6h22v12H1z"/>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/tick-white.svg b/client/src/standalone/player/src/sass/svg/tick-white.svg
index 8868a2481..59aa3600a 100644
--- a/client/src/standalone/player/src/sass/svg/tick-white.svg
+++ b/client/src/standalone/player/src/sass/svg/tick-white.svg
@@ -1,11 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g transform="translate(-356.000000, -115.000000)" stroke="#fff" stroke-width="2">
-            <g id="8" transform="translate(356.000000, 115.000000)">
-                <path d="M21,6 L9,18" id="Path-14"></path>
-                <path d="M9,13 L4,18" id="Path-14" transform="translate(6.500000, 15.500000) scale(-1, 1) translate(-6.500000, -15.500000) "></path>
-            </g>
-        </g>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <path fill="none" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-width="2" d="M21 6 9 18m-5-5 5 5"/>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/volume-mute.svg b/client/src/standalone/player/src/sass/svg/volume-mute.svg
index 0c7c296bc..d17f492dd 100644
--- a/client/src/standalone/player/src/sass/svg/volume-mute.svg
+++ b/client/src/standalone/player/src/sass/svg/volume-mute.svg
@@ -1,16 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>volume-mute</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="Artboard-4" transform="translate(-92.000000, -159.000000)" stroke="#fff" stroke-width="2">
-            <g id="22" transform="translate(92.000000, 159.000000)">
-                <path d="M2,8.99703014 C2,8.4463856 2.44335318,8 3.0093689,8 L6,8 L12,4 L12,20 L6,16 L3.0093689,16 C2.45190985,16 2,15.5469637 2,15.0029699 L2,8.99703014 Z" id="Rectangle-415" stroke-linejoin="round"></path>
-                <path d="M16,15 L22,9" id="Path-28"></path>
-                <path d="M16.0000002,15 L22.0249378,9" id="Path-28" transform="translate(19.012469, 12.000000) scale(-1, 1) translate(-19.012469, -12.000000) "></path>
-            </g>
-        </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-width="2">
+        <path stroke-linejoin="round" d="M2 8.997C2 8.447 2.443 8 3.01 8H6l6-4v16l-6-4H3.01C2.451 16 2 15.547 2 15.003z"/>
+        <path d="m16 15 6-6M22.025 15 16 9"/>
     </g>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/volume.svg b/client/src/standalone/player/src/sass/svg/volume.svg
index 590913add..a63bdc24e 100644
--- a/client/src/standalone/player/src/sass/svg/volume.svg
+++ b/client/src/standalone/player/src/sass/svg/volume.svg
@@ -1,13 +1,7 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="Artboard-4" transform="translate(-884.000000, -115.000000)" stroke="#fff" stroke-width="2">
-            <g id="20" transform="translate(884.000000, 115.000000)">
-                <path d="M2,8.99703014 C2,8.4463856 2.44335318,8 3.0093689,8 L6,8 L12,4 L12,20 L6,16 L3.0093689,16 C2.45190985,16 2,15.5469637 2,15.0029699 L2,8.99703014 Z" id="Rectangle-415" stroke-linejoin="round"></path>
-                <path d="M16,8 C16,8 18,9.5 18,12 C18,14.5 16,16 16,16" id="Path-26"></path>
-                <path d="M16.0734116,20 C19.3093571,18.9698098 22.0000001,15.5773201 22.0000001,12 C22.0000001,8.43619491 19.2903975,5.04132966 16.0734116,4" id="Oval-33"></path>
-            </g>
-        </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-width="2">
+        <path stroke-linejoin="round" d="M2 8.997C2 8.447 2.443 8 3.01 8H6l6-4v16l-6-4H3.01C2.451 16 2 15.547 2 15.003z"/>
+        <path d="M16 8s2 1.5 2 4-2 4-2 4"/>
+        <path d="M16.073 20C19.31 18.97 22 15.577 22 12c0-3.564-2.71-6.959-5.927-8"/>
     </g>
 </svg>
diff --git a/client/src/standalone/player/src/sass/svg/x.svg b/client/src/standalone/player/src/sass/svg/x.svg
index 7d5875ca8..46c5c3e96 100644
--- a/client/src/standalone/player/src/sass/svg/x.svg
+++ b/client/src/standalone/player/src/sass/svg/x.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-x">
+    <path d="M18 6 6 18M6 6l12 12"/>
+</svg>