From 224bec7a81c650843741fb47f1a2963bb8852bae Mon Sep 17 00:00:00 2001
From: alesmaye <mayer.alessandro@gmx.at>
Date: Tue, 27 Aug 2024 14:26:26 +0200
Subject: [PATCH] updated icons

---
 assets/skin-super-modern/images/airplay.svg          |  4 ++++
 assets/skin-super-modern/images/cast.svg             |  7 ++++---
 assets/skin-super-modern/images/castsmall.svg        |  5 -----
 assets/skin-super-modern/images/close.svg            |  3 +++
 assets/skin-super-modern/images/dot-play.svg         |  3 +++
 assets/skin-super-modern/images/dot-volume.svg       |  3 +++
 assets/skin-super-modern/images/fullscreen.svg       |  5 +----
 assets/skin-super-modern/images/fullscreenX.svg      |  5 +----
 assets/skin-super-modern/images/glasses.svg          |  3 +++
 assets/skin-super-modern/images/leaf.svg             |  3 +++
 assets/skin-super-modern/images/loader.svg           |  3 +++
 assets/skin-super-modern/images/logo.svg             |  3 +++
 assets/skin-super-modern/images/moresmall.svg        |  5 -----
 assets/skin-super-modern/images/music-low.svg        |  4 ++++
 assets/skin-super-modern/images/music-mid.svg        |  4 ++++
 assets/skin-super-modern/images/next.svg             |  8 +++-----
 assets/skin-super-modern/images/pause.svg            |  6 +++---
 assets/skin-super-modern/images/pip.svg              | 12 +++---------
 assets/skin-super-modern/images/play.svg             |  4 ++--
 assets/skin-super-modern/images/playlist.svg         |  3 +++
 assets/skin-super-modern/images/prev.svg             |  8 +++-----
 assets/skin-super-modern/images/quickseek-back.svg   |  9 +++++++++
 .../skin-super-modern/images/quickseek-forward.svg   |  9 +++++++++
 assets/skin-super-modern/images/reload.svg           |  4 ++--
 assets/skin-super-modern/images/setting.svg          |  2 +-
 assets/skin-super-modern/images/stop.svg             |  3 +++
 assets/skin-super-modern/images/text.svg             |  3 +++
 assets/skin-super-modern/images/toggleOff.svg        |  4 ++++
 assets/skin-super-modern/images/toggleOn.svg         |  3 +++
 assets/skin-super-modern/images/volume-mute.svg      |  5 +++--
 assets/skin-super-modern/images/volume.svg           |  6 ++++--
 31 files changed, 97 insertions(+), 52 deletions(-)
 create mode 100644 assets/skin-super-modern/images/airplay.svg
 delete mode 100644 assets/skin-super-modern/images/castsmall.svg
 create mode 100644 assets/skin-super-modern/images/close.svg
 create mode 100644 assets/skin-super-modern/images/dot-play.svg
 create mode 100644 assets/skin-super-modern/images/dot-volume.svg
 create mode 100644 assets/skin-super-modern/images/glasses.svg
 create mode 100644 assets/skin-super-modern/images/leaf.svg
 create mode 100644 assets/skin-super-modern/images/loader.svg
 create mode 100644 assets/skin-super-modern/images/logo.svg
 delete mode 100644 assets/skin-super-modern/images/moresmall.svg
 create mode 100644 assets/skin-super-modern/images/music-low.svg
 create mode 100644 assets/skin-super-modern/images/music-mid.svg
 create mode 100644 assets/skin-super-modern/images/playlist.svg
 create mode 100644 assets/skin-super-modern/images/quickseek-back.svg
 create mode 100644 assets/skin-super-modern/images/quickseek-forward.svg
 create mode 100644 assets/skin-super-modern/images/stop.svg
 create mode 100644 assets/skin-super-modern/images/text.svg
 create mode 100644 assets/skin-super-modern/images/toggleOff.svg
 create mode 100644 assets/skin-super-modern/images/toggleOn.svg

