diff --git a/_icons/battery-1.svg b/_icons/battery-1.svg
index 7b6a0f910..cbebab99f 100644
--- a/_icons/battery-1.svg
+++ b/_icons/battery-1.svg
@@ -1,7 +1,8 @@
 ---
 ---
 <svg>
-  <rect x="3" y="7" width="17" height="10" rx="2"></rect>
-  <rect x="20" y="10" width="1" height="4" ></rect>
-  <polyline points="6 10 6 14"></polyline>
+  <rect x="4" y="7" width="15" height="10" rx="2"></rect>
+  <rect x="19" y="10" width="1" height="4" ></rect>
+  <polyline points="7 10 7 14"></polyline>
 </svg>
+
diff --git a/_icons/battery-2.svg b/_icons/battery-2.svg
index 6f13bfb2f..56a0f12c2 100644
--- a/_icons/battery-2.svg
+++ b/_icons/battery-2.svg
@@ -1,8 +1,9 @@
 ---
 ---
 <svg>
-  <rect x="3" y="7" width="17" height="10" rx="2"></rect>
-  <rect x="20" y="10" width="1" height="4" ></rect>
-  <polyline points="6 10 6 14"></polyline>
-  <polyline points="9.5 10 9.5 14"></polyline>
+  <rect x="4" y="7" width="15" height="10" rx="2"></rect>
+  <rect x="19" y="10" width="1" height="4" ></rect>
+  <polyline points="7 10 7 14"></polyline>
+  <polyline points="10 10 10 14"></polyline>
 </svg>
+
diff --git a/_icons/battery-3.svg b/_icons/battery-3.svg
index 9e7c8cd0e..c1f1e71d2 100644
--- a/_icons/battery-3.svg
+++ b/_icons/battery-3.svg
@@ -1,9 +1,9 @@
 ---
 ---
 <svg>
-  <rect x="3" y="7" width="17" height="10" rx="2"></rect>
-  <rect x="20" y="10" width="1" height="4" ></rect>
-  <polyline points="6 10 6 14"></polyline>
-  <polyline points="9.5 10 9.5 14"></polyline>
+  <rect x="4" y="7" width="15" height="10" rx="2"></rect>
+  <rect x="19" y="10" width="1" height="4" ></rect>
+  <polyline points="7 10 7 14"></polyline>
+  <polyline points="10 10 10 14"></polyline>
   <polyline points="13 10 13 14"></polyline>
 </svg>
diff --git a/_icons/battery-4.svg b/_icons/battery-4.svg
index f60a5750d..ebfbe339a 100644
--- a/_icons/battery-4.svg
+++ b/_icons/battery-4.svg
@@ -1,10 +1,10 @@
 ---
 ---
 <svg>
-  <rect x="3" y="7" width="17" height="10" rx="2"></rect>
-  <rect x="20" y="10" width="1" height="4" ></rect>
-  <polyline points="6 10 6 14"></polyline>
-  <polyline points="9.5 10 9.5 14"></polyline>
+  <rect x="4" y="7" width="15" height="10" rx="2"></rect>
+  <rect x="19" y="10" width="1" height="4" ></rect>
+  <polyline points="7 10 7 14"></polyline>
+  <polyline points="10 10 10 14"></polyline>
   <polyline points="13 10 13 14"></polyline>
-  <polyline points="16.5 10 16.5 14"></polyline>
+  <polyline points="16 10 16 14"></polyline>
 </svg>
diff --git a/_icons/battery-charging.svg b/_icons/battery-charging.svg
new file mode 100644
index 000000000..415fc8974
--- /dev/null
+++ b/_icons/battery-charging.svg
@@ -0,0 +1,8 @@
+---
+---
+<svg>
+  <path d="M7 7H6a2 2 0 00-2 2v6a2 2 0 002 2h2m7-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-1" />
+  <rect x="19" y="10" width="1" height="4" ></rect>
+  <polyline points="11 8 10 12 13 12 12 16"></polyline>
+
+</svg>
diff --git a/_icons/battery-empty.svg b/_icons/battery-empty.svg
index b3b8c7042..c06639ff4 100644
--- a/_icons/battery-empty.svg
+++ b/_icons/battery-empty.svg
@@ -1,6 +1,6 @@
 ---
 ---
 <svg>
-  <rect x="3" y="7" width="17" height="10" rx="2"></rect>
-  <rect x="20" y="10" width="1" height="4" ></rect>
+  <rect x="4" y="7" width="15" height="10" rx="2"></rect>
+  <rect x="19" y="10" width="1" height="4" ></rect>
 </svg>