diff --git a/assets/skin-super-modern/images/airplay.svg b/assets/skin-super-modern/images/airplay.svg
new file mode 100644
index 000000000..0774f290c
--- /dev/null
+++ b/assets/skin-super-modern/images/airplay.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H5.5C6.05228 18 6.5 17.5523 6.5 17C6.5 16.4477 6.05228 16 5.5 16H4V5H20V16H18.5C17.9477 16 17.5 16.4477 17.5 17C17.5 17.5523 17.9477 18 18.5 18H21C21.5523 18 22 17.5523 22 17V4C22 3.44772 21.5523 3 21 3H3Z" fill="white"/>
+<path d="M12.7809 14.3753C12.5911 14.1381 12.3038 14 12 14C11.6962 14 11.4089 14.1381 11.2191 14.3753L7.21914 19.3753C6.979 19.6755 6.93219 20.0867 7.09871 20.4332C7.26523 20.7797 7.6156 21 8.00001 21H16C16.3844 21 16.7348 20.7797 16.9013 20.4332C17.0678 20.0867 17.021 19.6755 16.7809 19.3753L12.7809 14.3753Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/cast.svg b/assets/skin-super-modern/images/cast.svg
index d9d75fd55..6c00ea5e9 100644
--- a/assets/skin-super-modern/images/cast.svg
+++ b/assets/skin-super-modern/images/cast.svg
@@ -1,5 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 5.25C4.22386 5.25 4 5.47386 4 5.75V11.15C4 11.2052 4.0452 11.2499 4.10043 11.2507C8.16328 11.304 11.446 14.5867 11.4993 18.6496C11.5001 18.7048 11.5448 18.75 11.6 18.75H19.5C19.7761 18.75 20 18.5261 20 18.25V5.75C20 5.47386 19.7761 5.25 19.5 5.25H4.5ZM12.7589 16.6721C12.7697 16.7175 12.8101 16.75 12.8569 16.75H17.5C17.7761 16.75 18 16.5261 18 16.25V7.75C18 7.47386 17.7761 7.25 17.5 7.25H6.5C6.22386 7.25 6 7.47386 6 7.75V9.89315C6 9.93985 6.03249 9.98031 6.07794 9.99105C9.37976 10.7714 11.9786 13.3702 12.7589 16.6721Z" fill="white"/>
-<path d="M9.9 18.75C9.95523 18.75 10.0001 18.7048 9.99918 18.6496C9.94612 15.4158 7.33417 12.8039 4.10039 12.7508C4.04517 12.7499 4 12.7948 4 12.85V14.15C4 14.2052 4.04511 14.2499 4.10032 14.2511C6.50599 14.3037 8.44629 16.244 8.4989 18.6497C8.50011 18.7049 8.54477 18.75 8.6 18.75H9.9Z" fill="white"/>
-<path d="M4 15.85C4 15.7948 4.04499 15.7498 4.10019 15.7516C5.67775 15.8034 6.94663 17.0723 6.99836 18.6498C7.00017 18.705 6.95523 18.75 6.9 18.75H4.5C4.22386 18.75 4 18.5261 4 18.25V15.85Z" fill="white"/>
+<path d="M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H15.9621C15.9872 20.67 16 20.3365 16 20C16 12.8203 10.1797 7 3 7C2.66353 7 2.33004 7.01278 2 7.03789V4Z" fill="white"/>
+<path d="M2 14C2 13.4477 2.44772 13 3 13C6.86599 13 10 16.134 10 20C10 20.5523 9.55228 21 9 21C8.44772 21 8 20.5523 8 20C8 17.2386 5.76142 15 3 15C2.44772 15 2 14.5523 2 14Z" fill="white"/>
+<path d="M3 9C2.44772 9 2 9.44772 2 10C2 10.5523 2.44772 11 3 11C7.97056 11 12 15.0294 12 20C12 20.5523 12.4477 21 13 21C13.5523 21 14 20.5523 14 20C14 13.9249 9.07513 9 3 9Z" fill="white"/>
+<path d="M3 17C2.44772 17 2 17.4477 2 18C2 18.5523 2.44772 19 3 19C3.55228 19 4 19.4477 4 20C4 20.5523 4.44772 21 5 21C5.55228 21 6 20.5523 6 20C6 18.3431 4.65685 17 3 17Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/castsmall.svg b/assets/skin-super-modern/images/castsmall.svg
deleted file mode 100644
index 9b272ccb4..000000000
--- a/assets/skin-super-modern/images/castsmall.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.375 3.9375C3.16789 3.9375 3 4.10539 3 4.3125V8.3625C3 8.40392 3.0339 8.43745 3.07532 8.43799C6.12246 8.47797 8.58453 10.94 8.62451 13.9872C8.62505 14.0286 8.65858 14.0625 8.7 14.0625H14.625C14.8321 14.0625 15 13.8946 15 13.6875V4.3125C15 4.10539 14.8321 3.9375 14.625 3.9375H3.375ZM9.56921 12.504C9.57727 12.5381 9.60761 12.5625 9.64264 12.5625H13.125C13.3321 12.5625 13.5 12.3946 13.5 12.1875V5.8125C13.5 5.60539 13.3321 5.4375 13.125 5.4375H4.875C4.66789 5.4375 4.5 5.60539 4.5 5.8125V7.41986C4.5 7.45489 4.52437 7.48523 4.55845 7.49329C7.03482 8.07852 8.98398 10.0277 9.56921 12.504Z" fill="white"/>
-<path d="M7.425 14.0625C7.46642 14.0625 7.50006 14.0286 7.49938 13.9872C7.45959 11.5619 5.50063 9.60291 3.07529 9.56312C3.03388 9.56244 3 9.59608 3 9.6375V10.6125C3 10.6539 3.03383 10.6874 3.07524 10.6883C4.87949 10.7278 6.33472 12.183 6.37418 13.9873C6.37508 14.0287 6.40858 14.0625 6.45 14.0625H7.425Z" fill="white"/>
-<path d="M3 11.8875C3 11.8461 3.03374 11.8124 3.07514 11.8137C4.25831 11.8525 5.20997 12.8042 5.24877 13.9874C5.25013 14.0288 5.21642 14.0625 5.175 14.0625H3.375C3.16789 14.0625 3 13.8946 3 13.6875V11.8875Z" fill="white"/>
-</svg>
diff --git a/assets/skin-super-modern/images/close.svg b/assets/skin-super-modern/images/close.svg
new file mode 100644
index 000000000..34faa2b67
--- /dev/null
+++ b/assets/skin-super-modern/images/close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 5L19 19M19 5L5 19" stroke="white" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/assets/skin-super-modern/images/dot-play.svg b/assets/skin-super-modern/images/dot-play.svg
new file mode 100644
index 000000000..4330e450f
--- /dev/null
+++ b/assets/skin-super-modern/images/dot-play.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="4" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/dot-volume.svg b/assets/skin-super-modern/images/dot-volume.svg
new file mode 100644
index 000000000..d8f7e49c3
--- /dev/null
+++ b/assets/skin-super-modern/images/dot-volume.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="3" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/fullscreen.svg b/assets/skin-super-modern/images/fullscreen.svg
index 36d11e885..11b92c81b 100644
--- a/assets/skin-super-modern/images/fullscreen.svg
+++ b/assets/skin-super-modern/images/fullscreen.svg
@@ -1,6 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 9L4 6C4 4.89543 4.89543 4 6 4L9 4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20 15V18C20 19.1046 19.1046 20 18 20H15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 4L18 4C19.1046 4 20 4.89543 20 6L20 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9 20L6 20C4.89543 20 4 19.1046 4 18L4 15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 4H3V8M16 4H21V8M21 16V20H16M8 20H3V16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/assets/skin-super-modern/images/fullscreenX.svg b/assets/skin-super-modern/images/fullscreenX.svg
index 2bb3e03d8..e129938f6 100644
--- a/assets/skin-super-modern/images/fullscreenX.svg
+++ b/assets/skin-super-modern/images/fullscreenX.svg
@@ -1,6 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 4V7C9 8.10457 8.10457 9 7 9H4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 20L15 17C15 15.8954 15.8954 15 17 15L20 15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20 9L17 9C15.8954 9 15 8.10457 15 7L15 4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 15L7 15C8.10457 15 9 15.8954 9 17L9 20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 4V9H3M15 4V9H21M21 15H15V20M9 20V15H3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/assets/skin-super-modern/images/glasses.svg b/assets/skin-super-modern/images/glasses.svg
new file mode 100644
index 000000000..e076e6a6d
--- /dev/null
+++ b/assets/skin-super-modern/images/glasses.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C1.44772 5 1 5.44772 1 6V19C1 19.5523 1.44772 20 2 20H8C8.24222 20 8.47621 19.9121 8.6585 19.7526L12 16.8288L15.3415 19.7526C15.5238 19.9121 15.7578 20 16 20H22C22.5523 20 23 19.5523 23 19V6C23 5.44772 22.5523 5 22 5H2ZM7.5 9.25C6.25736 9.25 5.25 10.2574 5.25 11.5C5.25 12.7426 6.25736 13.75 7.5 13.75C8.74264 13.75 9.75 12.7426 9.75 11.5C9.75 10.2574 8.74264 9.25 7.5 9.25ZM14.25 11.5C14.25 10.2574 15.2574 9.25 16.5 9.25C17.7426 9.25 18.75 10.2574 18.75 11.5C18.75 12.7426 17.7426 13.75 16.5 13.75C15.2574 13.75 14.25 12.7426 14.25 11.5Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/leaf.svg b/assets/skin-super-modern/images/leaf.svg
new file mode 100644
index 000000000..a7dd1c80e
--- /dev/null
+++ b/assets/skin-super-modern/images/leaf.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 3C3.44772 3 3 3.44772 3 4V5C3 9.41828 6.58172 13 11 13V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V16C17.4183 16 21 12.4183 21 8V7C21 6.44772 20.5523 6 20 6H19C16.4707 6 14.2156 7.17377 12.7496 9.0063C11.8637 5.55265 8.72995 3 5 3H4Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/loader.svg b/assets/skin-super-modern/images/loader.svg
new file mode 100644
index 000000000..697a3b5cb
--- /dev/null
+++ b/assets/skin-super-modern/images/loader.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0003 3V6M12.0003 18V21M5.63634 5.63604L7.75766 7.75736M16.2429 16.2426L18.3643 18.364M3 12.0007H6M18 12.0007H21M5.63634 18.364L7.75766 16.2426M16.2429 7.75736L18.3643 5.63604" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/assets/skin-super-modern/images/logo.svg b/assets/skin-super-modern/images/logo.svg
new file mode 100644
index 000000000..8e5c9cbf3
--- /dev/null
+++ b/assets/skin-super-modern/images/logo.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7749 11.4828L8.76949 2V6.62069L15.5723 11.6207C15.8391 11.8276 15.8391 12.2414 15.5723 12.4483L8.76949 17.3793V22L21.7749 12.5172C22.075 12.2414 22.075 11.7586 21.7749 11.4828ZM13.3381 11.4828L4.93456 5.34483V8.89655L8.6361 11.6207C8.90288 11.8276 8.90288 12.2414 8.6361 12.4483L4.93456 15.1034V18.6552L13.3381 12.5172C13.6715 12.2414 13.6715 11.7586 13.3381 11.4828ZM6.40183 11.5172L2 8.27586V10.5172L3.50063 11.6207C3.7674 11.8276 3.7674 12.2414 3.50063 12.4483L2 13.5172V15.7586L6.40183 12.5172C6.73531 12.2414 6.73531 11.7586 6.40183 11.5172Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/moresmall.svg b/assets/skin-super-modern/images/moresmall.svg
deleted file mode 100644
index 7da502b67..000000000
--- a/assets/skin-super-modern/images/moresmall.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="5" cy="1.5" r="1" fill="white"/>
-<circle cx="5" cy="5" r="1" fill="white"/>
-<circle cx="5" cy="8.5" r="1" fill="white"/>
-</svg>
diff --git a/assets/skin-super-modern/images/music-low.svg b/assets/skin-super-modern/images/music-low.svg
new file mode 100644
index 000000000..a09846968
--- /dev/null
+++ b/assets/skin-super-modern/images/music-low.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4719 3.11833C12.797 3.29235 13 3.63121 13 4V20C13 20.3688 12.797 20.7077 12.4719 20.8817C12.1467 21.0557 11.7522 21.0366 11.4453 20.8321L5.69722 17H2C1.44772 17 1 16.5523 1 16V8C1 7.44772 1.44772 7 2 7H5.69722L11.4453 3.16795C11.7522 2.96338 12.1467 2.94431 12.4719 3.11833Z" fill="white"/>
+<path d="M16.3305 9.49918C16.0539 9.02113 15.4422 8.85777 14.9641 9.13432C14.4861 9.41088 14.3227 10.0226 14.5993 10.5007C14.854 10.9409 15.0001 11.4519 15.0001 12C15.0001 12.5481 14.854 13.059 14.5993 13.4993C14.3227 13.9774 14.4861 14.5891 14.9641 14.8656C15.4422 15.1422 16.0539 14.9788 16.3305 14.5008C16.7565 13.7643 17 12.9091 17 12C17 11.0909 16.7565 10.2357 16.3305 9.49918Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/music-mid.svg b/assets/skin-super-modern/images/music-mid.svg
new file mode 100644
index 000000000..c2775eca8
--- /dev/null
+++ b/assets/skin-super-modern/images/music-mid.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4719 3.11833C12.797 3.29235 13 3.63121 13 4V20C13 20.3688 12.797 20.7077 12.4719 20.8817C12.1467 21.0557 11.7522 21.0366 11.4453 20.8321L5.69722 17H2C1.44772 17 1 16.5523 1 16V8C1 7.44772 1.44772 7 2 7H5.69722L11.4453 3.16795C11.7522 2.96338 12.1467 2.94431 12.4719 3.11833Z" fill="white"/>
+<path d="M16.5963 7.40422C16.2057 7.0137 15.5726 7.0137 15.1821 7.40422C14.7915 7.79475 14.7915 8.42791 15.1821 8.81843C15.9975 9.63387 16.5001 10.7575 16.5001 12.0004C16.5001 13.2433 15.9975 14.367 15.1821 15.1824C14.7915 15.5729 14.7915 16.2061 15.1821 16.5966C15.5726 16.9871 16.2057 16.9871 16.5963 16.5966C17.7714 15.4214 18.5001 13.7951 18.5001 12.0004C18.5001 10.2058 17.7714 8.5794 16.5963 7.40422Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/next.svg b/assets/skin-super-modern/images/next.svg
index 649b5abd9..6fca526a8 100644
--- a/assets/skin-super-modern/images/next.svg
+++ b/assets/skin-super-modern/images/next.svg
@@ -1,6 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.85">
-<path d="M23.832 14.6022L9.25204 6.42814C7.80669 5.61782 6 6.63072 6 8.25135V23.7486C6 25.3693 7.80669 26.3822 9.25204 25.5719L23.832 17.3978V14.6022Z" fill="white" fill-opacity="0.7"/>
-<path d="M23.832 7.05263C23.832 6.47128 24.3173 6 24.916 6C25.5147 6 26 6.47128 26 7.05263V24.9474C26 25.5287 25.5147 26 24.916 26C24.3173 26 23.832 25.5287 23.832 24.9474V7.05263Z" fill="white" fill-opacity="0.7"/>
-</g>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20C18.4477 20 18 19.5523 18 19V5C18 4.44772 18.4477 4 19 4Z" fill="white"/>
+<path d="M5.53688 4.15634C5.22895 3.96039 4.83874 3.94776 4.51879 4.12339C4.19885 4.29903 4 4.63502 4 5V19C4 19.365 4.19885 19.701 4.51879 19.8766C4.83874 20.0522 5.22895 20.0396 5.53688 19.8437L16.5369 12.8437C16.8253 12.6601 17 12.3419 17 12C17 11.6581 16.8253 11.3399 16.5369 11.1563L5.53688 4.15634Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/pause.svg b/assets/skin-super-modern/images/pause.svg
index 39f74fc9e..145b5b943 100644
--- a/assets/skin-super-modern/images/pause.svg
+++ b/assets/skin-super-modern/images/pause.svg
@@ -1,4 +1,4 @@
-<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33 14C33 12.8954 33.8954 12 35 12H41C42.1046 12 43 12.8954 43 14V46C43 47.1046 42.1046 48 41 48H35C33.8954 48 33 47.1046 33 46V14Z" fill="white"/>
-<path d="M15 14C15 12.8954 15.8954 12 17 12H23C24.1046 12 25 12.8954 25 14V46C25 47.1046 24.1046 48 23 48H17C15.8954 48 15 47.1046 15 46V14Z" fill="white"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4C4 3.44772 4.44772 3 5 3H9C9.55228 3 10 3.44772 10 4V20C10 20.5523 9.55228 21 9 21H5C4.44772 21 4 20.5523 4 20V4Z" fill="white"/>
+<path d="M14 4C14 3.44772 14.4477 3 15 3H19C19.5523 3 20 3.44772 20 4V20C20 20.5523 19.5523 21 19 21H15C14.4477 21 14 20.5523 14 20V4Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/pip.svg b/assets/skin-super-modern/images/pip.svg
index 04b325dff..d4a7e404c 100644
--- a/assets/skin-super-modern/images/pip.svg
+++ b/assets/skin-super-modern/images/pip.svg
@@ -1,10 +1,4 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_9_846)">
-<path d="M17.5 2.5C17.721 2.5 17.933 2.5878 18.0893 2.74408C18.2455 2.90036 18.3333 3.11232 18.3333 3.33333V9.16667H16.6667V4.16667H3.33333V15.8333H8.33333V17.5H2.5C2.27898 17.5 2.06702 17.4122 1.91074 17.2559C1.75446 17.0996 1.66666 16.8877 1.66666 16.6667V3.33333C1.66666 3.11232 1.75446 2.90036 1.91074 2.74408C2.06702 2.5878 2.27898 2.5 2.5 2.5H17.5ZM17.5 10.8333C17.721 10.8333 17.933 10.9211 18.0893 11.0774C18.2455 11.2337 18.3333 11.4457 18.3333 11.6667V16.6667C18.3333 16.8877 18.2455 17.0996 18.0893 17.2559C17.933 17.4122 17.721 17.5 17.5 17.5H10.8333C10.6123 17.5 10.4004 17.4122 10.2441 17.2559C10.0878 17.0996 10 16.8877 10 16.6667V11.6667C10 11.4457 10.0878 11.2337 10.2441 11.0774C10.4004 10.9211 10.6123 10.8333 10.8333 10.8333H17.5ZM5.58916 5.24417L7.46416 7.11917L9.16666 5.41667V10H4.58333L6.28583 8.2975L4.41083 6.4225L5.58916 5.24417Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_9_846">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 4C2.44772 4 2 4.44772 2 5V17C2 17.5523 2.44772 18 3 18H9C9.55228 18 10 17.5523 10 17C10 16.4477 9.55228 16 9 16H4V6H18V11C18 11.5523 18.4477 12 19 12C19.5523 12 20 11.5523 20 11V5C20 4.44772 19.5523 4 19 4H3Z" fill="white"/>
+<path d="M13 14C12.4477 14 12 14.4477 12 15V20C12 20.5523 12.4477 21 13 21H21C21.5523 21 22 20.5523 22 20V15C22 14.4477 21.5523 14 21 14H13Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/play.svg b/assets/skin-super-modern/images/play.svg
index 0cc36aa47..10a157093 100644
--- a/assets/skin-super-modern/images/play.svg
+++ b/assets/skin-super-modern/images/play.svg
@@ -1,3 +1,3 @@
-<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M46.496 32.5943C48.4975 31.4399 48.4975 28.5514 46.496 27.397L20.4989 12.4019C18.4989 11.2483 16 12.6917 16 15.0006V44.9907C16 47.2996 18.4989 48.743 20.4989 47.5894L46.496 32.5943Z" fill="white"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5145 2.14251C6.20556 1.95715 5.82081 1.95229 5.5073 2.1298C5.19379 2.30731 5 2.63973 5 3V21C5 21.3603 5.19379 21.6927 5.5073 21.8702C5.82081 22.0477 6.20556 22.0429 6.5145 21.8575L21.5145 12.8575C21.8157 12.6768 22 12.3513 22 12C22 11.6487 21.8157 11.3232 21.5145 11.1425L6.5145 2.14251Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/playlist.svg b/assets/skin-super-modern/images/playlist.svg
new file mode 100644
index 000000000..4ed965cb4
--- /dev/null
+++ b/assets/skin-super-modern/images/playlist.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C6 2.44772 6.44772 2 7 2H17C17.5523 2 18 2.44772 18 3C18 3.55228 17.5523 4 17 4H7C6.44772 4 6 3.55228 6 3ZM4 6C4 5.44772 4.44772 5 5 5H19C19.5523 5 20 5.44772 20 6C20 6.55228 19.5523 7 19 7H5C4.44772 7 4 6.55228 4 6ZM2 9C2 8.44772 2.44772 8 3 8H21C21.5523 8 22 8.44772 22 9V21C22 21.5523 21.5523 22 21 22H3C2.44772 22 2 21.5523 2 21V9Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/prev.svg b/assets/skin-super-modern/images/prev.svg
index c252f3dad..447169795 100644
--- a/assets/skin-super-modern/images/prev.svg
+++ b/assets/skin-super-modern/images/prev.svg
@@ -1,6 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.85">
-<path d="M8.16803 14.6022L22.748 6.42814C24.1933 5.61782 26 6.63072 26 8.25135V23.7486C26 25.3693 24.1933 26.3822 22.748 25.5719L8.16803 17.3978V14.6022Z" fill="white" fill-opacity="0.7"/>
-<path d="M8.16803 7.05263C8.16803 6.47128 7.6827 6 7.08401 6C6.48533 6 6 6.47128 6 7.05263V24.9474C6 25.5287 6.48533 26 7.08401 26C7.6827 26 8.16803 25.5287 8.16803 24.9474V7.05263Z" fill="white" fill-opacity="0.7"/>
-</g>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20C5.55228 20 6 19.5523 6 19V5C6 4.44772 5.55228 4 5 4Z" fill="white"/>
+<path d="M18.4631 4.15634C18.771 3.96039 19.1613 3.94776 19.4812 4.12339C19.8012 4.29903 20 4.63502 20 5V19C20 19.365 19.8012 19.701 19.4812 19.8766C19.1613 20.0522 18.771 20.0396 18.4631 19.8437L7.46312 12.8437C7.17468 12.6601 7 12.3419 7 12C7 11.6581 7.17468 11.3399 7.46312 11.1563L18.4631 4.15634Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/quickseek-back.svg b/assets/skin-super-modern/images/quickseek-back.svg
new file mode 100644
index 000000000..6b185fdd3
--- /dev/null
+++ b/assets/skin-super-modern/images/quickseek-back.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1_124" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1_124)">
+<path d="M12.5393 1.08093C12.8204 1.222 13 1.52456 13 1.85715V3.04938C18.0533 3.5511 22 7.81465 22 13C22 18.5228 17.5229 23 12 23C6.4772 23 2 18.5228 2 13C2 10.6195 2.833 8.43086 4.2226 6.71362C4.57 6.28429 5.1997 6.21789 5.629 6.5653C6.0584 6.91271 6.1248 7.54238 5.7774 7.97171C4.6654 9.34592 4 11.0939 4 13C4 17.4183 7.5817 21 12 21C16.4183 21 20 17.4183 20 13C20 8.92038 16.9463 5.55399 13 5.06189V6.14285C13 6.47544 12.8204 6.778 12.5393 6.91907C12.2582 7.06013 11.9263 7.01424 11.6879 6.80132L9.2879 4.65847C9.1055 4.49562 9 4.25438 9 4C9 3.74562 9.1055 3.50438 9.2879 3.34153L11.6879 1.19868C11.9263 0.985761 12.2582 0.939866 12.5393 1.08093Z" fill="white"/>
+<path d="M16 12.9999L8 13.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/assets/skin-super-modern/images/quickseek-forward.svg b/assets/skin-super-modern/images/quickseek-forward.svg
new file mode 100644
index 000000000..21d1d9832
--- /dev/null
+++ b/assets/skin-super-modern/images/quickseek-forward.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1_110" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1_110)">
+<path d="M11.4607 1.08093C11.1796 1.222 11 1.52456 11 1.85715V3.04938C5.94668 3.5511 2 7.81465 2 13C2 18.5228 6.47715 23 12 23C17.5228 23 22 18.5228 22 13C22 10.6195 21.167 8.43086 19.7774 6.71362C19.43 6.28429 18.8003 6.21789 18.371 6.5653C17.9416 6.91271 17.8752 7.54238 18.2226 7.97171C19.3346 9.34592 20 11.0939 20 13C20 17.4183 16.4183 21 12 21C7.58172 21 4 17.4183 4 13C4 8.92038 7.05369 5.55399 11 5.06189V6.14285C11 6.47544 11.1796 6.778 11.4607 6.91907C11.7418 7.06013 12.0737 7.01424 12.3121 6.80132L14.7121 4.65847C14.8945 4.49562 15 4.25438 15 4C15 3.74562 14.8945 3.50438 14.7121 3.34153L12.3121 1.19868C12.0737 0.985761 11.7418 0.939866 11.4607 1.08093Z" fill="white"/>
+<path d="M16 12.9999L8 13.0001M12 17V9.00012" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/assets/skin-super-modern/images/reload.svg b/assets/skin-super-modern/images/reload.svg
index 962a72b9e..af63c8975 100644
--- a/assets/skin-super-modern/images/reload.svg
+++ b/assets/skin-super-modern/images/reload.svg
@@ -1,3 +1,3 @@
-<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.9385 44.6859C22.2188 53.9759 36.1296 54.4842 45.0091 45.8211C53.8886 37.158 54.3744 22.6041 46.0941 13.3141C37.8138 4.02408 23.9031 3.51585 15.0235 12.1789C9.97285 17.1065 7.63784 23.94 8.08702 30.6265M3 27.3571L8.339 33.2152L14.0645 27.3571" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.4834 14.6667C5.58163 17.7738 8.54493 20 12.0282 20C16.4465 20 20.0282 16.4183 20.0282 12C20.0282 7.58172 16.4465 4 12.0282 4C8.93224 4 6.99986 5.5 4.99986 8M4.99986 8V4M4.99986 8H8.99986" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/assets/skin-super-modern/images/setting.svg b/assets/skin-super-modern/images/setting.svg
index 1d324e2e0..4d6f0dabf 100644
--- a/assets/skin-super-modern/images/setting.svg
+++ b/assets/skin-super-modern/images/setting.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.3 12.7C20 12.3 20 11.8 20.3 11.4L21.6 10C21.9 9.7 21.9 9.2 21.7 8.8L19.7 5.3C19.5 4.9 19.1 4.7 18.6 4.8L16.7 5.2C16.2 5.3 15.7 5 15.6 4.5L15 2.7C14.8 2.3 14.4 2 14 2H10C9.6 2 9.2 2.3 9.1 2.7L8.4 4.5C8.3 5 7.8 5.3 7.3 5.2L5.4 4.8C5 4.7 4.6 4.9 4.3 5.3L2.3 8.8C2.1 9.1 2.2 9.6 2.5 9.9L3.8 11.3C4.1 11.7 4.1 12.2 3.8 12.6L2.5 14C2.2 14.3 2.2 14.8 2.4 15.2L4.4 18.7C4.6 19.1 5 19.3 5.5 19.2L7.4 18.8C7.9 18.7 8.4 19 8.5 19.5L9.1 21.3C9.2 21.7 9.6 22 10 22H14C14.4 22 14.8 21.7 14.9 21.3L15.5 19.5C15.7 19 16.2 18.7 16.6 18.8L18.5 19.2C18.9 19.3 19.4 19.1 19.6 18.7L21.6 15.2C21.8 14.8 21.8 14.4 21.5 14L20.3 12.7ZM12 15C10.3 15 9 13.7 9 12C9 10.3 10.3 9 12 9C13.7 9 15 10.3 15 12C15 13.7 13.7 15 12 15Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2858 2.43444C10.4667 2.16303 10.7714 2 11.0976 2H12.9024C13.2286 2 13.5333 2.16303 13.7142 2.43444L15.145 4.58067L17.4209 4.05547C17.7486 3.97983 18.0922 4.07838 18.3301 4.31624L19.6838 5.6699C19.9216 5.90775 20.0202 6.25137 19.9445 6.57913L19.4193 8.85498L21.5656 10.2858C21.837 10.4667 22 10.7714 22 11.0976V12.9024C22 13.2286 21.837 13.5333 21.5656 13.7142L19.4193 15.145L19.9445 17.4209C20.0202 17.7486 19.9216 18.0922 19.6838 18.3301L18.3301 19.6838C18.0922 19.9216 17.7486 20.0202 17.4209 19.9445L15.145 19.4193L13.7142 21.5656C13.5333 21.837 13.2286 22 12.9024 22H11.0976C10.7714 22 10.4667 21.837 10.2858 21.5656L8.85498 19.4193L6.57913 19.9445C6.25137 20.0202 5.90775 19.9216 5.6699 19.6838L4.31624 18.3301C4.07838 18.0922 3.97983 17.7486 4.05547 17.4209L4.58067 15.145L2.43444 13.7142C2.16303 13.5333 2 13.2286 2 12.9024V11.0976C2 10.7714 2.16303 10.4667 2.43444 10.2858L4.58067 8.85498L4.05547 6.57913C3.97983 6.25136 4.07838 5.90775 4.31624 5.6699L5.6699 4.31624C5.90775 4.07838 6.25136 3.97983 6.57913 4.05547L8.85498 4.58067L10.2858 2.43444ZM8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/stop.svg b/assets/skin-super-modern/images/stop.svg
new file mode 100644
index 000000000..4dff44505
--- /dev/null
+++ b/assets/skin-super-modern/images/stop.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/text.svg b/assets/skin-super-modern/images/text.svg
new file mode 100644
index 000000000..36696aaae
--- /dev/null
+++ b/assets/skin-super-modern/images/text.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.002 3L3.00195 3.00003C2.44967 3.00003 2.00195 3.44774 2.00195 4.00003V18.0358C2.00195 18.301 2.10731 18.5553 2.29485 18.7429C2.48238 18.9304 2.73674 19.0358 3.00195 19.0358H8.65157L11.3553 21.3021C11.7252 21.6123 12.2639 21.6138 12.6357 21.3058L15.3757 19.0358L21.002 19.0357C21.5542 19.0357 22.002 18.588 22.002 18.0357V4C22.002 3.73478 21.8966 3.48043 21.7091 3.29289C21.5215 3.10536 21.2672 3 21.002 3ZM6.99976 9C6.99976 8.44772 7.44747 8 7.99976 8H15.9998C16.552 8 16.9998 8.44772 16.9998 9C16.9998 9.55228 16.552 10 15.9998 10H7.99976C7.44747 10 6.99976 9.55228 6.99976 9ZM7.99976 12C7.44747 12 6.99976 12.4477 6.99976 13C6.99976 13.5523 7.44747 14 7.99976 14H15.9998C16.552 14 16.9998 13.5523 16.9998 13C16.9998 12.4477 16.552 12 15.9998 12H7.99976Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/toggleOff.svg b/assets/skin-super-modern/images/toggleOff.svg
new file mode 100644
index 000000000..89a7e9ec8
--- /dev/null
+++ b/assets/skin-super-modern/images/toggleOff.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 8.13401 19.866 5 16 5H8C4.134 5 1 8.13401 1 12C1 15.866 4.134 19 8 19H16C19.866 19 23 15.866 23 12ZM11.5 12C11.5 10.067 9.933 8.5 8 8.5C6.067 8.5 4.5 10.067 4.5 12C4.5 13.933 6.067 15.5 8 15.5C9.933 15.5 11.5 13.933 11.5 12Z" fill="white"/>
+<path d="M8 10C9.10462 10 10 10.8954 10 12C10 13.1046 9.10462 14 8 14C6.89538 14 6 13.1046 6 12C6 10.8954 6.89538 10 8 10Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/toggleOn.svg b/assets/skin-super-modern/images/toggleOn.svg
new file mode 100644
index 000000000..deb57e479
--- /dev/null
+++ b/assets/skin-super-modern/images/toggleOn.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 8.13401 4.13401 5 8 5H16C19.866 5 23 8.13401 23 12C23 15.866 19.866 19 16 19H8C4.13401 19 1 15.866 1 12ZM12.5 12C12.5 10.067 14.067 8.5 16 8.5C17.933 8.5 19.5 10.067 19.5 12C19.5 13.933 17.933 15.5 16 15.5C14.067 15.5 12.5 13.933 12.5 12Z" fill="white"/>
+</svg>
diff --git a/assets/skin-super-modern/images/volume-mute.svg b/assets/skin-super-modern/images/volume-mute.svg
index bac202cab..9eb97755b 100644
--- a/assets/skin-super-modern/images/volume-mute.svg
+++ b/assets/skin-super-modern/images/volume-mute.svg
@@ -1,3 +1,4 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.3333 3.41678C10.0833 3.25011 9.66666 3.33344 9.41666 3.50011L5.49999 6.66678H2.49999C1.99999 6.66678 1.66666 7.00011 1.66666 7.50011V12.5001C1.66666 13.0001 1.99999 13.3334 2.49999 13.3334H5.49999L9.41666 16.5001C9.74999 16.7501 10.3333 16.7501 10.5833 16.3334C10.6667 16.1668 10.75 16.0001 10.75 15.8334V4.16678C10.8333 3.83344 10.6667 3.58344 10.3333 3.41678ZM16.5833 10.0001L18.0833 8.50011C18.4167 8.16678 18.4167 7.66678 18.0833 7.33344C17.75 7.00011 17.25 7.00011 16.9167 7.33344L15.4167 8.83344L13.9167 7.33344C13.5833 7.00011 13.0833 7.00011 12.75 7.33344C12.4167 7.66678 12.4167 8.16678 12.75 8.50011L14.25 10.0001L12.75 11.5001C12.4167 11.8334 12.4167 12.3334 12.75 12.6668C13.0833 13.0001 13.5833 13.0001 13.9167 12.6668L15.4167 11.1668L16.9167 12.6668C17.25 13.0001 17.75 13.0001 18.0833 12.6668C18.4167 12.3334 18.4167 11.8334 18.0833 11.5001L16.5833 10.0001Z" fill="white"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4719 3.11833C12.797 3.29235 13 3.63121 13 4V20C13 20.3688 12.797 20.7077 12.4719 20.8817C12.1467 21.0557 11.7522 21.0366 11.4453 20.8321L5.69722 17H2C1.44772 17 1 16.5523 1 16V8C1 7.44772 1.44772 7 2 7H5.69722L11.4453 3.16795C11.7522 2.96338 12.1467 2.94431 12.4719 3.11833Z" fill="white"/>
+<path d="M22.2071 10.707C22.5976 10.3165 22.5976 9.68331 22.2071 9.29278C21.8166 8.90226 21.1834 8.90226 20.7929 9.29278L19.3787 10.707L17.9644 9.29278C17.5739 8.90226 16.9408 8.90226 16.5502 9.29278C16.1597 9.68331 16.1597 10.3165 16.5502 10.707L17.9644 12.1212L16.5502 13.5354C16.1597 13.9259 16.1597 14.5591 16.5502 14.9496C16.9408 15.3402 17.5739 15.3402 17.9644 14.9496L19.3787 13.5354L20.7929 14.9496C21.1834 15.3402 21.8166 15.3402 22.2071 14.9496C22.5976 14.5591 22.5976 13.9259 22.2071 13.5354L20.7929 12.1212L22.2071 10.707Z" fill="white"/>
 </svg>