diff --git a/icons.svg b/icons.svg
index 42cf8276b..41030f21a 100644
--- a/icons.svg
+++ b/icons.svg
@@ -66,15 +66,16 @@
 </symbol>
 	<symbol id="tabler-arrow-up" class="icon tabler-icon tabler-icon-arrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19" /><line x1="19" y1="12" x2="12" y2="5" /><line x1="5" y1="12" x2="12" y2="5" />
 </symbol>
-	<symbol id="tabler-battery-1" class="icon tabler-icon tabler-icon-battery-1" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="17" height="10" rx="2"></rect><rect x="20" y="10" width="1" height="4" ></rect><polyline points="6 10 6 14"></polyline>
+	<symbol id="tabler-battery-1" class="icon tabler-icon tabler-icon-battery-1" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="7" width="15" height="10" rx="2"></rect><rect x="19" y="10" width="1" height="4" ></rect><polyline points="7 10 7 14"></polyline>
 </symbol>
-	<symbol id="tabler-battery-2" class="icon tabler-icon tabler-icon-battery-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="17" height="10" rx="2"></rect><rect x="20" y="10" width="1" height="4" ></rect><polyline points="6 10 6 14"></polyline><polyline points="9.5 10 9.5 14"></polyline>
+	<symbol id="tabler-battery-2" class="icon tabler-icon tabler-icon-battery-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="7" width="15" height="10" rx="2"></rect><rect x="19" y="10" width="1" height="4" ></rect><polyline points="7 10 7 14"></polyline><polyline points="10 10 10 14"></polyline>
 </symbol>
-	<symbol id="tabler-battery-3" class="icon tabler-icon tabler-icon-battery-3" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="17" height="10" rx="2"></rect><rect x="20" y="10" width="1" height="4" ></rect><polyline points="6 10 6 14"></polyline><polyline points="9.5 10 9.5 14"></polyline><polyline points="13 10 13 14"></polyline>
+	<symbol id="tabler-battery-3" class="icon tabler-icon tabler-icon-battery-3" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="7" width="15" height="10" rx="2"></rect><rect x="19" y="10" width="1" height="4" ></rect><polyline points="7 10 7 14"></polyline><polyline points="10 10 10 14"></polyline><polyline points="13 10 13 14"></polyline>
 </symbol>
-	<symbol id="tabler-battery-4" class="icon tabler-icon tabler-icon-battery-4" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="17" height="10" rx="2"></rect><rect x="20" y="10" width="1" height="4" ></rect><polyline points="6 10 6 14"></polyline><polyline points="9.5 10 9.5 14"></polyline><polyline points="13 10 13 14"></polyline><polyline points="16.5 10 16.5 14"></polyline>
+	<symbol id="tabler-battery-4" class="icon tabler-icon tabler-icon-battery-4" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="7" width="15" height="10" rx="2"></rect><rect x="19" y="10" width="1" height="4" ></rect><polyline points="7 10 7 14"></polyline><polyline points="10 10 10 14"></polyline><polyline points="13 10 13 14"></polyline><polyline points="16 10 16 14"></polyline>
 </symbol>
-	<symbol id="tabler-battery-empty" class="icon tabler-icon tabler-icon-battery-empty" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="17" height="10" rx="2"></rect><rect x="20" y="10" width="1" height="4" ></rect>
+	<symbol id="tabler-battery-charging" class="icon tabler-icon tabler-icon-battery-charging" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7H6a2 2 0 00-2 2v6a2 2 0 002 2h2m7-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-1" /><rect x="19" y="10" width="1" height="4" ></rect><polyline points="11 8 10 12 13 12 12 16"></polyline></symbol>
+	<symbol id="tabler-battery-empty" class="icon tabler-icon tabler-icon-battery-empty" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="7" width="15" height="10" rx="2"></rect><rect x="19" y="10" width="1" height="4" ></rect>
 </symbol>
 	<symbol id="tabler-border-all" class="icon tabler-icon tabler-icon-border-all" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" />
 </symbol>
@@ -254,79 +255,80 @@
 	<use xlink:href="#tabler-battery-2" x="672" y="78" width="24" height="24" />
 	<use xlink:href="#tabler-battery-3" x="726" y="78" width="24" height="24" />
 	<use xlink:href="#tabler-battery-4" x="780" y="78" width="24" height="24" />
-	<use xlink:href="#tabler-battery-empty" x="834" y="78" width="24" height="24" />
-	<use xlink:href="#tabler-border-all" x="24" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-bottom" x="78" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-horizontal" x="132" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-inner" x="186" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-left" x="240" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-none" x="294" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-outer" x="348" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-right" x="402" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-top" x="456" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-border-vertical" x="510" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-check" x="564" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-chevron-down" x="618" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-chevron-left" x="672" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-chevron-right" x="726" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-chevron-up" x="780" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-chevrons-down" x="834" y="132" width="24" height="24" />
-	<use xlink:href="#tabler-chevrons-left" x="24" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-chevrons-right" x="78" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-chevrons-up" x="132" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-circle" x="186" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-clipboard" x="240" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-clock" x="294" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-code" x="348" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-cog" x="402" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-device-desktop" x="456" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-device-mobile" x="510" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-device-tablet" x="564" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-download" x="618" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-file-check" x="672" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-file-download" x="726" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-file-minus" x="780" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-file-plus" x="834" y="186" width="24" height="24" />
-	<use xlink:href="#tabler-file-text" x="24" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-file-x" x="78" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-file" x="132" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-grid" x="186" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-heart" x="240" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-home" x="294" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-layout" x="348" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-map-pin" x="402" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-menu" x="456" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-minus-circle" x="510" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-minus-square" x="564" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-minus" x="618" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-mood-confuzed" x="672" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-mood-happy" x="726" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-mood-neutral" x="780" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-mood-sad" x="834" y="240" width="24" height="24" />
-	<use xlink:href="#tabler-mood-smile" x="24" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-more-vertical" x="78" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-more" x="132" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-photo" x="186" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-plus-circle" x="240" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-plus-square" x="294" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-plus" x="348" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-qrcode" x="402" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-search" x="456" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-square" x="510" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-star" x="564" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-swich-horizontal" x="618" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-switch-vertical" x="672" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-trending-down" x="726" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-trending-up" x="780" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-upload" x="834" y="294" width="24" height="24" />
-	<use xlink:href="#tabler-user-check" x="24" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-user-minus" x="78" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-user-plus" x="132" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-user-x" x="186" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-user" x="240" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-viewfinder" x="294" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-x" x="348" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-zoom-in" x="402" y="348" width="24" height="24" />
-	<use xlink:href="#tabler-zoom-out" x="456" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-battery-charging" x="834" y="78" width="24" height="24" />
+	<use xlink:href="#tabler-battery-empty" x="24" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-all" x="78" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-bottom" x="132" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-horizontal" x="186" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-inner" x="240" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-left" x="294" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-none" x="348" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-outer" x="402" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-right" x="456" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-top" x="510" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-border-vertical" x="564" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-check" x="618" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-chevron-down" x="672" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-chevron-left" x="726" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-chevron-right" x="780" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-chevron-up" x="834" y="132" width="24" height="24" />
+	<use xlink:href="#tabler-chevrons-down" x="24" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-chevrons-left" x="78" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-chevrons-right" x="132" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-chevrons-up" x="186" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-circle" x="240" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-clipboard" x="294" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-clock" x="348" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-code" x="402" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-cog" x="456" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-device-desktop" x="510" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-device-mobile" x="564" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-device-tablet" x="618" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-download" x="672" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-file-check" x="726" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-file-download" x="780" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-file-minus" x="834" y="186" width="24" height="24" />
+	<use xlink:href="#tabler-file-plus" x="24" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-file-text" x="78" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-file-x" x="132" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-file" x="186" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-grid" x="240" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-heart" x="294" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-home" x="348" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-layout" x="402" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-map-pin" x="456" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-menu" x="510" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-minus-circle" x="564" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-minus-square" x="618" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-minus" x="672" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-mood-confuzed" x="726" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-mood-happy" x="780" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-mood-neutral" x="834" y="240" width="24" height="24" />
+	<use xlink:href="#tabler-mood-sad" x="24" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-mood-smile" x="78" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-more-vertical" x="132" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-more" x="186" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-photo" x="240" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-plus-circle" x="294" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-plus-square" x="348" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-plus" x="402" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-qrcode" x="456" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-search" x="510" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-square" x="564" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-star" x="618" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-swich-horizontal" x="672" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-switch-vertical" x="726" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-trending-down" x="780" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-trending-up" x="834" y="294" width="24" height="24" />
+	<use xlink:href="#tabler-upload" x="24" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-user-check" x="78" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-user-minus" x="132" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-user-plus" x="186" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-user-x" x="240" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-user" x="294" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-viewfinder" x="348" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-x" x="402" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-zoom-in" x="456" y="348" width="24" height="24" />
+	<use xlink:href="#tabler-zoom-out" x="510" y="348" width="24" height="24" />
 
 </svg>
\ No newline at end of file