diff --git a/assets/skin-super-modern/images/volume.svg b/assets/skin-super-modern/images/volume.svg
index ca3236176..09cc5d45d 100644
--- a/assets/skin-super-modern/images/volume.svg
+++ b/assets/skin-super-modern/images/volume.svg
@@ -1,3 +1,5 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.3333 3.41678C10.0833 3.25011 9.66666 3.33344 9.41666 3.50011L5.49999 6.66678H2.49999C1.99999 6.66678 1.66666 7.00011 1.66666 7.50011V12.5001C1.66666 13.0001 1.99999 13.3334 2.49999 13.3334H5.58332L9.49999 16.5001C9.83332 16.7501 10.4167 16.7501 10.6667 16.3334C10.75 16.1668 10.8333 16.0001 10.8333 15.8334V4.16678C10.8333 3.83344 10.6667 3.58344 10.3333 3.41678ZM14.25 7.83344C14.1667 7.75011 14.0833 7.66678 14.0833 7.58344C13.75 7.25011 13.25 7.25011 12.9167 7.58344C12.5833 7.91678 12.5833 8.41678 12.9167 8.75011C13.1667 9.16678 13.3333 9.58344 13.3333 10.0001C13.3333 10.5001 13.0833 11.0001 12.75 11.2501C12.4167 11.5834 12.3333 12.0834 12.6667 12.4168C13 12.7501 13.5 12.8334 13.8333 12.5001C15.25 11.3334 15.4167 9.25011 14.25 7.83344ZM16.75 5.75011C16.6667 5.58344 16.5 5.50011 16.3333 5.33344C16 5.00011 15.5 5.00011 15.1667 5.33344C14.8333 5.66678 14.8333 6.16678 15.1667 6.50011C17.0833 8.41678 17.0833 11.5834 15.1667 13.5834C15.0833 13.6668 14.9167 13.7501 14.8333 13.9168C14.5 14.2501 14.4167 14.7501 14.75 15.0834C15.0833 15.4168 15.5833 15.5001 15.9167 15.1668C18.75 12.7501 19.1667 8.50011 16.75 5.75011Z" fill="white"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 4C13 3.63121 12.797 3.29235 12.4719 3.11833C12.1467 2.94431 11.7522 2.96338 11.4453 3.16795L5.69722 7H2C1.44772 7 1 7.44772 1 8V16C1 16.5523 1.44772 17 2 17H5.69722L11.4453 20.8321C11.7522 21.0366 12.1467 21.0557 12.4719 20.8817C12.797 20.7077 13 20.3688 13 20V4Z" fill="white"/>
+<path d="M18.3639 4.22258C18.7545 3.83206 19.3876 3.83206 19.7782 4.22258C21.7677 6.21209 23 8.96347 23 12.0008C23 15.038 21.7677 17.7894 19.7782 19.7789C19.3876 20.1695 18.7545 20.1695 18.3639 19.7789C17.9734 19.3884 17.9734 18.7552 18.3639 18.3647C19.9937 16.7349 21 14.4863 21 12.0008C21 9.5152 19.9937 7.26657 18.3639 5.63679C17.9734 5.24627 17.9734 4.61311 18.3639 4.22258Z" fill="white"/>
+<path d="M16.5963 7.40422C16.2057 7.0137 15.5726 7.0137 15.1821 7.40422C14.7915 7.79475 14.7915 8.42791 15.1821 8.81843C15.9975 9.63387 16.5001 10.7575 16.5001 12.0004C16.5001 13.2433 15.9975 14.367 15.1821 15.1824C14.7915 15.5729 14.7915 16.2061 15.1821 16.5966C15.5726 16.9871 16.2057 16.9871 16.5963 16.5966C17.7714 15.4214 18.5001 13.7951 18.5001 12.0004C18.5001 10.2058 17.7714 8.5794 16.5963 7.40422Z" fill="white"/>
 </svg>