diff --git a/assets/tdesign/td_icons.ttf b/assets/tdesign/td_icons.ttf
index 3ad6e027e..071dbb0ce 100644
Binary files a/assets/tdesign/td_icons.ttf and b/assets/tdesign/td_icons.ttf differ
diff --git a/assets/tdesign/td_icons_new.ttf b/assets/tdesign/td_icons_new.ttf
deleted file mode 100644
index 09e3d89b1..000000000
Binary files a/assets/tdesign/td_icons_new.ttf and /dev/null differ
diff --git a/example/lib/page/td_icon_page.dart b/example/lib/page/td_icon_page.dart
index a090e7f40..212f5b889 100644
--- a/example/lib/page/td_icon_page.dart
+++ b/example/lib/page/td_icon_page.dart
@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:tdesign_flutter/td_export.dart';
-import 'package:tdesign_flutter/src/components/icon/td_icons_new.dart' as codesign;
 
 import '../../base/example_widget.dart';
 
@@ -17,7 +16,7 @@ class _TDIconPageState extends State<TDIconPage> {
   Widget build(BuildContext context) {
     return ExamplePage(title: 'icon图标',
         children: [
-        ExampleModule(title: 'figma',
+        ExampleModule(title: 'icon示例',
         children: [
           ExampleItem(
               desc: 'icon数量: ${TDIcons.all.length}',
@@ -40,31 +39,7 @@ class _TDIconPageState extends State<TDIconPage> {
           ],
         ),
       ))
-    ]),
-        ExampleModule(title: 'codesign',
-        children: [
-          ExampleItem(
-              desc: 'icon数量: ${TDIcons.all.length}',
-              builder: (_) => Container(
-        color: Colors.white,
-        alignment: Alignment.center,
-        child: Wrap(
-          children: [
-            for (var iconData in codesign.TDIcons.all.values) SizedBox(
-              height: 100,
-              width: 175,
-
-              child: Column(
-                children: [
-                  Icon(iconData),
-                  TDText(iconData.name)
-                ],
-              ),
-            )
-          ],
-        ),
-      ))
-    ]),
+    ])
         ]);
 
   }
diff --git a/example/shell/Icons/TDesign_logo.svg b/example/shell/Icons/TDesign_logo.svg
deleted file mode 100644
index fbdbc322a..000000000
--- a/example/shell/Icons/TDesign_logo.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.5111 44.3535H10.3239C10.1883 44.3533 10.0543 44.3241 9.93092 44.2678C9.80754 44.2115 9.69767 44.1294 9.6087 44.027C9.51973 43.9247 9.45373 43.8044 9.41516 43.6744C9.37659 43.5444 9.36634 43.4076 9.3851 43.2733L10.9801 34.2684H21.0752L19.4297 43.5963C19.386 43.8084 19.271 43.9991 19.1039 44.1369C18.9368 44.2746 18.7276 44.351 18.5111 44.3535Z" fill="#009BFF"/>
-<path d="M41.5585 13.9975H14.5439L16.3207 3.90236H42.9718C43.1177 3.88842 43.2649 3.90885 43.4015 3.96202C43.5382 4.01519 43.6604 4.09962 43.7586 4.20855C43.8567 4.31747 43.9279 4.44786 43.9666 4.58928C44.0053 4.7307 44.0103 4.87921 43.9813 5.02291L42.4872 13.2403C42.4467 13.4559 42.3312 13.6501 42.1613 13.7887C41.9913 13.9273 41.7777 14.0012 41.5585 13.9975Z" fill="url(#paint0_linear_23719_7530)"/>
-<path d="M14.5438 13.9963H5.55914C5.42169 13.9979 5.28554 13.9695 5.16012 13.9133C5.0347 13.857 4.92301 13.7742 4.83276 13.6705C4.74251 13.5668 4.67587 13.4447 4.63744 13.3127C4.59901 13.1808 4.58972 13.042 4.6102 12.9061L6.07399 4.67857C6.11398 4.46109 6.22866 4.2644 6.39824 4.12248C6.56781 3.98055 6.78162 3.9023 7.00274 3.90125H16.3205L14.5438 13.9963Z" fill="#0064FF"/>
-<path d="M21.086 34.2382H10.9707L14.5444 14.0177H24.6597L21.086 34.2382Z" fill="url(#paint1_linear_23719_7530)"/>
-<defs>
-<linearGradient id="paint0_linear_23719_7530" x1="15.4103" y1="8.96" x2="42.3495" y2="13.8091" gradientUnits="userSpaceOnUse">
-<stop offset="0.03" stop-color="#E9FFFF"/>
-<stop offset="0.17" stop-color="#C4FAC9"/>
-<stop offset="0.33" stop-color="#A0F694"/>
-<stop offset="0.48" stop-color="#82F269"/>
-<stop offset="0.63" stop-color="#6AEF47"/>
-<stop offset="0.76" stop-color="#5AED2F"/>
-<stop offset="0.89" stop-color="#4FEB20"/>
-<stop offset="1" stop-color="#4CEB1B"/>
-</linearGradient>
-<linearGradient id="paint1_linear_23719_7530" x1="19.5897" y1="13.2807" x2="19.7808" y2="32.3058" gradientUnits="userSpaceOnUse">
-<stop stop-color="#009BFF"/>
-<stop offset="0.35" stop-color="#0081FE"/>
-<stop offset="0.75" stop-color="#006AFD"/>
-<stop offset="1" stop-color="#0062FD"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/example/shell/Icons/add_circle.svg b/example/shell/Icons/add_circle.svg
index 151b9eca1..7310c980b 100644
--- a/example/shell/Icons/add_circle.svg
+++ b/example/shell/Icons/add_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 8.5H4.5V7.5H7.5V4.5H8.5V7.5H11.5V8.5H8.5V11.5H7.5V8.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 8.5V11.5H8.5V8.5H11.5V7.5H8.5V4.5H7.5V7.5H4.5V8.5H7.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/app.svg b/example/shell/Icons/app.svg
index 9b6cb9fea..76c379693 100644
--- a/example/shell/Icons/app.svg
+++ b/example/shell/Icons/app.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.25 1.75C9.59315 1.75 8.25 3.09315 8.25 4.75C8.25 6.40685 9.59315 7.75 11.25 7.75C12.9069 7.75 14.25 6.40685 14.25 4.75C14.25 3.09315 12.9069 1.75 11.25 1.75ZM9.25 4.75C9.25 3.64543 10.1454 2.75 11.25 2.75C12.3546 2.75 13.25 3.64543 13.25 4.75C13.25 5.85457 12.3546 6.75 11.25 6.75C10.1454 6.75 9.25 5.85457 9.25 4.75Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.25 1.75C12.9069 1.75 14.25 3.09315 14.25 4.75C14.25 6.40685 12.9069 7.75 11.25 7.75C9.59315 7.75 8.25 6.40685 8.25 4.75C8.25 3.09315 9.59315 1.75 11.25 1.75ZM9.25 4.75C9.25 5.85457 10.1454 6.75 11.25 6.75C12.3546 6.75 13.25 5.85457 13.25 4.75C13.25 3.64543 12.3546 2.75 11.25 2.75C10.1454 2.75 9.25 3.64543 9.25 4.75Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 3C2 2.44772 2.44772 2 3 2H6.5C7.05228 2 7.5 2.44772 7.5 3V6.5C7.5 7.05228 7.05228 7.5 6.5 7.5H3C2.44772 7.5 2 7.05228 2 6.5V3ZM3 3V6.5H6.5V3H3Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 9.5C2 8.94772 2.44772 8.5 3 8.5H6.5C7.05228 8.5 7.5 8.94772 7.5 9.5V13C7.5 13.5523 7.05228 14 6.5 14H3C2.44772 14 2 13.5523 2 13V9.5ZM3 9.5V13H6.5V9.5H3Z" fill="black" fill-opacity="0.9"/>
 <path d="M8.5 9.5C8.5 8.94772 8.94772 8.5 9.5 8.5H13C13.5523 8.5 14 8.94772 14 9.5V13C14 13.5523 13.5523 14 13 14H9.5C8.94772 14 8.5 13.5523 8.5 13V9.5ZM9.5 13H13V9.5H9.5V13Z" fill="black" fill-opacity="0.9"/>
diff --git a/example/shell/Icons/arrow_down.svg b/example/shell/Icons/arrow_down.svg
index a1c4da7c6..5c32cd9a9 100644
--- a/example/shell/Icons/arrow_down.svg
+++ b/example/shell/Icons/arrow_down.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.50009 2.00014L8.49992 12.0858L12.1462 8.4395L12.8533 9.14661L8.21203 13.7879C8.09488 13.9051 7.90493 13.9051 7.78777 13.7879L3.14648 9.14661L3.85359 8.4395L7.49992 12.0858L7.50009 2.00012L8.50009 2.00014Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.50009 2.00002L8.49992 12.0857L12.1462 8.43938L12.8533 9.14649L8.21203 13.7878C8.09488 13.9049 7.90493 13.9049 7.78777 13.7878L3.14648 9.14649L3.85359 8.43938L7.49992 12.0857L7.50009 2L8.50009 2.00002Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/arrow_down_rectangle.svg b/example/shell/Icons/arrow_down_rectangle.svg
index ac4946d41..24f5b142c 100644
--- a/example/shell/Icons/arrow_down_rectangle.svg
+++ b/example/shell/Icons/arrow_down_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.7458 7.54711L8.5 9.79289L8.5 4.5L7.5 4.5L7.5 9.79289L5.25422 7.54711L4.54711 8.25422L8 11.7071L11.4529 8.25422L10.7458 7.54711Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.7458 7.54711L11.4529 8.25422L8 11.7071L4.54711 8.25422L5.25422 7.54711L7.5 9.79289L7.5 4.5L8.5 4.5L8.5 9.79289L10.7458 7.54711Z" fill="black" fill-opacity="0.9"/>
 <path d="M3 14C2.44772 14 2 13.5523 2 13V3C2 2.44771 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3L14 13C14 13.5523 13.5523 14 13 14L3 14ZM3 13L13 13L13 3L3 3L3 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/arrow_up.svg b/example/shell/Icons/arrow_up.svg
index 9de83711c..19e2a9667 100644
--- a/example/shell/Icons/arrow_up.svg
+++ b/example/shell/Icons/arrow_up.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.49988 3.91436L3.85359 7.56065L3.14648 6.85354L7.78777 2.21226C7.90493 2.0951 8.09488 2.0951 8.21204 2.21226L12.8533 6.85354L12.1462 7.56065L8.49988 3.91432L8.49971 14L7.49971 14L7.49988 3.91436Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.49988 3.91448L3.85359 7.56077L3.14648 6.85367L7.78777 2.21238C7.90493 2.09522 8.09488 2.09522 8.21204 2.21238L12.8533 6.85367L12.1462 7.56077L8.49988 3.91444L8.49971 14.0002L7.49971 14.0001L7.49988 3.91448Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/attach.svg b/example/shell/Icons/attach.svg
index 0b8622b0b..b344730b7 100644
--- a/example/shell/Icons/attach.svg
+++ b/example/shell/Icons/attach.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.1271 3.85578C11.3382 3.07643 10.068 3.08032 9.28386 3.86448L2.07429 11.074L1.36719 10.3669L8.57675 3.15737C9.74975 1.98437 11.6498 1.97856 12.8299 3.14436C14.0203 4.32029 14.0262 6.24042 12.843 7.42361L7.003 13.2636C6.26746 13.9991 5.0749 13.9991 4.33936 13.2636C3.60382 12.5281 3.60382 11.3355 4.33936 10.6L10.0133 4.92602L10.7204 5.63313L5.04647 11.3071C4.70145 11.6521 4.70145 12.2115 5.04647 12.5565C5.39149 12.9015 5.95087 12.9015 6.29589 12.5565L12.1359 6.7165C12.9269 5.92553 12.9229 4.6419 12.1271 3.85578Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.1271 3.85591C11.3382 3.07655 10.068 3.08044 9.28386 3.8646L2.07429 11.0742L1.36719 10.3671L8.57675 3.15749C9.74975 1.98449 11.6498 1.97869 12.8299 3.14449C14.0203 4.32042 14.0262 6.24054 12.843 7.42373L7.003 13.2637C6.26746 13.9993 5.0749 13.9993 4.33936 13.2637C3.60382 12.5282 3.60382 11.3356 4.33936 10.6001L10.0133 4.92614L10.7204 5.63325L5.04647 11.3072C4.70145 11.6522 4.70145 12.2116 5.04647 12.5566C5.39149 12.9016 5.95087 12.9016 6.29589 12.5566L12.1359 6.71663C12.9269 5.92565 12.9229 4.64203 12.1271 3.85591Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/backtop.svg b/example/shell/Icons/backtop.svg
index 216a3be44..73ce35020 100644
--- a/example/shell/Icons/backtop.svg
+++ b/example/shell/Icons/backtop.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.99902 2.9989H13.999V1.9989H1.99902V2.9989Z" fill="black" fill-opacity="0.9"/>
-<path d="M3.37689 10.2293L7.48663 6.19544L7.48666 14.8438L8.49751 14.8437L8.49748 6.1901L12.6779 10.2672L13.3915 9.56668L8.34115 4.64112C8.14651 4.45129 7.83584 4.45178 7.64181 4.64224L2.661 9.53108L3.37689 10.2293Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.99902 2.99902H13.999V1.99902H1.99902V2.99902Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.37689 10.2294L7.48663 6.19556L7.48666 14.8439L8.49751 14.8438L8.49748 6.19022L12.6779 10.2673L13.3915 9.5668L8.34115 4.64124C8.14651 4.45141 7.83584 4.4519 7.64181 4.64236L2.661 9.5312L3.37689 10.2294Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/backtop_rectangle.svg b/example/shell/Icons/backtop_rectangle.svg
index a90087e31..191d720d2 100644
--- a/example/shell/Icons/backtop_rectangle.svg
+++ b/example/shell/Icons/backtop_rectangle.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.49755 8.19542L5.9441 9.72019L5.2282 9.02199L8.00185 6.29956L10.8007 9.02923L10.087 9.72972L8.50841 8.19011L8.50847 11.9988L7.49761 11.9989L7.49755 8.19542Z" fill="black" fill-opacity="0.9"/>
-<path d="M4.49903 5.4989H11.499V4.4989H4.49903V5.4989Z" fill="black" fill-opacity="0.9"/>
-<path d="M2.99903 1.9989C2.44674 1.9989 1.99903 2.44662 1.99903 2.9989L1.99902 12.9989C1.99902 13.5512 2.44674 13.9989 2.99902 13.9989L12.999 13.9989C13.5513 13.9989 13.999 13.5512 13.999 12.9989L13.999 2.9989C13.999 2.44662 13.5513 1.9989 12.999 1.9989L2.99903 1.9989ZM12.999 2.9989L12.999 12.9989L2.99902 12.9989L2.99903 2.9989L12.999 2.9989Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.49755 8.19554L5.9441 9.72031L5.2282 9.02211L8.00185 6.29968L10.8007 9.02936L10.087 9.72984L8.50841 8.19024L8.50847 11.999L7.49761 11.9991L7.49755 8.19554Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.49903 5.49902H11.499V4.49902H4.49903V5.49902Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.99903 1.99902C2.44674 1.99902 1.99903 2.44674 1.99903 2.99902L1.99902 12.999C1.99902 13.5513 2.44674 13.999 2.99902 13.999L12.999 13.999C13.5513 13.999 13.999 13.5513 13.999 12.999L13.999 2.99903C13.999 2.44674 13.5513 1.99903 12.999 1.99903L2.99903 1.99902ZM12.999 2.99903L12.999 12.999L2.99902 12.999L2.99903 2.99902L12.999 2.99903Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/backward.svg b/example/shell/Icons/backward.svg
index b156b2fe8..0167030b7 100644
--- a/example/shell/Icons/backward.svg
+++ b/example/shell/Icons/backward.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.24175 8.39077C0.99103 8.1906 0.99103 7.80944 1.24175 7.60927L6.87913 3.1086C7.20659 2.84717 7.69109 3.08033 7.69109 3.49935L7.69109 7.76543C7.72051 7.71 7.7611 7.65903 7.81285 7.6159L13.1793 3.14379C13.5049 2.8724 13.9994 3.10398 13.9994 3.5279L13.9994 12.4721C13.9994 12.896 13.5049 13.1276 13.1793 12.8562L7.81285 8.38412C7.7611 8.34099 7.72051 8.29002 7.69109 8.23459L7.69109 12.5007C7.69109 12.9197 7.20659 13.1529 6.87913 12.8914L1.24175 8.39077ZM6.69109 11.4617L6.69109 4.53833L2.3551 8.00002L6.69109 11.4617ZM12.9994 11.4046L12.9994 4.59544L8.91396 8.00001L12.9994 11.4046Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.24175 8.39089C0.99103 8.19072 0.99103 7.80956 1.24175 7.60939L6.87913 3.10873C7.20659 2.84729 7.69109 3.08045 7.69109 3.49947L7.69109 7.76555C7.72051 7.71012 7.7611 7.65915 7.81285 7.61602L13.1793 3.14392C13.5049 2.87253 13.9994 3.1041 13.9994 3.52802L13.9994 12.4722C13.9994 12.8962 13.5049 13.1277 13.1793 12.8564L7.81285 8.38424C7.7611 8.34111 7.72051 8.29014 7.69109 8.23471L7.69109 12.5008C7.69109 12.9198 7.20659 13.153 6.87913 12.8915L1.24175 8.39089ZM6.69109 11.4618L6.69109 4.53846L2.3551 8.00014L6.69109 11.4618ZM12.9994 11.4047L12.9994 4.59556L8.91396 8.00013L12.9994 11.4047Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/books.svg b/example/shell/Icons/books.svg
index 7a49b3264..8a3714eed 100644
--- a/example/shell/Icons/books.svg
+++ b/example/shell/Icons/books.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.99902 9.27825L3.99902 12.0782V2.9989H11.999V12.0782L7.99902 9.27825ZM7.99902 10.4989L12.2123 13.4482C12.5437 13.6802 12.999 13.4431 12.999 13.0386V2.9989C12.999 2.44662 12.5513 1.9989 11.999 1.9989H3.99902C3.44674 1.9989 2.99902 2.44662 2.99902 2.9989V13.0386C2.99902 13.4431 3.45437 13.6802 3.78576 13.4482L7.99902 10.4989Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.99902 9.27837L3.99902 12.0784V2.99902H11.999V12.0784L7.99902 9.27837ZM7.99902 10.499L12.2123 13.4483C12.5437 13.6803 12.999 13.4432 12.999 13.0387V2.99902C12.999 2.44674 12.5513 1.99902 11.999 1.99902H3.99902C3.44674 1.99902 2.99902 2.44674 2.99902 2.99902V13.0387C2.99902 13.4432 3.45437 13.6803 3.78576 13.4483L7.99902 10.499Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/browse.svg b/example/shell/Icons/browse.svg
index 311feeb0e..5afd830f6 100644
--- a/example/shell/Icons/browse.svg
+++ b/example/shell/Icons/browse.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.8796 7.99988C10.8796 9.59039 9.59033 10.8798 7.99976 10.8798C6.40918 10.8798 5.11987 9.59039 5.11987 7.99988C5.11987 6.40942 6.40918 5.12006 7.99976 5.12006C9.59033 5.12006 10.8796 6.40942 10.8796 7.99988ZM9.87964 7.99988C9.87964 6.96167 9.03784 6.12006 7.99976 6.12006C6.96143 6.12006 6.11987 6.96167 6.11987 7.99988C6.11987 9.03809 6.96143 9.87976 7.99976 9.87976C9.03784 9.87976 9.87964 9.03809 9.87964 7.99988Z" fill="black" fill-opacity="0.9"/>
-<path d="M1.11694 8.22986C2.46143 10.8699 5.10156 12.4999 8.00488 12.4999C10.8984 12.4999 13.5386 10.8699 14.8831 8.22986L15 7.99988L14.8831 7.7699C13.5386 5.13989 10.8984 3.49988 8.00488 3.49988C5.10156 3.49988 2.46143 5.13989 1.11694 7.7699L1 7.99988L1.11694 8.22986ZM8.00488 11.4999C5.5498 11.4999 3.3186 10.1699 2.1106 7.99988C3.3186 5.8299 5.5498 4.49988 8.00488 4.49988C10.4502 4.49988 12.6814 5.8299 13.8992 7.99988C12.6909 10.1699 10.4502 11.4999 8.00488 11.4999Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.8796 8C10.8796 6.40955 9.59033 5.12018 7.99976 5.12018C6.40918 5.12018 5.11987 6.40955 5.11987 8C5.11987 9.59052 6.40918 10.8799 7.99976 10.8799C9.59033 10.8799 10.8796 9.59052 10.8796 8ZM9.87964 8C9.87964 9.03821 9.03784 9.87988 7.99976 9.87988C6.96143 9.87988 6.11987 9.03821 6.11987 8C6.11987 6.96179 6.96143 6.12018 7.99976 6.12018C9.03784 6.12018 9.87964 6.96179 9.87964 8Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.11694 8.22998C2.46143 10.87 5.10156 12.5 8.00488 12.5C10.8984 12.5 13.5386 10.87 14.8831 8.22998L15 8L14.8831 7.77002C13.5386 5.14001 10.8984 3.5 8.00488 3.5C5.10156 3.5 2.46143 5.14001 1.11694 7.77002L1 8L1.11694 8.22998ZM8.00488 11.5C5.5498 11.5 3.3186 10.17 2.1106 8C3.3186 5.83002 5.5498 4.5 8.00488 4.5C10.4502 4.5 12.6814 5.83002 13.8992 8C12.6909 10.17 10.4502 11.5 8.00488 11.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/browse_off.svg b/example/shell/Icons/browse_off.svg
index 07d6f8f7c..942a8c481 100644
--- a/example/shell/Icons/browse_off.svg
+++ b/example/shell/Icons/browse_off.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.7732 11.9803L12.1465 13.3535L12.8535 12.6464L3.14969 2.94257L2.44266 3.64972L3.65332 4.86032C2.60522 5.58542 1.72754 6.57559 1.11694 7.76987L1 7.99985L1.11694 8.22983C2.46143 10.8698 5.10156 12.4998 8.00488 12.4998C8.96875 12.4998 9.9043 12.319 10.7732 11.9803ZM9.99121 11.1982C9.35718 11.3957 8.68921 11.4998 8.00488 11.4998C5.5498 11.4998 3.3186 10.1698 2.1106 7.99985C2.66992 6.99502 3.44873 6.17038 4.36743 5.57443L5.45093 6.65799C5.2395 7.05868 5.11987 7.51529 5.11987 7.99985C5.11987 9.59036 6.40918 10.8797 7.99976 10.8797C8.48438 10.8797 8.94092 10.76 9.34155 10.5487L9.99121 11.1982ZM6.21143 7.41855L8.58105 9.78811C8.39795 9.84756 8.20264 9.87973 7.99976 9.87973C6.96143 9.87973 6.11987 9.03805 6.11987 7.99985C6.11987 7.79696 6.15186 7.60159 6.21143 7.41855Z" fill="black" fill-opacity="0.9"/>
-<path d="M14.8831 8.22983L15 7.99985L14.8831 7.76987C13.5386 5.13986 10.8984 3.49985 8.00488 3.49985C7.14868 3.49985 6.31519 3.64248 5.53125 3.91116L6.3313 4.71133C6.87012 4.57242 7.4314 4.49985 8.00488 4.49985C10.4502 4.49985 12.6814 5.82986 13.8992 7.99985C13.3894 8.91531 12.696 9.6813 11.8809 10.261L12.5894 10.9693C13.53 10.2635 14.3201 9.33523 14.8831 8.22983Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.8796 7.99985C10.8796 8.37375 10.8083 8.73099 10.6787 9.05874L9.86401 8.24399C9.87427 8.16409 9.87964 8.08255 9.87964 7.99985C9.87964 6.96164 9.03784 6.12002 7.99976 6.12002C7.91699 6.12002 7.83545 6.12533 7.75562 6.13571L6.94092 5.32089C7.26855 5.19125 7.62598 5.12002 7.99976 5.12002C9.59033 5.12002 10.8796 6.40939 10.8796 7.99985Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.7732 11.9803L12.1465 13.3536L12.8535 12.6465L3.14969 2.94263L2.44266 3.64978L3.65332 4.86038C2.60522 5.58548 1.72754 6.57565 1.11694 7.76993L1 7.99991L1.11694 8.22989C2.46143 10.8699 5.10156 12.4999 8.00488 12.4999C8.96875 12.4999 9.9043 12.3191 10.7732 11.9803ZM9.99121 11.1983C9.35718 11.3958 8.68921 11.4999 8.00488 11.4999C5.5498 11.4999 3.3186 10.1699 2.1106 7.99991C2.66992 6.99508 3.44873 6.17044 4.36743 5.57449L5.45093 6.65805C5.2395 7.05874 5.11987 7.51535 5.11987 7.99991C5.11987 9.59042 6.40918 10.8798 7.99976 10.8798C8.48438 10.8798 8.94092 10.7601 9.34155 10.5487L9.99121 11.1983ZM6.21143 7.41861L8.58105 9.78818C8.39795 9.84762 8.20264 9.87979 7.99976 9.87979C6.96143 9.87979 6.11987 9.03811 6.11987 7.99991C6.11987 7.79703 6.15186 7.60165 6.21143 7.41861Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.8831 8.22989L15 7.99991L14.8831 7.76993C13.5386 5.13992 10.8984 3.49991 8.00488 3.49991C7.14868 3.49991 6.31519 3.64255 5.53125 3.91122L6.3313 4.71139C6.87012 4.57248 7.4314 4.49991 8.00488 4.49991C10.4502 4.49991 12.6814 5.82992 13.8992 7.99991C13.3894 8.91537 12.696 9.68136 11.8809 10.261L12.5894 10.9693C13.53 10.2636 14.3201 9.33529 14.8831 8.22989Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.8796 7.99991C10.8796 6.40945 9.59033 5.12008 7.99976 5.12008C7.62598 5.12008 7.26855 5.19131 6.94092 5.32095L7.75562 6.13577C7.83545 6.12539 7.91699 6.12008 7.99976 6.12008C9.03784 6.12008 9.87964 6.9617 9.87964 7.99991C9.87964 8.08261 9.87427 8.16415 9.86401 8.24405L10.6787 9.05881C10.8083 8.73105 10.8796 8.37381 10.8796 7.99991Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/bulletpoint.svg b/example/shell/Icons/bulletpoint.svg
index 0d39e900b..f9b22718d 100644
--- a/example/shell/Icons/bulletpoint.svg
+++ b/example/shell/Icons/bulletpoint.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.9994 3.00002L4.99939 3L4.99939 4L13.9994 4.00002V3.00002Z" fill="black" fill-opacity="0.9"/>
-<path d="M3.49939 3L2 3L2 4L3.49939 4V3Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.9994 3.00002V4.00002L4.99939 4L4.99939 3L13.9994 3.00002Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.49939 3V4L2 4L2 3L3.49939 3Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.99939 7.50006L13.9994 7.50009V8.50009L4.99939 8.50006L4.99939 7.50006Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 7.50006H3.49939V8.50006H2L2 7.50006Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.99939 12L13.9994 12V13L4.99939 13L4.99939 12Z" fill="black" fill-opacity="0.9"/>
diff --git a/example/shell/Icons/call.svg b/example/shell/Icons/call.svg
index c862678e9..402958047 100644
--- a/example/shell/Icons/call.svg
+++ b/example/shell/Icons/call.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.9996 11.0571C14.0094 11.656 13.8406 12.3013 13.4825 12.8172L13.3562 12.9841C13.1203 13.3295 12.7802 13.5823 12.3763 13.7333C12.0957 13.8382 11.92 13.8686 11.467 13.9206C9.51866 14.1028 7.38954 13.1934 5.28719 11.3231C3.8828 10.0711 2.83116 8.50511 2.32479 6.90415C2.11109 6.22714 1.99984 5.57675 1.99984 4.9881C1.99984 4.28226 2.15924 3.67085 2.47982 3.21159C2.78396 2.79386 3.36194 2.44687 4.23086 2.1189C4.65696 1.95807 5.13791 2.10548 5.40072 2.47746L7.06606 4.83489C7.34085 5.22387 7.30316 5.75267 6.97604 6.09879L6.7593 6.32024L6.49703 6.57443C6.43153 6.62982 6.33187 6.76339 6.33187 6.76339C6.30907 7.07011 6.63615 7.70117 7.58846 8.67568L7.87185 8.9415C8.75003 9.75141 8.98642 9.81638 9.25619 9.62851L9.34609 9.55508C9.44154 9.48247 9.69138 9.30859 10.2242 8.94226C10.5298 8.73213 10.9267 8.70843 11.2551 8.88068L11.4976 9.00892C13.1606 9.8967 13.9203 10.431 13.9937 10.9791L13.9996 11.0571ZM12.9997 11.0731C13.001 11.1553 12.8854 11.0287 12.6447 10.8549C12.2936 10.6014 11.7532 10.279 11.0283 9.89197L10.7907 9.7663L10.0027 10.3101C9.98437 10.322 9.97594 10.3268 9.97927 10.323C9.11992 10.9979 8.37978 10.8086 6.88619 9.38735C5.74004 8.21495 5.28626 7.33947 5.33425 6.69456C5.35666 6.34167 5.59986 6.0185 5.8359 5.82509C5.9363 5.72853 6.03513 5.63144 6.12417 5.54118L6.24929 5.41186L4.58401 3.05447C3.88251 3.31925 3.4487 3.57965 3.29391 3.79216C3.10764 4.05918 2.99984 4.47289 2.99984 4.9881C2.99984 5.46851 3.09399 6.01883 3.27834 6.60286C3.72853 8.02618 4.67843 9.44076 5.95223 10.5764C7.86462 12.2776 9.73829 13.0779 11.3635 12.926L11.621 12.8939C11.799 12.8686 11.8995 12.8439 12.0261 12.7966C12.2452 12.7147 12.4181 12.5862 12.5589 12.382C12.8261 12.0557 12.9688 11.6382 12.9954 11.2418L12.9997 11.0731Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.9996 11.057C14.0094 11.6559 13.8406 12.3012 13.4825 12.8171L13.3562 12.984C13.1203 13.3294 12.7802 13.5821 12.3763 13.7332C12.0957 13.8381 11.92 13.8685 11.467 13.9205C9.51866 14.1027 7.38954 13.1933 5.28719 11.323C3.8828 10.071 2.83116 8.50499 2.32479 6.90403C2.11109 6.22702 1.99984 5.57663 1.99984 4.98798C1.99984 4.28214 2.15924 3.67073 2.47982 3.21147C2.78397 2.79374 3.36194 2.44674 4.23086 2.11878C4.65696 1.95794 5.13791 2.10536 5.40072 2.47733L7.06606 4.83476C7.34085 5.22375 7.30316 5.75255 6.97604 6.09867L6.7593 6.32011L6.49703 6.5743C6.43153 6.6297 6.33187 6.76327 6.33187 6.76327C6.30907 7.06999 6.63615 7.70105 7.58846 8.67556L7.87185 8.94138C8.75003 9.75129 8.98642 9.81626 9.25619 9.62839L9.34609 9.55496C9.44154 9.48235 9.69138 9.30846 10.2242 8.94214C10.5298 8.73201 10.9267 8.7083 11.2551 8.88056L11.4976 9.0088C13.1606 9.89658 13.9203 10.4309 13.9937 10.979L13.9996 11.057ZM12.9997 11.073C13.001 11.1552 12.8854 11.0286 12.6447 10.8548C12.2936 10.6013 11.7532 10.2789 11.0283 9.89185L10.7907 9.76617L10.0027 10.31C9.98437 10.3219 9.97594 10.3267 9.97927 10.3228C9.11992 10.9978 8.37978 10.8085 6.88619 9.38723C5.74004 8.21483 5.28626 7.33935 5.33425 6.69444C5.35666 6.34154 5.59986 6.01838 5.8359 5.82497C5.9363 5.72841 6.03513 5.63132 6.12417 5.54105L6.24929 5.41174L4.58401 3.05435C3.88251 3.31913 3.4487 3.57953 3.29391 3.79204C3.10764 4.05906 2.99984 4.47276 2.99984 4.98798C2.99984 5.46839 3.09399 6.01871 3.27834 6.60274C3.72853 8.02606 4.67843 9.44064 5.95223 10.5762C7.86462 12.2775 9.73829 13.0778 11.3635 12.9259L11.621 12.8938C11.799 12.8685 11.8995 12.8438 12.0261 12.7965C12.2452 12.7145 12.4181 12.5861 12.5589 12.3819C12.8261 12.0556 12.9688 11.638 12.9954 11.2417L12.9997 11.073Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/caret_down.svg b/example/shell/Icons/caret_down.svg
index c644a4fef..20a14b6d4 100644
--- a/example/shell/Icons/caret_down.svg
+++ b/example/shell/Icons/caret_down.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.99909 10.3334L3.99909 5.00002L11.9991 5.00002L7.99909 10.3334ZM7.59909 11.4667C7.79909 11.7334 8.19909 11.7334 8.39909 11.4667L13.3991 4.80002C13.6463 4.4704 13.4111 4.00002 12.9991 4.00002L2.99909 4.00002C2.58707 4.00002 2.35188 4.4704 2.59909 4.80002L7.59909 11.4667Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.99909 10.3334L3.99909 5.00008L11.9991 5.00008L7.99909 10.3334ZM7.59909 11.4667C7.79909 11.7334 8.19909 11.7334 8.39909 11.4667L13.3991 4.80008C13.6463 4.47046 13.4111 4.00008 12.9991 4.00008L2.99909 4.00008C2.58707 4.00008 2.35188 4.47046 2.59909 4.80008L7.59909 11.4667Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/caret_left.svg b/example/shell/Icons/caret_left.svg
index bd7c7a6c8..ad53be21f 100644
--- a/example/shell/Icons/caret_left.svg
+++ b/example/shell/Icons/caret_left.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.66732 7.99976L10.0007 3.99976L10.0007 11.9998L4.66732 7.99976ZM3.53399 7.59976C3.26732 7.79976 3.26732 8.19976 3.53399 8.39976L10.2007 13.3998C10.5303 13.647 11.0007 13.4118 11.0007 12.9998L11.0007 2.99976C11.0007 2.58774 10.5303 2.35255 10.2007 2.59976L3.53399 7.59976Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.66732 7.99982L10.0007 3.99982L10.0007 11.9998L4.66732 7.99982ZM3.53399 7.59982C3.26732 7.79982 3.26732 8.19982 3.53399 8.39982L10.2007 13.3998C10.5303 13.647 11.0007 13.4118 11.0007 12.9998L11.0007 2.99983C11.0007 2.5878 10.5303 2.35261 10.2007 2.59983L3.53399 7.59982Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/caret_right.svg b/example/shell/Icons/caret_right.svg
index a05efd382..2247a4887 100644
--- a/example/shell/Icons/caret_right.svg
+++ b/example/shell/Icons/caret_right.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.3337 7.99999L6.00032 12L6.00033 3.99999L11.3337 7.99999ZM12.467 8.39999C12.7337 8.19999 12.7337 7.79999 12.467 7.59999L5.80033 2.59999C5.47071 2.35278 5.00033 2.58797 5.00033 2.99999L5.00032 13C5.00032 13.412 5.4707 13.6472 5.80032 13.4L12.467 8.39999Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.3337 7.99993L6.00032 11.9999L6.00033 3.99993L11.3337 7.99993ZM12.467 8.39993C12.7337 8.19993 12.7337 7.79993 12.467 7.59993L5.80033 2.59993C5.47071 2.35272 5.00033 2.58791 5.00033 2.99993L5.00032 12.9999C5.00032 13.412 5.4707 13.6471 5.80032 13.3999L12.467 8.39993Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/caret_up.svg b/example/shell/Icons/caret_up.svg
index c17ee3eb4..e811196c5 100644
--- a/example/shell/Icons/caret_up.svg
+++ b/example/shell/Icons/caret_up.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.00091 5.66665L12.0009 11L4.00091 11L8.00091 5.66665ZM8.40091 4.53331C8.20091 4.26665 7.80091 4.26665 7.60091 4.53331L2.60091 11.2C2.35369 11.5296 2.58888 12 3.00091 12L13.0009 12C13.4129 12 13.6481 11.5296 13.4009 11.2L8.40091 4.53331Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.00091 5.66659L12.0009 10.9999L4.00091 10.9999L8.00091 5.66659ZM8.40091 4.53325C8.20091 4.26659 7.80091 4.26659 7.60091 4.53325L2.60091 11.1999C2.35369 11.5295 2.58888 11.9999 3.00091 11.9999L13.0009 11.9999C13.4129 11.9999 13.6481 11.5295 13.4009 11.1999L8.40091 4.53325Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chart.svg b/example/shell/Icons/chart.svg
index 46a7b76d1..ea56198b5 100644
--- a/example/shell/Icons/chart.svg
+++ b/example/shell/Icons/chart.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.49999 12L4.5 7.49994L5.5 7.49994L5.49999 12H4.49999Z" fill="black" fill-opacity="0.9"/>
-<path d="M7.5 4.5L7.5 12H8.5L8.5 4.5H7.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 4.5H8.5L8.5 12H7.5L7.5 4.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M10.5 12L10.5 9L11.5 9L11.5 12H10.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 3C2 2.44771 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3L14 13C14 13.5523 13.5523 14 13 14L3 14C2.44771 14 2 13.5523 2 13V3ZM3 3L3 13L13 13L13 3L3 3Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chart_bar.svg b/example/shell/Icons/chart_bar.svg
index aba6b5774..cdb2115f1 100644
--- a/example/shell/Icons/chart_bar.svg
+++ b/example/shell/Icons/chart_bar.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 2L7.5 14H8.5L8.5 2H7.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M2.5 6V14H3.5L3.5 6H2.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 2H8.5L8.5 14H7.5L7.5 2Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.5 6H3.5L3.5 14H2.5V6Z" fill="black" fill-opacity="0.9"/>
 <path d="M12.5 14L12.5 10H13.5L13.5 14H12.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/check.svg b/example/shell/Icons/check.svg
index 31198abf7..91f5a1aa1 100644
--- a/example/shell/Icons/check.svg
+++ b/example/shell/Icons/check.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.43397 9.92151L12.6566 3.69885L13.5759 4.61809L6.43397 11.76L1.97461 7.30063L2.89385 6.38139L6.43397 9.92151Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.43397 9.92139L12.6566 3.69873L13.5759 4.61797L6.43397 11.7599L1.97461 7.30051L2.89385 6.38127L6.43397 9.92139Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/check_circle.svg b/example/shell/Icons/check_circle.svg
index 41c23be54..b711e4d45 100644
--- a/example/shell/Icons/check_circle.svg
+++ b/example/shell/Icons/check_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 8.2065L7 10.707L11.5 6.2075L10.7925 5.5L7 9.293L5.2065 7.5L4.5 8.2065Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.5 8.2065L5.2065 7.5L7 9.293L10.7925 5.5L11.5 6.2075L7 10.707L4.5 8.2065Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.11101 2.17971C5.26216 1.41054 6.61553 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.38447 14.5895 10.7378 13.8203 11.889C13.0511 13.0401 11.9579 13.9373 10.6788 14.4672C9.3997 14.997 7.99224 15.1356 6.63437 14.8655C5.2765 14.5954 4.02922 13.9287 3.05026 12.9497C2.07129 11.9708 1.4046 10.7235 1.13451 9.36563C0.86441 8.00776 1.00303 6.6003 1.53285 5.32122C2.06266 4.04213 2.95987 2.94888 4.11101 2.17971ZM4.66658 12.9888C5.65328 13.6481 6.81332 14 8 14C9.5913 14 11.1174 13.3679 12.2426 12.2426C13.3679 11.1174 14 9.5913 14 8C14 6.81331 13.6481 5.65327 12.9888 4.66658C12.3295 3.67988 11.3925 2.91085 10.2961 2.45672C9.19975 2.0026 7.99335 1.88378 6.82946 2.11529C5.66558 2.3468 4.59648 2.91824 3.75736 3.75736C2.91825 4.59647 2.3468 5.66557 2.11529 6.82946C1.88378 7.99334 2.0026 9.19974 2.45673 10.2961C2.91085 11.3925 3.67989 12.3295 4.66658 12.9888Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/check_rectangle.svg b/example/shell/Icons/check_rectangle.svg
index 81fec9fab..e02d6fc19 100644
--- a/example/shell/Icons/check_rectangle.svg
+++ b/example/shell/Icons/check_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.7748 5.58229L6.99995 9.35708L5.22048 7.57777L4.51341 8.28491L6.99997 10.7712L11.4819 6.28941L10.7748 5.58229Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.7748 5.58229L11.4819 6.28941L6.99997 10.7712L4.51341 8.28491L5.22048 7.57777L6.99995 9.35708L10.7748 5.58229Z" fill="black" fill-opacity="0.9"/>
 <path d="M3 14C2.44772 14 2 13.5523 2 13V3C2 2.44771 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3L14 13C14 13.5523 13.5523 14 13 14L3 14ZM3 13L13 13L13 3L3 3L3 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_down.svg b/example/shell/Icons/chevron_down.svg
index 381f1f783..8f04103ca 100644
--- a/example/shell/Icons/chevron_down.svg
+++ b/example/shell/Icons/chevron_down.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.54004 6.45964L4.45928 5.54041L7.99966 9.08079L11.54 5.54041L12.4593 6.45964L7.99966 10.9193L3.54004 6.45964Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.54004 6.45977L4.45928 5.54053L7.99966 9.08091L11.54 5.54053L12.4593 6.45977L7.99966 10.9194L3.54004 6.45977Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_down_circle.svg b/example/shell/Icons/chevron_down_circle.svg
index cf377ef11..ecec6c15b 100644
--- a/example/shell/Icons/chevron_down_circle.svg
+++ b/example/shell/Icons/chevron_down_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.7929 6.20707L7.99996 9L5.20704 6.20707L4.49993 6.91418L7.99996 10.4142L11.5 6.91418L10.7929 6.20707Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.7929 6.20707L11.5 6.91418L7.99996 10.4142L4.49993 6.91418L5.20704 6.20707L7.99996 9L10.7929 6.20707Z" fill="black" fill-opacity="0.9"/>
 <path d="M1 8C1 4.13401 4.13401 0.999999 8 0.999999C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8ZM2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_down_rectangle.svg b/example/shell/Icons/chevron_down_rectangle.svg
index 437624703..aff89c995 100644
--- a/example/shell/Icons/chevron_down_rectangle.svg
+++ b/example/shell/Icons/chevron_down_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.7929 6.20711L7.99999 9L5.20711 6.20711L4.5 6.91421L7.99999 10.4142L11.5 6.91421L10.7929 6.20711Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.7929 6.20711L11.5 6.91421L7.99999 10.4142L4.5 6.91421L5.20711 6.20711L7.99999 9L10.7929 6.20711Z" fill="black" fill-opacity="0.9"/>
 <path d="M14 13C14 13.5523 13.5523 14 13 14L3 14C2.44771 14 2 13.5523 2 13L2 3C2 2.44771 2.44772 2 3 2L13 2C13.5523 2 14 2.44772 14 3L14 13ZM13 13L13 3L3 3L3 13L13 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_left.double.svg b/example/shell/Icons/chevron_left.double.svg
index 578e2ee96..b448a2b74 100644
--- a/example/shell/Icons/chevron_left.double.svg
+++ b/example/shell/Icons/chevron_left.double.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.0399 4.45952L12.1207 3.54028L7.66106 7.9999L12.1207 12.4595L13.0399 11.5403L9.49954 7.9999L13.0399 4.45952Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.03999 4.45952L7.12075 3.54028L2.66113 7.9999L7.12075 12.4595L8.03999 11.5403L4.49961 7.9999L8.03999 4.45952Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.0399 4.45928L12.1207 3.54004L7.66106 7.99966L12.1207 12.4593L13.0399 11.54L9.49954 7.99966L13.0399 4.45928Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.03999 4.45928L7.12075 3.54004L2.66113 7.99966L7.12075 12.4593L8.03999 11.54L4.49961 7.99966L8.03999 4.45928Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_left.svg b/example/shell/Icons/chevron_left.svg
index ddc4c3e84..92dd181a5 100644
--- a/example/shell/Icons/chevron_left.svg
+++ b/example/shell/Icons/chevron_left.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.5397 3.53998L10.4589 4.45922L6.91856 7.9996L10.4589 11.54L9.5397 12.4592L5.08008 7.9996L9.5397 3.53998Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.5397 3.54004L10.4589 4.45928L6.91856 7.99966L10.4589 11.54L9.5397 12.4593L5.08008 7.99966L9.5397 3.54004Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_left_circle.svg b/example/shell/Icons/chevron_left_circle.svg
index 95908a33c..86f9204be 100644
--- a/example/shell/Icons/chevron_left_circle.svg
+++ b/example/shell/Icons/chevron_left_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.79293 10.7929L7 7.99996L9.79293 5.20703L9.08582 4.49993L5.58579 7.99996L9.08582 11.5L9.79293 10.7929Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.79293 10.7929L9.08582 11.5L5.58579 7.99996L9.08582 4.49993L9.79293 5.20703L7 7.99996L9.79293 10.7929Z" fill="black" fill-opacity="0.9"/>
 <path d="M8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1ZM8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_left_rectangle.svg b/example/shell/Icons/chevron_left_rectangle.svg
index fdaec24e6..98b0c1099 100644
--- a/example/shell/Icons/chevron_left_rectangle.svg
+++ b/example/shell/Icons/chevron_left_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.79289 10.7929L7 7.99999L9.79289 5.20711L9.08579 4.5L5.58579 7.99999L9.08579 11.5L9.79289 10.7929Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.79289 10.7929L9.08579 11.5L5.58579 7.99999L9.08579 4.5L9.79289 5.20711L7 7.99999L9.79289 10.7929Z" fill="black" fill-opacity="0.9"/>
 <path d="M3 14C2.44772 14 2 13.5523 2 13L2 3C2 2.44771 2.44772 2 3 2L13 2C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H3ZM3 13H13V3L3 3L3 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_right.double.svg b/example/shell/Icons/chevron_right.double.svg
index ad57898e6..1b936c082 100644
--- a/example/shell/Icons/chevron_right.double.svg
+++ b/example/shell/Icons/chevron_right.double.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.95996 11.5405L3.8792 12.4597L8.33882 8.0001L3.8792 3.54048L2.95996 4.45972L6.50034 8.0001L2.95996 11.5405ZM7.95989 11.5405L8.87913 12.4597L13.3388 8.0001L8.87913 3.54048L7.95989 4.45972L11.5003 8.0001L7.95989 11.5405Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.95996 11.5407L3.8792 12.46L8.33882 8.00034L3.8792 3.54072L2.95996 4.45996L6.50034 8.00034L2.95996 11.5407ZM7.95989 11.5407L8.87913 12.46L13.3388 8.00034L8.87913 3.54072L7.95989 4.45996L11.5003 8.00034L7.95989 11.5407Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_right.svg b/example/shell/Icons/chevron_right.svg
index a4280542d..12722f634 100644
--- a/example/shell/Icons/chevron_right.svg
+++ b/example/shell/Icons/chevron_right.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4753 8.31178L5.29293 13.3333L4.66652 12.725L9.5438 7.99909L4.66654 3.27499L5.29294 2.66666L10.4539 7.66551C10.4613 7.67182 10.4686 7.67843 10.4757 7.68532C10.6523 7.85685 10.6521 8.14045 10.4753 8.31178Z" fill="black" fill-opacity="0.9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.4603 12.4595L5.54106 11.5402L9.08144 7.99985L5.54106 4.45947L6.4603 3.54023L10.9199 7.99985L6.4603 12.4595Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_right_circle.svg b/example/shell/Icons/chevron_right_circle.svg
index 7d67df11a..85973a5f7 100644
--- a/example/shell/Icons/chevron_right_circle.svg
+++ b/example/shell/Icons/chevron_right_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.20707 5.20711L9 8.00004L6.20707 10.793L6.91418 11.5001L10.4142 8.00004L6.91418 4.5L6.20707 5.20711Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.20707 5.20711L6.91418 4.5L10.4142 8.00004L6.91418 11.5001L6.20707 10.793L9 8.00004L6.20707 5.20711Z" fill="black" fill-opacity="0.9"/>
 <path d="M8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_right_rectangle.svg b/example/shell/Icons/chevron_right_rectangle.svg
index 61cfbe591..f249552cc 100644
--- a/example/shell/Icons/chevron_right_rectangle.svg
+++ b/example/shell/Icons/chevron_right_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.20711 5.20711L9 8.00001L6.20711 10.7929L6.91421 11.5L10.4142 8.00001L6.91421 4.5L6.20711 5.20711Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.20711 5.20711L6.91421 4.5L10.4142 8.00001L6.91421 11.5L6.20711 10.7929L9 8.00001L6.20711 5.20711Z" fill="black" fill-opacity="0.9"/>
 <path d="M13 2C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H3C2.44771 14 2 13.5523 2 13L2 3C2 2.44772 2.44772 2 3 2L13 2ZM13 3L3 3L3 13H13V3Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_up.svg b/example/shell/Icons/chevron_up.svg
index 2eb746054..735ce74a5 100644
--- a/example/shell/Icons/chevron_up.svg
+++ b/example/shell/Icons/chevron_up.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.4593 9.54074L11.54 10.46L7.99966 6.91959L4.45928 10.46L3.54004 9.54073L7.99966 5.08112L12.4593 9.54074Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.4593 9.54067L11.54 10.4599L7.99966 6.91953L4.45928 10.4599L3.54004 9.54067L7.99966 5.08105L12.4593 9.54067Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_up_circle.svg b/example/shell/Icons/chevron_up_circle.svg
index d26c557f7..9be85e718 100644
--- a/example/shell/Icons/chevron_up_circle.svg
+++ b/example/shell/Icons/chevron_up_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.20711 9.79293L8.00004 7L10.793 9.79293L11.5001 9.08582L8.00004 5.58579L4.5 9.08582L5.20711 9.79293Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.20711 9.79293L4.5 9.08582L8.00004 5.58579L11.5001 9.08582L10.793 9.79293L8.00004 7L5.20711 9.79293Z" fill="black" fill-opacity="0.9"/>
 <path d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/chevron_up_rectangle.svg b/example/shell/Icons/chevron_up_rectangle.svg
index e8e333195..e85cbb671 100644
--- a/example/shell/Icons/chevron_up_rectangle.svg
+++ b/example/shell/Icons/chevron_up_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.20711 9.79289L8.00001 7L10.7929 9.79289L11.5 9.08579L8.00001 5.58579L4.5 9.08579L5.20711 9.79289Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.20711 9.79289L4.5 9.08579L8.00001 5.58579L11.5 9.08579L10.7929 9.79289L8.00001 7L5.20711 9.79289Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 3C2 2.44772 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H3C2.44772 14 2 13.5523 2 13V3ZM3 3L3 13H13V3H3Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/close_circle_filled.svg b/example/shell/Icons/close_circle_filled.svg
index ad9a6c118..451b729c0 100644
--- a/example/shell/Icons/close_circle_filled.svg
+++ b/example/shell/Icons/close_circle_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 8C15 4.13401 11.866 1 8 1C4.13401 0.999998 1 4.134 1 8C0.999998 11.866 4.134 15 8 15C11.866 15 15 11.866 15 8ZM5.67091 4.94754L8.00001 7.29075L10.3291 4.94754L11.0384 5.65251L8.70499 8L11.0383 10.3475L10.3291 11.0525L8.00001 8.70925L5.67092 11.0525L4.96168 10.3475L7.29503 8L4.96167 5.65251L5.67091 4.94754Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 8C15 11.866 11.866 15 8 15C4.134 15 0.999998 11.866 1 8C1 4.134 4.13401 0.999998 8 1C11.866 1 15 4.13401 15 8ZM5.67091 4.94754L4.96167 5.65251L7.29503 8L4.96168 10.3475L5.67092 11.0525L8.00001 8.70925L10.3291 11.0525L11.0383 10.3475L8.70499 8L11.0384 5.65251L10.3291 4.94754L8.00001 7.29075L5.67091 4.94754Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/cloud.svg b/example/shell/Icons/cloud.svg
index 60fdf2b6c..e679ad232 100644
--- a/example/shell/Icons/cloud.svg
+++ b/example/shell/Icons/cloud.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.7309 7.26147L4.88063 6.56004C5.19679 5.07899 6.48401 3.9989 8 3.9989C9.51599 3.9989 10.8032 5.07899 11.1194 6.56004L11.2691 7.26147L11.9815 7.34455C13.1039 7.47544 14 8.45177 14 9.66557C14 10.9705 12.9634 11.9989 11.7333 11.9989H4.26667C3.03657 11.9989 2 10.9705 2 9.66557C2 8.45177 2.89613 7.47544 4.0185 7.34455L4.7309 7.26147ZM12.0973 6.35128C11.6867 4.42747 10.0067 2.9989 8 2.9989C5.99333 2.9989 4.31333 4.42747 3.90267 6.35128C2.26933 6.54176 1 7.95128 1 9.66557C1 11.5037 2.46533 12.9989 4.26667 12.9989H11.7333C13.5347 12.9989 15 11.5037 15 9.66557C15 7.95128 13.7307 6.54176 12.0973 6.35128Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.7309 7.26159L4.88063 6.56017C5.19679 5.07911 6.48401 3.99902 8 3.99902C9.51599 3.99902 10.8032 5.07911 11.1194 6.56017L11.2691 7.26159L11.9815 7.34467C13.1039 7.47556 14 8.45189 14 9.66569C14 10.9706 12.9634 11.999 11.7333 11.999H4.26667C3.03657 11.999 2 10.9706 2 9.66569C2 8.45189 2.89613 7.47556 4.0185 7.34467L4.7309 7.26159ZM12.0973 6.3514C11.6867 4.42759 10.0067 2.99902 8 2.99902C5.99333 2.99902 4.31333 4.42759 3.90267 6.3514C2.26933 6.54188 1 7.9514 1 9.66569C1 11.5038 2.46533 12.999 4.26667 12.999H11.7333C13.5347 12.999 15 11.5038 15 9.66569C15 7.9514 13.7307 6.54188 12.0973 6.3514Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/cloud_download.svg b/example/shell/Icons/cloud_download.svg
index 88da5142e..2e343f3ff 100644
--- a/example/shell/Icons/cloud_download.svg
+++ b/example/shell/Icons/cloud_download.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.7309 6.26257L4.0185 6.34565C2.89613 6.47654 2 7.45287 2 8.66667C2 9.8761 2.89038 10.848 4 10.9838V11.989C2.32292 11.8501 1 10.4132 1 8.66667C1 6.95238 2.26933 5.54286 3.90267 5.35238C4.31333 3.42857 5.99333 2 8 2C10.0067 2 11.6867 3.42857 12.0973 5.35238C13.7307 5.54286 15 6.95238 15 8.66667C15 10.4132 13.6771 11.8501 12 11.989V10.9838C13.1096 10.848 14 9.8761 14 8.66667C14 7.45287 13.1039 6.47654 11.9815 6.34565L11.2691 6.26257L11.1194 5.56114C10.8032 4.08009 9.51599 3 8 3C6.48401 3 5.19679 4.08009 4.88063 5.56114L4.7309 6.26257Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.79665 11.2999L8.50332 12.589L8.50338 7.99696L7.50172 7.99694L7.50165 12.589L6.20828 11.2999L5.5 12.0058L7.6495 14.1482C7.84463 14.3427 8.16031 14.3427 8.35543 14.1482L10.5049 12.0058L9.79665 11.2999Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.79665 11.2999L10.5049 12.0058L8.35543 14.1482C8.16031 14.3427 7.84463 14.3427 7.6495 14.1482L5.5 12.0058L6.20828 11.2999L7.50165 12.589L7.50172 7.99694L8.50338 7.99696L8.50332 12.589L9.79665 11.2999Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/cloud_upload.svg b/example/shell/Icons/cloud_upload.svg
index 948378e3b..1dbe526d0 100644
--- a/example/shell/Icons/cloud_upload.svg
+++ b/example/shell/Icons/cloud_upload.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.7309 6.26257L4.0185 6.34565C2.89613 6.47654 2 7.45287 2 8.66667C2 9.8761 2.89038 10.848 4 10.9838V11.989C2.32292 11.8501 1 10.4132 1 8.66667C1 6.95238 2.26933 5.54286 3.90267 5.35238C4.31333 3.42857 5.99333 2 8 2C10.0067 2 11.6867 3.42857 12.0973 5.35238C13.7307 5.54286 15 6.95238 15 8.66667C15 10.4132 13.6771 11.8501 12 11.989V10.9838C13.1096 10.848 14 9.8761 14 8.66667C14 7.45287 13.1039 6.47654 11.9815 6.34565L11.2691 6.26257L11.1194 5.56114C10.8032 4.08009 9.51599 3 8 3C6.48401 3 5.19679 4.08009 4.88063 5.56114L4.7309 6.26257Z" fill="black" fill-opacity="0.9"/>
-<path d="M6.14062 10.7202L7.49824 9.38764L7.53164 14.5069L8.54247 14.5L8.5092 9.39884L9.88196 10.7377L10.5956 10.0372L8.34437 7.84156C8.14972 7.65173 7.83906 7.65223 7.64502 7.84268L5.42472 10.022L6.14062 10.7202Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.14062 10.7202L5.42472 10.022L7.64502 7.84268C7.83906 7.65223 8.14972 7.65173 8.34437 7.84156L10.5956 10.0372L9.88196 10.7377L8.5092 9.39884L8.54247 14.5L7.53164 14.5069L7.49824 9.38764L6.14062 10.7202Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/code.svg b/example/shell/Icons/code.svg
index 6c65ad4a1..9b28131f9 100644
--- a/example/shell/Icons/code.svg
+++ b/example/shell/Icons/code.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.94058 2.55798L6.09357 13.1832L7.0595 13.442L9.90651 2.8168L8.94058 2.55798Z" fill="black" fill-opacity="0.9"/>
-<path d="M2.15006 8.00001L5.57519 11.4251L4.86809 12.1323L1.16011 8.42428C0.925795 8.18996 0.925797 7.81006 1.16011 7.57575L4.86809 3.86777L5.57519 4.57488L2.15006 8.00001Z" fill="black" fill-opacity="0.9"/>
-<path d="M13.8463 8.00001L10.4057 11.4016L11.1087 12.1127L14.8371 8.42668C15.0746 8.19183 15.0746 7.80819 14.8371 7.57333L11.1087 3.88732L10.4057 4.59845L13.8463 8.00001Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.94058 2.55811L6.09357 13.1833L7.0595 13.4421L9.90651 2.81692L8.94058 2.55811Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.15006 8.00014L5.57519 4.575L4.86809 3.8679L1.16011 7.57587C0.925797 7.81018 0.925795 8.19008 1.16011 8.4244L4.86809 12.1324L5.57519 11.4253L2.15006 8.00014Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.8463 8.00013L10.4057 11.4017L11.1087 12.1128L14.8371 8.42681C15.0746 8.19195 15.0746 7.80831 14.8371 7.57345L11.1087 3.88744L10.4057 4.59857L13.8463 8.00013Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/control.platform.svg b/example/shell/Icons/control.platform.svg
index 9a70ef574..e34d393b6 100644
--- a/example/shell/Icons/control.platform.svg
+++ b/example/shell/Icons/control.platform.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4953 4.24999L8.46882 0.770621C8.17876 0.603152 7.82139 0.603152 7.53132 0.770621L1.50488 4.24999V11.2087C1.50488 11.5437 1.68357 11.8532 1.97363 12.0206L8.00007 15.5L14.0265 12.0206C14.3166 11.8532 14.4953 11.5437 14.4953 11.2087V4.24999ZM7.99907 7.42199L3.00419 4.53826L8.00007 1.65399L12.9954 4.53845L7.99907 7.42199ZM8.50007 8.28866L13.4951 5.4048V11.172L8.50007 14.0554V8.28866ZM7.50007 8.28866V14.0554L2.50407 11.172V5.40422L7.50007 8.28866Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4953 4.24999L8.46882 0.770621C8.17876 0.603152 7.82139 0.603152 7.53132 0.770621L1.50488 4.24999V11.2087C1.50488 11.5437 1.68357 11.8532 1.97363 12.0206L8.00007 15.5L14.0265 12.0206C14.3166 11.8532 14.4953 11.5437 14.4953 11.2087V4.24999ZM7.99907 7.42199L3.00419 4.53826L8.00007 1.65399L12.9954 4.53845L7.99907 7.42199ZM8.50007 8.28866L13.4951 5.4048V11.172L8.50007 14.0554V8.28866ZM7.50007 8.28866V14.0554L2.50407 11.172V5.40422L7.50007 8.28866Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/dashboard.svg b/example/shell/Icons/dashboard.svg
index 62969154d..cedc4b1f7 100644
--- a/example/shell/Icons/dashboard.svg
+++ b/example/shell/Icons/dashboard.svg
@@ -1,7 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g opacity="0.9">
-<path d="M13.8745 4.90662L9.37556 9.40553L8.66845 8.69843L13.1674 4.19951L13.8745 4.90662Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.02203 11.052C7.46974 11.052 7.02203 10.6043 7.02203 10.052C7.02203 9.49972 7.46974 9.052 8.02203 9.052C8.57431 9.052 9.02203 9.49972 9.02203 10.052C9.02203 10.6043 8.57431 11.052 8.02203 11.052ZM8.02203 12.052C9.1266 12.052 10.022 11.1566 10.022 10.052C10.022 8.94743 9.1266 8.052 8.02203 8.052C6.91746 8.052 6.02203 8.94743 6.02203 10.052C6.02203 11.1566 6.91746 12.052 8.02203 12.052Z" fill="black" fill-opacity="0.9"/>
-<path d="M8 3.5C4.41015 3.5 1.5 6.41015 1.5 10C1.5 11.3817 1.93054 12.6613 2.66478 13.714L1.8446 14.286C0.997092 13.071 0.5 11.5928 0.5 10C0.5 5.85786 3.85786 2.5 8 2.5C9.2547 2.5 10.4388 2.8085 11.4792 3.35421L11.0147 4.23978C10.1142 3.76743 9.08905 3.5 8 3.5ZM14.5 10C14.5 8.91685 14.2355 7.89696 13.7679 6.99999L14.6547 6.53776C15.1948 7.57405 15.5 8.75212 15.5 10C15.5 11.5928 15.0029 13.071 14.1554 14.286L13.3352 13.714C14.0695 12.6613 14.5 11.3817 14.5 10Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.5 10C1.5 6.41015 4.41015 3.5 8 3.5C9.08905 3.5 10.1142 3.76743 11.0147 4.23978L11.4792 3.35421C10.4388 2.8085 9.2547 2.5 8 2.5C3.85786 2.5 0.5 5.85786 0.5 10C0.5 11.5928 0.997092 13.071 1.8446 14.286L2.66478 13.714C1.93054 12.6613 1.5 11.3817 1.5 10ZM13.7679 6.99999C14.2355 7.89696 14.5 8.91685 14.5 10C14.5 11.3817 14.0695 12.6613 13.3352 13.714L14.1554 14.286C15.0029 13.071 15.5 11.5928 15.5 10C15.5 8.75212 15.1948 7.57405 14.6547 6.53776L13.7679 6.99999ZM13.8745 4.90662L9.7451 9.03599C9.92105 9.33375 10.022 9.68109 10.022 10.052C10.022 11.1566 9.1266 12.052 8.02203 12.052C6.91746 12.052 6.02203 11.1566 6.02203 10.052C6.02203 8.94743 6.91746 8.052 8.02203 8.052C8.39292 8.052 8.74023 8.15296 9.03798 8.32889L13.1674 4.19951L13.8745 4.90662ZM8.02203 11.052C8.57431 11.052 9.02203 10.6043 9.02203 10.052C9.02203 9.49972 8.57431 9.052 8.02203 9.052C7.46974 9.052 7.02203 9.49972 7.02203 10.052C7.02203 10.6043 7.46974 11.052 8.02203 11.052Z" fill="black" fill-opacity="0.9"/>
 </g>
 </svg>
diff --git a/example/shell/Icons/discount.svg b/example/shell/Icons/discount.svg
index ed031f185..908bbb1b3 100644
--- a/example/shell/Icons/discount.svg
+++ b/example/shell/Icons/discount.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.83885 5.01035C8.6199 5.7914 8.6199 7.05773 7.83885 7.83877C7.0578 8.61982 5.79147 8.61982 5.01042 7.83877C4.22937 7.05773 4.22937 5.7914 5.01042 5.01035C5.79147 4.2293 7.0578 4.2293 7.83885 5.01035ZM7.13174 5.71745C6.74122 5.32693 6.10805 5.32693 5.71753 5.71745C5.32701 6.10798 5.32701 6.74114 5.71753 7.13167C6.10805 7.52219 6.74122 7.52219 7.13174 7.13167C7.52227 6.74114 7.52227 6.10798 7.13174 5.71745Z" fill="black" fill-opacity="0.9"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 7.94985L2.00002 2L7.94975 2.0001C8.21497 2.0001 8.46931 2.10546 8.65685 2.29299L14.7903 8.42646C15.1808 8.81698 15.1808 9.45014 14.7903 9.84067L9.84057 14.7904C9.45004 15.1809 8.81688 15.1809 8.42635 14.7904L2.29289 8.65696C2.10536 8.46942 2 8.21507 2 7.94985ZM7.94974 3.0001L14.0832 9.13356L9.13346 14.0833L3 7.94985L3.00002 3.00002L7.94974 3.0001Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 7.94985L2.00002 2L7.94975 2.0001C8.21497 2.0001 8.46931 2.10546 8.65685 2.29299L14.7903 8.42646C15.1808 8.81698 15.1808 9.45014 14.7903 9.84067L9.84057 14.7904C9.45004 15.1809 8.81688 15.1809 8.42635 14.7904L2.29289 8.65696C2.10536 8.46942 2 8.21507 2 7.94985ZM7.94974 3.0001L3.00002 3.00002L3 7.94985L9.13346 14.0833L14.0832 9.13356L7.94974 3.0001Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/edit.svg b/example/shell/Icons/edit.svg
index d81dfc1ef..3c2afc977 100644
--- a/example/shell/Icons/edit.svg
+++ b/example/shell/Icons/edit.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.8819 1.73695L14.1253 4.98033L14.8324 4.27322L11.589 1.02985L10.8819 1.73695Z" fill="black" fill-opacity="0.9"/>
-<path d="M2.35217 13.8632L5.96513 13.1406L13.2627 5.84304L10.0194 2.59966L2.72175 9.89727L1.99916 13.5102C1.95717 13.7201 2.14225 13.9052 2.35217 13.8632ZM10.0194 4.01388L11.8485 5.84304L5.47212 12.2194L3.18566 12.6767L3.64295 10.3903L10.0194 4.01388Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.8819 1.73689L14.1253 4.98027L14.8324 4.27316L11.589 1.02979L10.8819 1.73689Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.35217 13.8632L5.96513 13.1406L13.2627 5.84298L10.0194 2.5996L2.72175 9.89721L1.99916 13.5102C1.95717 13.7201 2.14225 13.9052 2.35217 13.8632ZM10.0194 4.01382L11.8485 5.84298L5.47212 12.2194L3.18566 12.6767L3.64295 10.3902L10.0194 4.01382Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/edit_1.svg b/example/shell/Icons/edit_1.svg
index 041310083..5f77eecd4 100644
--- a/example/shell/Icons/edit_1.svg
+++ b/example/shell/Icons/edit_1.svg
@@ -2,7 +2,7 @@
 <g opacity="0.9">
 <path d="M14.1321 4.95049L10.8888 1.70711L11.5959 1L14.8393 4.24338L14.1321 4.95049Z" fill="black" fill-opacity="0.9"/>
 <path d="M5.97196 13.1108L2.359 13.8334C2.14909 13.8754 1.96401 13.6903 2.00599 13.4804L2.72858 9.86742L10.0262 2.56982L13.2696 5.8132L5.97196 13.1108ZM11.8554 5.8132L10.0262 3.98403L3.64979 10.3604L3.19249 12.6469L5.47895 12.1896L11.8554 5.8132Z" fill="black" fill-opacity="0.9"/>
-<path d="M15 11H11V12H15V11Z" fill="black" fill-opacity="0.9"/>
-<path d="M15 13H8.5V14H15V13Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 11V12H11V11H15Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 13V14H8.5V13H15Z" fill="black" fill-opacity="0.9"/>
 </g>
 </svg>
diff --git a/example/shell/Icons/ellipsis.svg b/example/shell/Icons/ellipsis.svg
index 1913ca06f..7858b0417 100644
--- a/example/shell/Icons/ellipsis.svg
+++ b/example/shell/Icons/ellipsis.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 9C2.44775 9 2 8.55228 2 8C2 7.44772 2.44775 7 3 7C3.55225 7 4 7.44772 4 8C4 8.55228 3.55225 9 3 9Z" fill="black" fill-opacity="0.9"/>
+<path d="M3 9C3.55225 9 4 8.55228 4 8C4 7.44772 3.55225 7 3 7C2.44775 7 2 7.44772 2 8C2 8.55228 2.44775 9 3 9Z" fill="black" fill-opacity="0.9"/>
 <path d="M7 8C7 8.55228 7.44775 9 8 9C8.55225 9 9 8.55228 9 8C9 7.44772 8.55225 7 8 7C7.44775 7 7 7.44772 7 8Z" fill="black" fill-opacity="0.9"/>
 <path d="M12 8C12 8.55228 12.4478 9 13 9C13.5522 9 14 8.55228 14 8C14 7.44772 13.5522 7 13 7C12.4478 7 12 7.44772 12 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/error.svg b/example/shell/Icons/error.svg
index 452457adb..6cac9b11e 100644
--- a/example/shell/Icons/error.svg
+++ b/example/shell/Icons/error.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.49975 2H7.49975V11H8.49975V2ZM8.60137 12.8H7.40137V14H8.60137V12.8Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.49975 2V11H7.49975V2H8.49975ZM8.60137 12.8V14H7.40137V12.8H8.60137Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/error_circle.svg b/example/shell/Icons/error_circle.svg
index aaaf99955..f8e995146 100644
--- a/example/shell/Icons/error_circle.svg
+++ b/example/shell/Icons/error_circle.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.5 4.00037V9.5H7.5V4.00037H8.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.59424 10.5H7.39429V11.7H8.59424V10.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.5 4.00037H7.5V9.5H8.5V4.00037Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.59424 10.5V11.7H7.39429V10.5H8.59424Z" fill="black" fill-opacity="0.9"/>
 <path d="M15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15C11.866 15 15 11.866 15 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68628 14 2 11.3137 2 8C2 4.68628 4.68628 2 8 2C11.3137 2 14 4.68628 14 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/error_circle_filled.svg b/example/shell/Icons/error_circle_filled.svg
index f774000db..200d8bc95 100644
--- a/example/shell/Icons/error_circle_filled.svg
+++ b/example/shell/Icons/error_circle_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 8C15 4.13401 11.866 1 8 1C4.13401 0.999998 1 4.134 1 8C0.999998 11.866 4.134 15 8 15C11.866 15 15 11.866 15 8ZM8.5 4.0003V9.49999H7.5V4.0003H8.5ZM7.39429 11H8.59429V12.2H7.39429V11Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 8C15 11.866 11.866 15 8 15C4.134 15 0.999998 11.866 1 8C1 4.134 4.13401 0.999998 8 1C11.866 1 15 4.13401 15 8ZM8.5 4.0003H7.5V9.49999H8.5V4.0003ZM7.39429 11V12.2H8.59429V11H7.39429Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_add.svg b/example/shell/Icons/file_add.svg
index 4980e4abe..f023ddc0c 100644
--- a/example/shell/Icons/file_add.svg
+++ b/example/shell/Icons/file_add.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 1C3.44386 1 3 1.44386 3 2V13C3 13.5561 3.44386 14 4 14H8.53613V13H4V2H8V6H12V8.48438H13V5.70711C13 5.44189 12.8946 5.18754 12.7071 5L12.6246 4.91753L12.6236 4.91644L8.91355 1.20645C8.82878 1.12167 8.72835 1.07544 8.62863 1.05804C8.52186 1.01999 8.40841 1 8.29289 1H4ZM11.2929 5H9V2.70711L11.2929 5Z" fill="black" fill-opacity="0.9"/>
-<path d="M12 15V13H10V12H12V10H13V12H15V13H13V15H12Z" fill="black" fill-opacity="0.9"/>
+<path d="M12 15H13V13H15V12H13V10H12V12H10V13H12V15Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_copy.svg b/example/shell/Icons/file_copy.svg
index 4b0b8152b..b273b64ac 100644
--- a/example/shell/Icons/file_copy.svg
+++ b/example/shell/Icons/file_copy.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.99995 1.92191C3.99995 1.33727 4.52001 1 4.9953 1H9.36584C9.63437 1 9.89162 1.108 10.0797 1.29969L13.7139 5.00415C13.8972 5.19093 13.9999 5.44209 14.0001 5.70375L14.0046 12.0777C14.0046 12.6624 13.4846 13 13.0093 13H4.99995C4.52472 13 4.00474 12.6628 4.00461 12.0783L3.99995 1.92191ZM4.99999 2L5.00457 12H13.0046L13.0003 6.01275H9.00004V2H4.99999ZM10 2.64645V5.01275H12.3215L10 2.64645Z" fill="black" fill-opacity="0.9"/>
-<path d="M2 5.00001V14.0128C2 14.565 2.44772 15.0128 3 15.0128H11V14.0128L3 14.0128V5.00001H2Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 5.00001H3V14.0128L11 14.0128V15.0128H3C2.44772 15.0128 2 14.565 2 14.0128V5.00001Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_excel.svg b/example/shell/Icons/file_excel.svg
index 48f8b01af..327abf2b4 100644
--- a/example/shell/Icons/file_excel.svg
+++ b/example/shell/Icons/file_excel.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.5 1.99988V13.9999H8V14.9999H3.49534C3.02005 14.9999 2.5 14.6626 2.5 14.078V1.92179C2.5 1.33715 3.02005 0.999878 3.49534 0.999878H8.86589C9.13442 0.999878 9.39167 1.10788 9.57972 1.29957L13.2138 5.00388C13.3973 5.19083 13.5 5.44229 13.5 5.70419V7.49988H12.5V6.01263H8.50008V1.99988H3.5ZM9.50008 2.64633V5.01263H11.8215L9.50008 2.64633Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.3363 9.79198L10.3363 8.95227L9.3363 8.95228L9.33631 9.79198C9.33631 10.05 9.42442 10.3004 9.58607 10.5015L10.7767 11.9832L9.58607 13.4649C9.42442 13.666 9.33631 13.9164 9.33631 14.1744L9.33631 15.0141L10.3363 15.0141L10.3363 14.1744C10.3363 14.1442 10.3466 14.1148 10.3656 14.0913L11.4181 12.7814L12.4707 14.0913C12.4896 14.1148 12.5 14.1442 12.5 14.1744V15.0141H13.5V14.1744C13.5 13.9164 13.4119 13.666 13.2502 13.4649L12.0596 11.9832L13.2502 10.5015C13.4119 10.3004 13.5 10.05 13.5 9.79198V8.95227H12.5V9.79198C12.5 9.82222 12.4896 9.85155 12.4707 9.87512L11.4181 11.185L10.3656 9.87512C10.3466 9.85155 10.3363 9.82222 10.3363 9.79198Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.5 2V14H8V15H3.49534C3.02005 15 2.5 14.6627 2.5 14.0781V1.92191C2.5 1.33727 3.02005 1 3.49534 1H8.86589C9.13442 1 9.39167 1.108 9.57972 1.29969L13.2138 5.004C13.3973 5.19096 13.5 5.44241 13.5 5.70431V7.5H12.5V6.01275H8.50008V2H3.5ZM9.50008 2.64645V5.01275H11.8215L9.50008 2.64645Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.3363 9.7921C10.3363 9.82234 10.3466 9.85167 10.3656 9.87524L11.4181 11.1851L12.4707 9.87524C12.4896 9.85167 12.5 9.82234 12.5 9.7921V8.9524H13.5V9.7921C13.5 10.0502 13.4119 10.3005 13.2502 10.5016L12.0596 11.9833L13.2502 13.465C13.4119 13.6662 13.5 13.9165 13.5 14.1745V15.0142H12.5V14.1745C12.5 14.1443 12.4896 14.115 12.4707 14.0914L11.4181 12.7815L10.3656 14.0914C10.3466 14.115 10.3363 14.1443 10.3363 14.1745L10.3363 15.0142L9.33631 15.0142L9.33631 14.1745C9.33631 13.9165 9.42442 13.6662 9.58607 13.465L10.7767 11.9833L9.58607 10.5016C9.42442 10.3005 9.33631 10.0502 9.33631 9.79211L9.3363 8.9524L10.3363 8.95239L10.3363 9.7921Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_icon.svg b/example/shell/Icons/file_icon.svg
index 1e1125c3a..33a9c920e 100644
--- a/example/shell/Icons/file_icon.svg
+++ b/example/shell/Icons/file_icon.svg
@@ -1,7 +1,7 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.5 2V14H11.2336V15H3.49534C3.02005 15 2.5 14.6627 2.5 14.0781V1.92191C2.5 1.33727 3.02005 1 3.49534 1H8.86589C9.13442 1 9.39167 1.108 9.57972 1.29969L13.2138 5.004C13.3973 5.19096 13.5 5.44241 13.5 5.70431V7.5H12.5V6.01275H8.50008V2H3.5ZM9.50008 5.01275H11.8215L9.50008 2.64645V5.01275Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.48145 9H6.48145V9.8H5.88145V12.2H6.48145V13H4.48145V12.2H5.08145V9.8H4.48145V9Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.99999 9H7.79246C7.35479 9 6.99999 9.35817 6.99999 9.8V12.2C6.99999 12.6418 7.35479 13 7.79246 13H8.99999V12.2H7.79246V9.8H8.99999V9Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.99999 9V9.8H7.79246V12.2H8.99999V13H7.79246C7.35479 13 6.99999 12.6418 6.99999 12.2V9.8C6.99999 9.35817 7.35479 9 7.79246 9H8.99999Z" fill="black" fill-opacity="0.9"/>
 <path d="M13.7972 9.8L13.7972 13H13L13 9H14.7434C15.1837 9 15.5406 9.35817 15.5406 9.8V13H14.7434V9.8H13.7972Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.5 9.80928L9.5 12.201C9.5 12.6413 9.85693 12.9982 10.2972 12.9982H11.4931C11.9334 12.9982 12.2903 12.6413 12.2903 12.201V9.80928C12.2903 9.36899 11.9334 9.01205 11.4931 9.01205H10.2972C9.85693 9.01205 9.5 9.36899 9.5 9.80928ZM10.2972 12.201L10.2972 9.80928H11.4931V12.201H10.2972Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.5 9.80928C9.5 9.36899 9.85693 9.01205 10.2972 9.01205H11.4931C11.9334 9.01205 12.2903 9.36899 12.2903 9.80928V12.201C12.2903 12.6413 11.9334 12.9982 11.4931 12.9982H10.2972C9.85693 12.9982 9.5 12.6413 9.5 12.201L9.5 9.80928ZM10.2972 12.201H11.4931V9.80928H10.2972L10.2972 12.201Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_paste.svg b/example/shell/Icons/file_paste.svg
index 29dcb5afc..c91e45c87 100644
--- a/example/shell/Icons/file_paste.svg
+++ b/example/shell/Icons/file_paste.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 11.5H5V12.5H11V11.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M11 11.5V12.5H5V11.5H11Z" fill="black" fill-opacity="0.9"/>
 <path d="M2.5 1.92191C2.5 1.33727 3.02005 1 3.49534 1L8.7929 1.00007C9.05812 1.00007 9.31246 1.10543 9.5 1.29296L13.2071 5.00007C13.3946 5.18761 13.5 5.44196 13.5 5.70718V14.0782C13.5 14.6628 12.9799 15.0001 12.5047 15.0001L3.49534 15C3.02005 15 2.5 14.6627 2.5 14.0781V1.92191ZM3.5 2V14L12.5 14.0001V6.01283H8.50005V2.00007L3.5 2ZM9.50005 5.01283H11.8056L9.50005 2.70722V5.01283Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_pdf.svg b/example/shell/Icons/file_pdf.svg
index f15c12628..e70016bc6 100644
--- a/example/shell/Icons/file_pdf.svg
+++ b/example/shell/Icons/file_pdf.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.5 14V2H8.50008V6.01275H12.5V7.5H13.5V5.70431C13.5 5.44241 13.3973 5.19096 13.2138 5.004L9.57972 1.29969C9.39167 1.108 9.13442 1 8.86589 1H3.49534C3.02005 1 2.5 1.33727 2.5 1.92191V14.0781C2.5 14.6627 3.02005 15 3.49534 15H12V14H3.5ZM11.8215 5.01275H9.50008V2.64645L11.8215 5.01275Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.37695 9H10.2384C10.7216 9 11.1134 9.39175 11.1134 9.875V12.1064C11.1134 12.5897 10.7216 12.9814 10.2384 12.9814H8.37695V9ZM9.12695 9.75V12.2314H10.2384C10.3074 12.2314 10.3634 12.1755 10.3634 12.1064L10.3634 9.875C10.3634 9.80596 10.3074 9.75 10.2384 9.75H9.12695Z" fill="black" fill-opacity="0.9"/>
-<path d="M5 9.00593H6.86142C7.34467 9.00593 7.73642 9.39768 7.73642 9.88093V10.9327C7.73642 11.416 7.34467 11.8077 6.86142 11.8077H5.75V12.9977H5V9.00593ZM5.75 11.0577H6.86142C6.93046 11.0577 6.98642 11.0017 6.98642 10.9327V9.88093C6.98642 9.81189 6.93046 9.75593 6.86142 9.75593H5.75V11.0577Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.37695 9V12.9814H10.2384C10.7216 12.9814 11.1134 12.5897 11.1134 12.1064V9.875C11.1134 9.39175 10.7216 9 10.2384 9H8.37695ZM9.12695 9.75H10.2384C10.3074 9.75 10.3634 9.80596 10.3634 9.875L10.3634 12.1064C10.3634 12.1755 10.3074 12.2314 10.2384 12.2314H9.12695V9.75Z" fill="black" fill-opacity="0.9"/>
+<path d="M5 9.00593V12.9977H5.75V11.8077H6.86142C7.34467 11.8077 7.73642 11.416 7.73642 10.9327V9.88093C7.73642 9.39768 7.34467 9.00593 6.86142 9.00593H5ZM5.75 11.0577V9.75593H6.86142C6.93046 9.75593 6.98642 9.81189 6.98642 9.88093V10.9327C6.98642 11.0017 6.93046 11.0577 6.86142 11.0577H5.75Z" fill="black" fill-opacity="0.9"/>
 <path d="M11.7539 12.9977H12.5039V11.4166H14.1153V10.6666H12.5039V9.75005H14.1153V9.00005H11.7539V12.9977Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_powerpoint.svg b/example/shell/Icons/file_powerpoint.svg
index 11cbc1ea9..d25424456 100644
--- a/example/shell/Icons/file_powerpoint.svg
+++ b/example/shell/Icons/file_powerpoint.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.5 2V14H8V15H3.49534C3.02005 15 2.5 14.6627 2.5 14.0781V1.92191C2.5 1.33727 3.02005 1 3.49534 1H8.86589C9.13442 1 9.39167 1.108 9.57972 1.29969L13.2138 5.004C13.3973 5.19096 13.5 5.44241 13.5 5.70431V7.5H12.5V6.01275H8.50008V2H3.5ZM9.50008 2.64645V5.01275H11.8215L9.50008 2.64645Z" fill="black" fill-opacity="0.9"/>
-<path d="M12.5 8.5H9.5V15H10.5V12.5H12.5C13.0523 12.5 13.5 12.0523 13.5 11.5V9.5C13.5 8.94772 13.0523 8.5 12.5 8.5ZM12.5 11.5H10.5V9.5H12.5V11.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.5 8.5C13.0523 8.5 13.5 8.94772 13.5 9.5V11.5C13.5 12.0523 13.0523 12.5 12.5 12.5H10.5V15H9.5V8.5H12.5ZM12.5 11.5V9.5H10.5V11.5H12.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_unknown.svg b/example/shell/Icons/file_unknown.svg
index 0a06fcda1..cd0c056a5 100644
--- a/example/shell/Icons/file_unknown.svg
+++ b/example/shell/Icons/file_unknown.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.5 2V14H9V15H3.49534C3.02005 15 2.5 14.6627 2.5 14.0781V1.92191C2.5 1.33727 3.02005 1 3.49534 1H8.78616C9.05469 1 9.31194 1.108 9.5 1.29969L13.1341 5.004C13.3175 5.19096 13.4203 5.44241 13.4203 5.70431V7.5H12.4203V6.01275H8.42036V2H3.5ZM9.42036 2.64645V5.01275H11.7418L9.42036 2.64645Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.4203 8.42065C10.3495 8.42065 9.42028 9.24178 9.42028 10.3222H10.4203C10.4203 9.85692 10.8368 9.42065 11.4203 9.42065C12.0038 9.42065 12.4203 9.85692 12.4203 10.3222C12.4203 10.6216 12.1402 10.9812 11.7014 11.1477L11.699 11.1487C11.2559 11.3196 10.9203 11.7405 10.9203 12.2599V12.9207H11.9203V12.2599C11.9203 12.1949 11.9616 12.1195 12.0579 12.0821C12.7159 11.8317 13.4203 11.1914 13.4203 10.3222C13.4203 9.24178 12.491 8.42065 11.4203 8.42065Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.4202 13.8C11.0888 13.8 10.8202 14.0686 10.8202 14.4C10.8202 14.7314 11.0888 15 11.4202 15C11.7515 15 12.0202 14.7314 12.0202 14.4C12.0202 14.0686 11.7515 13.8 11.4202 13.8Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.4203 8.42065C12.491 8.42065 13.4203 9.24178 13.4203 10.3222C13.4203 11.1914 12.7159 11.8317 12.0579 12.0821C11.9616 12.1195 11.9203 12.1949 11.9203 12.2599V12.9207H10.9203V12.2599C10.9203 11.7405 11.2559 11.3196 11.699 11.1487L11.7014 11.1477C12.1402 10.9812 12.4203 10.6216 12.4203 10.3222C12.4203 9.85692 12.0038 9.42065 11.4203 9.42065C10.8368 9.42065 10.4203 9.85692 10.4203 10.3222H9.42028C9.42028 9.24178 10.3495 8.42065 11.4203 8.42065Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.4202 13.8C11.7515 13.8 12.0202 14.0686 12.0202 14.4C12.0202 14.7314 11.7515 15 11.4202 15C11.0888 15 10.8202 14.7314 10.8202 14.4C10.8202 14.0686 11.0888 13.8 11.4202 13.8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/file_word.svg b/example/shell/Icons/file_word.svg
index b1570bd9f..c783a1dc9 100644
--- a/example/shell/Icons/file_word.svg
+++ b/example/shell/Icons/file_word.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.5 2.00006V14.0001H6.5V15.0001H3.49534C3.02005 15.0001 2.5 14.6628 2.5 14.0781V1.92197C2.5 1.33733 3.02005 1.00006 3.49534 1.00006L8.8658 1C9.13433 1 9.39158 1.108 9.57964 1.29969L13.2138 5.004C13.3972 5.19096 13.4999 5.44241 13.4999 5.70431V8H12.4999V6.01275H8.5V2L3.5 2.00006ZM9.5 2.64645V5.01275H11.8215L9.5 2.64645Z" fill="black" fill-opacity="0.9"/>
-<path d="M9 14L9 9.5H8L8 14C8 14.5523 8.44772 15 9 15H12.5C13.0523 15 13.5 14.5523 13.5 14V9.5H12.5L12.5 14H11.25L11.25 9.5H10.25L10.25 14H9Z" fill="black" fill-opacity="0.9"/>
+<path d="M9 14H10.25L10.25 9.5H11.25L11.25 14H12.5L12.5 9.5H13.5V14C13.5 14.5523 13.0523 15 12.5 15H9C8.44772 15 8 14.5523 8 14L8 9.5H9L9 14Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/flag.svg b/example/shell/Icons/flag.svg
index 1df9167fa..1272e5519 100644
--- a/example/shell/Icons/flag.svg
+++ b/example/shell/Icons/flag.svg
@@ -1,4 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 2V15H4V2H3Z" fill="black" fill-opacity="0.9"/>
-<path d="M3 2H13.46C13.7582 2 14 2.24177 14 2.54V9.46C14 9.75823 13.7582 10 13.46 10H3L3 2ZM4 3V9H13V3H4Z" fill="black" fill-opacity="0.9"/>
+<path d="M14 9.46C14 9.75823 13.7582 10 13.46 10H4V15H3V10V2H4H13.46C13.7582 2 14 2.24177 14 2.54V9.46ZM4 9H13V3H4V9Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/folder_open.svg b/example/shell/Icons/folder_open.svg
index b1e519597..f829e85ce 100644
--- a/example/shell/Icons/folder_open.svg
+++ b/example/shell/Icons/folder_open.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 2.74396H6.42857L8.5 4.39468H13.5V3.39468H8.84972L6.77829 1.74396L2.5 1.74396V2.74396Z" fill="black" fill-opacity="0.9"/>
-<path d="M2.5 4.39466C1.94772 4.39466 1.5 4.84237 1.5 5.39466V13C1.5 13.5523 1.94772 14 2.5 14L13.5 14C14.0523 14 14.5 13.5523 14.5 13V7.04537C14.5 6.49309 14.0523 6.04537 13.5 6.04537H8.17486L6.10343 4.39465L2.5 4.39466ZM2.5 5.39466L5.75371 5.39465L7.82514 7.04537H13.5V13L2.5 13V5.39466Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.5 2.7439H6.42857L8.5 4.39461H13.5V3.39461H8.84972L6.77829 1.7439L2.5 1.7439V2.7439Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.5 4.3946C1.94772 4.3946 1.5 4.84231 1.5 5.3946V13C1.5 13.5523 1.94772 14 2.5 14L13.5 14C14.0523 14 14.5 13.5522 14.5 13V7.04531C14.5 6.49303 14.0523 6.04531 13.5 6.04531H8.17486L6.10343 4.39459L2.5 4.3946ZM2.5 5.3946L5.75371 5.39459L7.82514 7.04531H13.5V13L2.5 13V5.3946Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/format_horizontal_align_bottom.svg b/example/shell/Icons/format_horizontal_align_bottom.svg
index 55ee05fdb..920405228 100644
--- a/example/shell/Icons/format_horizontal_align_bottom.svg
+++ b/example/shell/Icons/format_horizontal_align_bottom.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13 14L13 2H14L14 14H13Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.5 14V6H9.5V14H10.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.5 14H9.5V6H10.5V14Z" fill="black" fill-opacity="0.9"/>
 <path d="M3.5 6L3.5 14H2.5V6H3.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M6 14L6 2H7L7 14H6Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/format_horizontal_align_top.svg b/example/shell/Icons/format_horizontal_align_top.svg
index 5decb1b64..2f2768f14 100644
--- a/example/shell/Icons/format_horizontal_align_top.svg
+++ b/example/shell/Icons/format_horizontal_align_top.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 2L2.5 11H3.5L3.5 2H2.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.5 2H3.5L3.5 11H2.5L2.5 2Z" fill="black" fill-opacity="0.9"/>
 <path d="M9.5 11L9.5 2H10.5L10.5 11H9.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M13 14L13 2H14L14 14H13Z" fill="black" fill-opacity="0.9"/>
 <path d="M6 14L6 2H7L7 14H6Z" fill="black" fill-opacity="0.9"/>
diff --git a/example/shell/Icons/format_vertical_align_center.svg b/example/shell/Icons/format_vertical_align_center.svg
index 2cbccb3f9..c686906c2 100644
--- a/example/shell/Icons/format_vertical_align_center.svg
+++ b/example/shell/Icons/format_vertical_align_center.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 3H14V2H2V3Z" fill="black" fill-opacity="0.9"/>
 <path d="M4 6.5H12V5.5H4V6.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M12 13.5H4V12.5H12V13.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M12 13.5V12.5H4V13.5H12Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 10H14V9H2V10Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/format_vertical_align_left.svg b/example/shell/Icons/format_vertical_align_left.svg
index b9e2585a7..0235c732a 100644
--- a/example/shell/Icons/format_vertical_align_left.svg
+++ b/example/shell/Icons/format_vertical_align_left.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 3H14V2H2V3Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 6.5H11V5.5H2V6.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M11 13.5H2V12.5H11V13.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M11 13.5V12.5H2V13.5H11Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 10H14V9H2V10Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/format_vertical_align_right.svg b/example/shell/Icons/format_vertical_align_right.svg
index fdaa18236..26515bb5d 100644
--- a/example/shell/Icons/format_vertical_align_right.svg
+++ b/example/shell/Icons/format_vertical_align_right.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 3H14V2H2V3ZM5 6.5H14V5.5H5V6.5ZM14 13.5H5V12.5H14V13.5ZM2 10H14V9H2V10Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 3H14V2H2V3ZM5 6.5H14V5.5H5V6.5ZM14 13.5V12.5H5V13.5H14ZM2 10H14V9H2V10Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/forward.svg b/example/shell/Icons/forward.svg
index bb99675ac..913b495ba 100644
--- a/example/shell/Icons/forward.svg
+++ b/example/shell/Icons/forward.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.7576 7.60926C15.0084 7.80943 15.0084 8.19058 14.7576 8.39075L9.12025 12.8914C8.79279 13.1529 8.30829 12.9197 8.30829 12.5007L8.30829 8.23459C8.27887 8.29002 8.23829 8.341 8.18653 8.38412L2.8201 12.8562C2.49443 13.1276 2 12.896 2 12.4721L2 3.5279C2 3.10398 2.49443 2.87241 2.8201 3.1438L8.18653 7.61591C8.23829 7.65903 8.27887 7.71 8.30829 7.76544L8.30829 3.49935C8.30829 3.08033 8.79279 2.84717 9.12025 3.1086L14.7576 7.60926ZM9.30829 4.53833L9.30829 11.4617L13.6443 8.00001L9.30829 4.53833ZM3 4.59544L3 11.4046L7.08542 8.00001L3 4.59544Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.7576 7.60938C15.0084 7.80955 15.0084 8.19071 14.7576 8.39087L9.12025 12.8915C8.79279 13.153 8.30829 12.9198 8.30829 12.5008L8.30829 8.23471C8.27887 8.29015 8.23829 8.34112 8.18653 8.38424L2.8201 12.8564C2.49443 13.1277 2 12.8962 2 12.4722L2 3.52803C2 3.1041 2.49443 2.87253 2.8201 3.14392L8.18653 7.61603C8.23829 7.65916 8.27887 7.71013 8.30829 7.76556L8.30829 3.49947C8.30829 3.08045 8.79279 2.84729 9.12025 3.10873L14.7576 7.60938ZM9.30829 4.53845L9.30829 11.4618L13.6443 8.00013L9.30829 4.53845ZM3 4.59556L3 11.4047L7.08542 8.00014L3 4.59556Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/gender_female.svg b/example/shell/Icons/gender_female.svg
index 297572509..5fc7f7c66 100644
--- a/example/shell/Icons/gender_female.svg
+++ b/example/shell/Icons/gender_female.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 1.67828C6.067 1.67828 4.5 3.24529 4.5 5.17828C4.5 6.94604 5.81055 8.4077 7.51306 8.64468L7.51311 10.0021H5.51315V11.0021H7.51315L7.51329 14.502L8.51329 14.502L8.51315 11.0021H10.5132V10.0021H8.51311L8.51306 8.64095C10.2028 8.39273 11.5 6.93699 11.5 5.17828C11.5 3.24529 9.933 1.67828 8 1.67828ZM8 2.67828C9.38071 2.67828 10.5 3.79757 10.5 5.17828C10.5 6.559 9.38071 7.67828 8 7.67828C6.61929 7.67828 5.5 6.559 5.5 5.17828C5.5 3.79757 6.61929 2.67828 8 2.67828Z" fill="black" fill-opacity="0.9"/>
+<path d="M8 1.67822C6.067 1.67822 4.5 3.24523 4.5 5.17822C4.5 6.94598 5.81055 8.40764 7.51306 8.64462L7.51311 10.0021H5.51315V11.0021H7.51315L7.51329 14.502L8.51329 14.5019L8.51315 11.0021H10.5132V10.0021H8.51311L8.51306 8.64089C10.2028 8.39267 11.5 6.93693 11.5 5.17822C11.5 3.24523 9.933 1.67822 8 1.67822ZM8 2.67822C9.38071 2.67822 10.5 3.79751 10.5 5.17822C10.5 6.55893 9.38071 7.67822 8 7.67822C6.61929 7.67822 5.5 6.55893 5.5 5.17822C5.5 3.79751 6.61929 2.67822 8 2.67822Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/help_circle_filled.svg b/example/shell/Icons/help_circle_filled.svg
index 2327809f6..950b27922 100644
--- a/example/shell/Icons/help_circle_filled.svg
+++ b/example/shell/Icons/help_circle_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.9941 8C14.9941 4.13401 11.8601 1 7.99414 1C4.12815 0.999998 0.994142 4.134 0.994141 8C0.994138 11.866 4.12815 15 7.99414 15C11.8601 15 14.9941 11.866 14.9941 8ZM5.80249 6.6315C5.80249 5.42262 6.78511 4.44 7.99399 4.44C9.20288 4.44 10.1855 5.42262 10.1855 6.6315C10.1855 7.60163 9.4429 8.35248 8.701 8.65455C8.58005 8.70488 8.49403 8.82451 8.49403 8.97008V9.7675H7.49403V8.97008C7.49403 8.41041 7.83289 7.931 8.32041 7.7298L8.32296 7.72875C8.81772 7.52775 9.1855 7.07185 9.1855 6.6315C9.1855 5.9749 8.65059 5.44 7.99399 5.44C7.33739 5.44 6.80249 5.9749 6.80249 6.6315H5.80249ZM7.46673 11.1734C7.46673 10.8823 7.70277 10.6462 7.99395 10.6462C8.28513 10.6462 8.52117 10.8823 8.52117 11.1734C8.52117 11.4646 8.28513 11.7007 7.99395 11.7007C7.70277 11.7007 7.46673 11.4646 7.46673 11.1734Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.9941 8C14.9941 11.866 11.8601 15 7.99414 15C4.12815 15 0.994138 11.866 0.994141 8C0.994142 4.134 4.12815 0.999998 7.99414 1C11.8601 1 14.9941 4.13401 14.9941 8ZM5.80249 6.6315H6.80249C6.80249 5.9749 7.33739 5.44 7.99399 5.44C8.65059 5.44 9.1855 5.9749 9.1855 6.6315C9.1855 7.07185 8.81772 7.52775 8.32296 7.72875L8.32041 7.7298C7.83289 7.931 7.49403 8.41041 7.49403 8.97008V9.7675H8.49403V8.97008C8.49403 8.82451 8.58005 8.70488 8.701 8.65455C9.4429 8.35248 10.1855 7.60163 10.1855 6.6315C10.1855 5.42262 9.20288 4.44 7.99399 4.44C6.78511 4.44 5.80249 5.42262 5.80249 6.6315ZM7.46673 11.1734C7.46673 11.4646 7.70277 11.7007 7.99395 11.7007C8.28513 11.7007 8.52117 11.4646 8.52117 11.1734C8.52117 10.8823 8.28513 10.6462 7.99395 10.6462C7.70277 10.6462 7.46673 10.8823 7.46673 11.1734Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/home.svg b/example/shell/Icons/home.svg
index 447f62876..0e55052f5 100644
--- a/example/shell/Icons/home.svg
+++ b/example/shell/Icons/home.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.00004 11V12H10V11H6.00004Z" fill="black" fill-opacity="0.9"/>
-<path d="M7.64648 1.64646C7.84175 1.4512 8.15833 1.4512 8.35359 1.64646L14.8536 8.14646L14.1465 8.85357L13 7.70712V13.5C13 14.0523 12.5523 14.5 12 14.5H4.00004C3.44775 14.5 3.00004 14.0523 3.00004 13.5V7.70712L1.85359 8.85357L1.14648 8.14646L7.64648 1.64646ZM8.00004 2.70712L4.00004 6.70712V13.5H12V6.70712L8.00004 2.70712Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.00004 11.0001H10V12.0001H6.00004V11.0001Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.64648 1.64652C7.84175 1.45126 8.15833 1.45126 8.35359 1.64652L14.8536 8.14652L14.1465 8.85363L13 7.70718V13.5001C13 14.0524 12.5523 14.5001 12 14.5001H4.00004C3.44775 14.5001 3.00004 14.0524 3.00004 13.5001V7.70718L1.85359 8.85363L1.14648 8.14652L7.64648 1.64652ZM8.00004 2.70718L4.00004 6.70718V13.5001H12V6.70718L8.00004 2.70718Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/image.svg b/example/shell/Icons/image.svg
index 593d0594e..eb4a04150 100644
--- a/example/shell/Icons/image.svg
+++ b/example/shell/Icons/image.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 8C11.1046 8 12 7.10457 12 6C12 4.89543 11.1046 4 10 4C8.89543 4 8 4.89543 8 6C8 7.10457 8.89543 8 10 8ZM10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7Z" fill="black" fill-opacity="0.9"/>
+<path d="M10 8C8.89543 8 8 7.10457 8 6C8 4.89543 8.89543 4 10 4C11.1046 4 12 4.89543 12 6C12 7.10457 11.1046 8 10 8ZM10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 13C2 13.5523 2.44772 14 3 14L13 14C13.5523 14 14 13.5523 14 13L14 3C14 2.44772 13.5523 2 13 2H3C2.44772 2 2 2.44771 2 3V13ZM3 11.7071L6 8.70711L10.2929 13L3 13L3 11.7071ZM3 10.2929L3 3L13 3L13 13H11.7071L6 7.29289L3 10.2929Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/info_circle.svg b/example/shell/Icons/info_circle.svg
index 16630815a..6e3804382 100644
--- a/example/shell/Icons/info_circle.svg
+++ b/example/shell/Icons/info_circle.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.50562 11.9998V6.5H8.50562V11.9998H7.50562Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.59985 4H7.3999V5.19995H8.59985V4Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.50562 11.9998H8.50562V6.5H7.50562V11.9998Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.59985 4V5.19995H7.3999V4H8.59985Z" fill="black" fill-opacity="0.9"/>
 <path d="M1 8C1 11.866 4.13403 15 8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8ZM2 8C2 4.68628 4.68628 2 8 2C11.3137 2 14 4.68628 14 8C14 11.3137 11.3137 14 8 14C4.68628 14 2 11.3137 2 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/info_circle_filled.svg b/example/shell/Icons/info_circle_filled.svg
index 2809cf7f0..ca9b9ba23 100644
--- a/example/shell/Icons/info_circle_filled.svg
+++ b/example/shell/Icons/info_circle_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM7.3999 4H8.59985V5.19995H7.3999V4ZM7.50562 6.5H8.50562V11.9998H7.50562V6.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7.3999 4V5.19995H8.59985V4H7.3999ZM7.50562 6.5V11.9998H8.50562V6.5H7.50562Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/laptop.svg b/example/shell/Icons/laptop.svg
index 8284df639..d645b6e69 100644
--- a/example/shell/Icons/laptop.svg
+++ b/example/shell/Icons/laptop.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.5 12C1.94771 12 1.5 11.5523 1.5 11V4C1.5 3.44772 1.94772 3 2.5 3L13.5 3C14.0523 3 14.5 3.44772 14.5 4V11C14.5 11.5523 14.0523 12 13.5 12H2.5ZM2.5 11L13.5 11V4L2.5 4V11Z" fill="black" fill-opacity="0.9"/>
-<path d="M15 13H1V14H15V13Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 13V14H1V13H15Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/layers.svg b/example/shell/Icons/layers.svg
index 6992bd724..3baa696a9 100644
--- a/example/shell/Icons/layers.svg
+++ b/example/shell/Icons/layers.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.0731 4.97791L7.99976 7.50841L1.92641 4.97791C1.51598 4.8069 1.51598 4.20041 1.92641 4.0294L7.99976 1.4989L14.0731 4.0294C14.4835 4.20041 14.4835 4.8069 14.0731 4.97791ZM3.42727 4.50366L7.99976 6.40881L12.5722 4.50366L7.99976 2.5985L3.42727 4.50366Z" fill="black" fill-opacity="0.9"/>
-<path d="M1.49902 7.02665V8.25379L8.00001 11.1119L14.499 8.25466V7.02752L8.00001 9.8848L1.49902 7.02665Z" fill="black" fill-opacity="0.9"/>
-<path d="M1.49902 10.4194V11.6466L8.00011 14.5048L14.499 11.6475V10.4204L8.00011 13.2776L1.49902 10.4194Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.0731 4.97803C14.4835 4.80702 14.4835 4.20053 14.0731 4.02952L7.99976 1.49902L1.92641 4.02952C1.51598 4.20053 1.51598 4.80702 1.92641 4.97803L7.99976 7.50853L14.0731 4.97803ZM3.42727 4.50378L7.99976 2.59863L12.5722 4.50378L7.99976 6.40893L3.42727 4.50378Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.49902 7.02677V8.25391L8.00001 11.1121L14.499 8.25478V7.02764L8.00001 9.88492L1.49902 7.02677Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.49902 10.4196V11.6467L8.00011 14.5049L14.499 11.6477V10.4205L8.00011 13.2777L1.49902 10.4196Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/link.svg b/example/shell/Icons/link.svg
index 0431142e1..7e226f628 100644
--- a/example/shell/Icons/link.svg
+++ b/example/shell/Icons/link.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.23254 11.8891L8.35386 9.76776L9.06096 10.4749L6.93964 12.5962C5.96333 13.5725 4.38042 13.5725 3.40411 12.5962C2.4278 11.6199 2.4278 10.037 3.40411 9.06066L5.52543 6.93934L6.23253 7.64644L4.11121 9.76776C3.52543 10.3536 3.52543 11.3033 4.11121 11.8891C4.697 12.4749 5.64675 12.4749 6.23254 11.8891Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.4752 9.06066L9.76807 8.35355L11.8894 6.23223C12.4752 5.64644 12.4752 4.6967 11.8894 4.11091C11.3036 3.52512 10.3539 3.52512 9.76807 4.11091L7.64675 6.23223L6.93964 5.52512L9.06096 3.4038C10.0373 2.42749 11.6202 2.42749 12.5965 3.4038C13.5728 4.38011 13.5728 5.96303 12.5965 6.93934L10.4752 9.06066Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.06111 6.23225L6.23269 9.06068L6.93979 9.76778L9.76822 6.93936L9.06111 6.23225Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.56066 12.2175L8.68198 10.0962L9.38909 10.8033L7.26777 12.9246C6.29146 13.9009 4.70854 13.9009 3.73223 12.9246C2.75592 11.9483 2.75592 10.3654 3.73223 9.38909L5.85355 7.26777L6.56066 7.97487L4.43934 10.0962C3.85355 10.682 3.85355 11.6317 4.43934 12.2175C5.02513 12.8033 5.97487 12.8033 6.56066 12.2175Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.8033 9.38909L10.0962 8.68198L12.2175 6.56066C12.8033 5.97487 12.8033 5.02513 12.2175 4.43934C11.6317 3.85355 10.682 3.85355 10.0962 4.43934L7.97487 6.56066L7.26777 5.85355L9.38909 3.73223C10.3654 2.75592 11.9483 2.75592 12.9246 3.73223C13.9009 4.70854 13.9009 6.29146 12.9246 7.26777L10.8033 9.38909Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.38924 6.56068L10.0963 7.26779L7.26792 10.0962L6.56081 9.38911L9.38924 6.56068Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/link_unlink.svg b/example/shell/Icons/link_unlink.svg
index d7ca696bd..ab1ff0971 100644
--- a/example/shell/Icons/link_unlink.svg
+++ b/example/shell/Icons/link_unlink.svg
@@ -1,10 +1,10 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 1.99994L6 3.99994L7 3.99994V1.99994H6Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.1767 9.59098L5.8786 11.8891C5.39045 12.3772 4.59899 12.3772 4.11084 11.8891C3.62268 11.4009 3.62268 10.6095 4.11084 10.1213L6.40893 7.82321L5.70183 7.11611L3.40373 9.4142C2.52505 10.2929 2.52505 11.7175 3.40373 12.5962C4.28241 13.4749 5.70703 13.4749 6.58571 12.5962L8.88381 10.2981L8.1767 9.59098Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.59091 8.17677L10.298 8.88387L12.5961 6.58578C13.4748 5.7071 13.4748 4.28248 12.5961 3.4038C11.7174 2.52512 10.2928 2.52512 9.41414 3.4038L7.11604 5.70189L7.82315 6.409L10.1212 4.1109C10.6094 3.62275 11.4009 3.62275 11.889 4.1109C12.3772 4.59906 12.3772 5.39051 11.889 5.87867L9.59091 8.17677Z" fill="black" fill-opacity="0.9"/>
-<path d="M12 8.99988H14V9.99988H12V8.99988Z" fill="black" fill-opacity="0.9"/>
-<path d="M2 6.99994H4V5.99994H2V6.99994Z" fill="black" fill-opacity="0.9"/>
-<path d="M10 11.9999V13.9999H9L9 11.9999H10Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.7322 11.025L13.3536 12.6463L12.6464 13.3534L11.0251 11.7321L11.7322 11.025Z" fill="black" fill-opacity="0.9"/>
-<path d="M2.64645 3.35343L4.26777 4.97475L4.97487 4.26765L3.35355 2.64632L2.64645 3.35343Z" fill="black" fill-opacity="0.9"/>
+<path d="M6 2L6 4L7 4V2H6Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.1767 9.59104L5.8786 11.8891C5.39045 12.3773 4.59899 12.3773 4.11084 11.8891C3.62268 11.401 3.62268 10.6095 4.11084 10.1214L6.40893 7.82327L5.70183 7.11617L3.40373 9.41426C2.52505 10.2929 2.52505 11.7176 3.40373 12.5962C4.28241 13.4749 5.70703 13.4749 6.58571 12.5962L8.88381 10.2981L8.1767 9.59104Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.59091 8.17683L10.298 8.88393L12.5961 6.58584C13.4748 5.70716 13.4748 4.28254 12.5961 3.40386C11.7174 2.52518 10.2928 2.52518 9.41414 3.40386L7.11604 5.70195L7.82315 6.40906L10.1212 4.11096C10.6094 3.62281 11.4009 3.62281 11.889 4.11096C12.3772 4.59912 12.3772 5.39058 11.889 5.87873L9.59091 8.17683Z" fill="black" fill-opacity="0.9"/>
+<path d="M12 8.99994V9.99994H14V8.99994H12Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 7H4V6H2V7Z" fill="black" fill-opacity="0.9"/>
+<path d="M10 11.9999H9L9 13.9999H10V11.9999Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.7322 11.0251L11.0251 11.7322L12.6464 13.3535L13.3536 12.6464L11.7322 11.0251Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.64645 3.35349L4.26777 4.97481L4.97487 4.26771L3.35355 2.64639L2.64645 3.35349Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/loading(1).svg b/example/shell/Icons/loading(1).svg
deleted file mode 100644
index 51e24771f..000000000
--- a/example/shell/Icons/loading(1).svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00007 1.5C7.64595 1.5 7.35889 1.78707 7.35889 2.14118V4.10882C7.35889 4.46293 7.64595 4.75 8.00007 4.75C8.35419 4.75 8.64125 4.46293 8.64125 4.10882V2.14118C8.64125 1.78707 8.35419 1.5 8.00007 1.5ZM11.3778 2.46736C11.0714 2.29065 10.6797 2.3956 10.5027 2.70185L9.51727 4.40655C9.33997 4.71327 9.44511 5.10565 9.75202 5.28262C10.0585 5.45933 10.4501 5.35439 10.6272 5.04813L11.6126 3.34343C11.7899 3.03671 11.6847 2.64433 11.3778 2.46736ZM12.6379 4.57758C12.9441 4.40098 13.3355 4.50586 13.5125 4.81192C13.6896 5.11845 13.5846 5.51059 13.2779 5.68745L11.5697 6.67245C11.2634 6.84905 10.872 6.74417 10.6951 6.43811C10.5179 6.13158 10.623 5.73944 10.9297 5.56258L12.6379 4.57758ZM14.5 7.87493C14.5 7.52125 14.2133 7.23454 13.8596 7.23454H11.8864C11.5327 7.23454 11.246 7.52125 11.246 7.87493C11.246 8.22861 11.5327 8.51533 11.8864 8.51533H13.8596C14.2133 8.51533 14.5 8.22861 14.5 7.87493ZM13.2775 10.3126C13.5842 10.4894 13.6893 10.8816 13.5121 11.1881C13.3352 11.4942 12.9438 11.5991 12.6375 11.4225L10.9293 10.4375C10.6226 10.2606 10.5175 9.86845 10.6947 9.56192C10.8717 9.25586 11.2631 9.15098 11.5693 9.32758L13.2775 10.3126ZM11.3779 13.7827C11.6848 13.6057 11.7899 13.2133 11.6126 12.9066L10.6272 11.2019C10.4501 10.8957 10.0585 10.7907 9.75204 10.9674C9.44514 11.1444 9.34 11.5368 9.5173 11.8435L10.5027 13.5482C10.6798 13.8545 11.0714 13.9594 11.3779 13.7827ZM8.64111 13.8588C8.64111 14.2129 8.35405 14.5 7.99993 14.5C7.64581 14.5 7.35875 14.2129 7.35875 13.8588V11.8912C7.35875 11.5371 7.64581 11.25 7.99993 11.25C8.35405 11.25 8.64111 11.5371 8.64111 11.8912V13.8588ZM4.62216 13.7826C4.92861 13.9593 5.32027 13.8543 5.4973 13.5481L6.48272 11.8434C6.66003 11.5367 6.55489 11.1443 6.24798 10.9673C5.94154 10.7906 5.54988 10.8956 5.37285 11.2018L4.38742 12.9065C4.21012 13.2132 4.31526 13.6056 4.62216 13.7826ZM3.10597 11.4224C2.79972 11.599 2.4083 11.4941 2.23137 11.1881C2.05418 10.8815 2.15925 10.4894 2.46597 10.3125L4.17414 9.32755C4.4804 9.15095 4.87182 9.25583 5.04874 9.56189C5.22593 9.86842 5.12086 10.2606 4.81414 10.4374L3.10597 11.4224ZM1.5 7.87496C1.5 8.22864 1.78671 8.51535 2.14039 8.51535H4.11361C4.46729 8.51535 4.75401 8.22864 4.75401 7.87496C4.75401 7.52128 4.46729 7.23456 4.11361 7.23456H2.14039C1.78671 7.23456 1.5 7.52128 1.5 7.87496ZM2.46586 5.68742C2.15915 5.51056 2.05407 5.11842 2.23126 4.81189C2.40819 4.50583 2.79961 4.40095 3.10586 4.57755L4.81404 5.56255C5.12075 5.73941 5.22582 6.13155 5.04863 6.43808C4.87171 6.74414 4.48029 6.84902 4.17404 6.67242L2.46586 5.68742ZM4.62214 2.46741C4.31524 2.64439 4.2101 3.03677 4.3874 3.34348L5.37282 5.04819C5.54986 5.35444 5.94152 5.45938 6.24796 5.28268C6.55486 5.1057 6.66 4.71332 6.4827 4.40661L5.49728 2.7019C5.32024 2.39565 4.92858 2.29071 4.62214 2.46741Z" fill="url(#paint0_angular_16845_6084)"/>
-<defs>
-<radialGradient id="paint0_angular_16845_6084" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-15.2551) scale(6.7374)">
-<stop stop-color="#0052D9" stop-opacity="0.01"/>
-<stop offset="1" stop-color="#0052D9"/>
-</radialGradient>
-</defs>
-</svg>
diff --git a/example/shell/Icons/loading.svg b/example/shell/Icons/loading.svg
deleted file mode 100644
index 72d36d1e3..000000000
--- a/example/shell/Icons/loading.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 1.5C4.41038 1.5 1.5 4.41038 1.5 8C1.5 11.5896 4.41038 14.5 8 14.5V12.875C5.30761 12.875 3.125 10.6924 3.125 8C3.125 5.30761 5.30761 3.125 8 3.125C10.6924 3.125 12.875 5.30761 12.875 8H14.5C14.5 4.41038 11.5896 1.5 8 1.5Z" fill="black" fill-opacity="0.9"/>
-</svg>
diff --git a/example/shell/Icons/loading_blue.svg b/example/shell/Icons/loading_blue.svg
deleted file mode 100644
index da60479b3..000000000
--- a/example/shell/Icons/loading_blue.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 12.5C10.4853 12.5 12.5 10.4853 12.5 8C12.5 5.51472 10.4853 3.5 8 3.5C5.51472 3.5 3.5 5.51472 3.5 8C3.5 10.4853 5.51472 12.5 8 12.5ZM8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5Z" fill="url(#paint0_angular_16845_5899)"/>
-<defs>
-<radialGradient id="paint0_angular_16845_5899" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) scale(6.5)">
-<stop stop-color="white" stop-opacity="0.01"/>
-<stop offset="1" stop-color="#0052D9"/>
-</radialGradient>
-</defs>
-</svg>
diff --git a/example/shell/Icons/location.svg b/example/shell/Icons/location.svg
index 017620741..cfcc5cd82 100644
--- a/example/shell/Icons/location.svg
+++ b/example/shell/Icons/location.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5001 5.99999C10.5001 7.3807 9.3808 8.49999 8.00009 8.49999C6.61938 8.49999 5.50009 7.3807 5.50009 5.99999C5.50009 4.61928 6.61938 3.49999 8.00009 3.49999C9.3808 3.49999 10.5001 4.61928 10.5001 5.99999ZM9.50009 5.99999C9.50009 5.17156 8.82852 4.49999 8.00009 4.49999C7.17166 4.49999 6.50009 5.17156 6.50009 5.99999C6.50009 6.82842 7.17166 7.49999 8.00009 7.49999C8.82852 7.49999 9.50009 6.82842 9.50009 5.99999Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.36196 14.4684C8.18821 14.7236 7.81196 14.7236 7.63822 14.4684L3.85557 8.91174C2.50041 6.92103 2.75204 4.24804 4.45488 2.54519C6.41284 0.587231 9.58733 0.58723 11.5453 2.54519C13.2481 4.24804 13.4998 6.92103 12.1446 8.91174L8.36196 14.4684ZM11.318 8.34901C12.4028 6.75536 12.2014 4.61551 10.8382 3.2523C9.27075 1.68486 6.72943 1.68486 5.16199 3.2523C3.79878 4.61551 3.59735 6.75536 4.68221 8.34901L8.00009 13.2229L11.318 8.34901Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.5001 5.99993C10.5001 7.38064 9.3808 8.49993 8.00009 8.49993C6.61938 8.49993 5.50009 7.38064 5.50009 5.99993C5.50009 4.61922 6.61938 3.49993 8.00009 3.49993C9.3808 3.49993 10.5001 4.61922 10.5001 5.99993ZM9.50009 5.99993C9.50009 5.1715 8.82852 4.49993 8.00009 4.49993C7.17166 4.49993 6.50009 5.1715 6.50009 5.99993C6.50009 6.82835 7.17166 7.49993 8.00009 7.49993C8.82852 7.49993 9.50009 6.82835 9.50009 5.99993Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.36196 14.4683C8.18821 14.7236 7.81196 14.7236 7.63822 14.4683L3.85557 8.91168C2.50041 6.92097 2.75204 4.24798 4.45488 2.54513C6.41284 0.58717 9.58733 0.587169 11.5453 2.54513C13.2481 4.24798 13.4998 6.92097 12.1446 8.91168L8.36196 14.4683ZM11.318 8.34895C12.4028 6.7553 12.2014 4.61544 10.8382 3.25224C9.27075 1.6848 6.72943 1.6848 5.16199 3.25224C3.79878 4.61545 3.59735 6.7553 4.68221 8.34895L8.00009 13.2229L11.318 8.34895Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/lock_on.svg b/example/shell/Icons/lock_on.svg
index acf033d41..b6a39b855 100644
--- a/example/shell/Icons/lock_on.svg
+++ b/example/shell/Icons/lock_on.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 9.99999V11H10V9.99999H6Z" fill="black" fill-opacity="0.9"/>
-<path d="M4.5 4.99084V5.99998H3C2.72386 5.99998 2.5 6.22384 2.5 6.49998V13.5C2.5 13.7761 2.72386 14 3 14H13C13.2761 14 13.5 13.7761 13.5 13.5V6.49998C13.5 6.22384 13.2761 5.99998 13 5.99998H11.5V4.99084C11.5 3.05785 9.933 1.49084 8 1.49084C6.067 1.49084 4.5 3.05785 4.5 4.99084ZM10.5 5.99998H5.5V4.99084C5.5 3.61013 6.61929 2.49084 8 2.49084C9.38071 2.49084 10.5 3.61013 10.5 4.99084V5.99998ZM3.5 6.99998H12.5V13H3.5V6.99998Z" fill="black" fill-opacity="0.9"/>
+<path d="M6 9.99986V10.9999H10V9.99986H6Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.5 4.99072V5.99986H3C2.72386 5.99986 2.5 6.22372 2.5 6.49986V13.4999C2.5 13.776 2.72386 13.9999 3 13.9999H13C13.2761 13.9999 13.5 13.776 13.5 13.4999V6.49986C13.5 6.22372 13.2761 5.99986 13 5.99986H11.5V4.99072C11.5 3.05773 9.933 1.49072 8 1.49072C6.067 1.49072 4.5 3.05773 4.5 4.99072ZM10.5 5.99986H5.5V4.99072C5.5 3.61001 6.61929 2.49072 8 2.49072C9.38071 2.49072 10.5 3.61001 10.5 4.99072V5.99986ZM3.5 6.99986H12.5V12.9999H3.5V6.99986Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/login.svg b/example/shell/Icons/login.svg
index 8b66abf54..6d9d7703c 100644
--- a/example/shell/Icons/login.svg
+++ b/example/shell/Icons/login.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.47744 7.49999L6.23166 5.25421L6.93877 4.5471L10.0381 7.64644C10.2334 7.8417 10.2334 8.15828 10.0381 8.35355L6.93877 11.4529L6.23166 10.7458L8.47745 8.49999L1 8.49998L1 7.49997L8.47744 7.49999Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.47744 7.49999L1 7.49997L1 8.49998L8.47745 8.49999L6.23166 10.7458L6.93877 11.4529L10.0381 8.35355C10.2334 8.15828 10.2334 7.8417 10.0381 7.64644L6.93877 4.5471L6.23166 5.25421L8.47744 7.49999Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.00006 5V3H12.0001V13H4.00006V11H3.00006V13.5C3.00006 13.7761 3.22391 14 3.50006 14H12.5001C12.7762 14 13.0001 13.7761 13.0001 13.5V2.5C13.0001 2.22386 12.7762 2 12.5001 2H3.50006C3.22391 2 3.00006 2.22386 3.00006 2.5V5H4.00006Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_android.svg b/example/shell/Icons/logo_android.svg
index e9292f2a5..6b30ec7fd 100644
--- a/example/shell/Icons/logo_android.svg
+++ b/example/shell/Icons/logo_android.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.31701 8.37857C5.31701 8.00808 5.61735 7.70773 5.98784 7.70773C6.35833 7.70773 6.65868 8.00808 6.65868 8.37857C6.65868 8.74906 6.35833 9.0494 5.98784 9.0494C5.61735 9.0494 5.31701 8.74906 5.31701 8.37857Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.0129 7.70773C9.64236 7.70773 9.34202 8.00808 9.34202 8.37857C9.34202 8.74906 9.64236 9.0494 10.0129 9.0494C10.3833 9.0494 10.6837 8.74906 10.6837 8.37857C10.6837 8.00808 10.3833 7.70773 10.0129 7.70773Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.0129 7.70773C10.3833 7.70773 10.6837 8.00808 10.6837 8.37857C10.6837 8.74906 10.3833 9.0494 10.0129 9.0494C9.64236 9.0494 9.34202 8.74906 9.34202 8.37857C9.34202 8.00808 9.64236 7.70773 10.0129 7.70773Z" fill="black" fill-opacity="0.9"/>
 <path d="M2.31638 4L3.9958 5.67942C5.11346 4.84654 6.49933 4.35355 8.00035 4.35355C9.50137 4.35355 10.8872 4.84654 12.0049 5.67942L13.6843 4L14.3914 4.70711L12.762 6.33656C13.8933 7.47647 14.618 9.02038 14.7008 10.7327C14.706 10.8418 14.7087 10.9515 14.7087 11.0619V11.7327H1.29199V11.0619C1.29199 10.9515 1.29466 10.8418 1.29993 10.7327C1.38266 9.02038 2.10744 7.47647 3.23872 6.33656L1.60927 4.70711L2.31638 4ZM2.30132 10.7327H13.6994C13.5288 7.73328 11.0425 5.35355 8.00035 5.35355C4.95819 5.35355 2.47185 7.73328 2.30132 10.7327Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_apple.svg b/example/shell/Icons/logo_apple.svg
index e528342f2..aaa31cd13 100644
--- a/example/shell/Icons/logo_apple.svg
+++ b/example/shell/Icons/logo_apple.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.29006 4.00804C8.39216 4.00804 8.49363 4.00196 8.59399 3.99C9.16299 3.92218 9.69626 3.66534 10.1056 3.25603C10.5149 2.84672 10.7717 2.31345 10.8395 1.74445C10.8515 1.64409 10.8576 1.54262 10.8576 1.44052V1H10.4171C10.315 1 10.2135 1.00608 10.1131 1.01804C9.54414 1.08586 9.01086 1.3427 8.60155 1.75201C8.19224 2.16132 7.9354 2.69459 7.86759 3.26359C7.85565 3.36373 7.84957 3.46497 7.84954 3.56684V4.00804H8.29006ZM9.57917 2.72962C9.3173 2.99149 8.98397 3.16546 8.62502 3.23256C8.69212 2.87361 8.8661 2.54028 9.12796 2.27842C9.38982 2.01655 9.72315 1.84258 10.0821 1.77548C10.015 2.13443 9.84103 2.46776 9.57917 2.72962Z" fill="black" fill-opacity="0.9"/>
-<path d="M12.6931 5.08954C12.9171 5.26573 13.133 5.48579 13.3255 5.76088C13.3038 5.77264 13.1447 5.86243 12.9359 6.03364C12.4712 6.41459 11.7606 7.19865 11.7714 8.42318C11.7947 10.547 13.6752 11.2524 13.6985 11.26C13.6952 11.2714 13.6793 11.3244 13.6496 11.4103C13.5986 11.5579 13.5068 11.8027 13.3675 12.1011C13.2101 12.4383 12.9921 12.8439 12.7039 13.2548C12.1055 14.1119 11.4839 14.9614 10.5047 14.9765C10.0319 14.9877 9.71618 14.8546 9.38781 14.7161C9.04705 14.5723 8.69261 14.4228 8.13464 14.4228C7.54173 14.4228 7.16869 14.5783 6.80938 14.7281C6.49998 14.857 6.20075 14.9817 5.78009 14.9993C4.83205 15.0296 4.11714 14.0739 3.51102 13.2244C2.27546 11.4799 1.33519 8.30941 2.60183 6.16288C3.23127 5.09341 4.35026 4.41836 5.57028 4.40319C6.09584 4.39025 6.60635 4.58803 7.05329 4.76118C7.39273 4.89268 7.69551 5.00998 7.94037 5.00998C8.15548 5.00998 8.43608 4.90234 8.76801 4.77501C9.29941 4.57115 9.96241 4.31682 10.699 4.37285C11.0542 4.39635 11.9224 4.48359 12.6931 5.08954ZM10.6393 5.27485L10.6304 5.27426C10.2284 5.24369 9.82647 5.34827 9.38919 5.507C9.32293 5.53106 9.22662 5.56773 9.12493 5.60646C8.98504 5.65974 8.83454 5.71706 8.73726 5.75104C8.53876 5.82038 8.24562 5.91396 7.94037 5.91396C7.64946 5.91396 7.37621 5.83645 7.1757 5.76982C7.02455 5.71959 6.85603 5.65429 6.70724 5.59663C6.65817 5.57762 6.61125 5.55943 6.5678 5.5429C6.16487 5.38953 5.86112 5.30028 5.59251 5.30689L5.58152 5.30709C4.6936 5.31813 3.85761 5.81141 3.38037 6.62229C2.89586 7.44337 2.79895 8.5289 3.00766 9.68362C3.21513 10.8314 3.70666 11.9362 4.24784 12.7007C4.55663 13.1335 4.83541 13.5075 5.1276 13.7749C5.41383 14.0368 5.60819 14.0992 5.74752 14.0959C6.00039 14.0845 6.16227 14.0175 6.49116 13.8813L6.53909 13.8615C6.91849 13.7046 7.40861 13.5189 8.13464 13.5189C8.87008 13.5189 9.35948 13.7231 9.72037 13.8752C10.0534 14.0156 10.2133 14.0792 10.4834 14.0728L10.4907 14.0727C10.6923 14.0695 10.8904 13.9891 11.1381 13.7633C11.4046 13.5204 11.6555 13.1772 11.9626 12.7373L11.9638 12.7357C12.2313 12.3543 12.4318 11.9746 12.5733 11.6646C12.4273 11.5619 12.273 11.4401 12.1192 11.297C11.5041 10.7248 10.8824 9.79485 10.8674 8.43311L10.8674 8.4311C10.8572 7.26653 11.3496 6.40488 11.8343 5.84749C11.8825 5.79208 11.9308 5.73937 11.9789 5.68934C11.4696 5.35557 10.9236 5.29366 10.6393 5.27485Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.29006 4.00804H7.84954V3.56684C7.84957 3.46497 7.85565 3.36373 7.86759 3.26359C7.9354 2.69459 8.19224 2.16132 8.60155 1.75201C9.01086 1.3427 9.54414 1.08586 10.1131 1.01804C10.2135 1.00608 10.315 1 10.4171 1H10.8576V1.44052C10.8576 1.54262 10.8515 1.64409 10.8395 1.74445C10.7717 2.31345 10.5149 2.84672 10.1056 3.25603C9.69626 3.66534 9.16299 3.92218 8.59399 3.99C8.49363 4.00196 8.39216 4.00804 8.29006 4.00804ZM9.57917 2.72962C9.84103 2.46776 10.015 2.13443 10.0821 1.77548C9.72315 1.84258 9.38982 2.01655 9.12796 2.27842C8.86609 2.54028 8.69212 2.87361 8.62502 3.23256C8.98397 3.16546 9.3173 2.99149 9.57917 2.72962Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.6931 5.08954C12.9171 5.26573 13.133 5.48579 13.3255 5.76088C13.3038 5.77264 13.1447 5.86243 12.9359 6.03364C12.4712 6.41459 11.7606 7.19865 11.7714 8.42318C11.7947 10.547 13.6752 11.2524 13.6985 11.26C13.6952 11.2714 13.6793 11.3244 13.6496 11.4103C13.5986 11.5579 13.5068 11.8027 13.3675 12.1011C13.2101 12.4383 12.992 12.8439 12.7039 13.2548C12.1055 14.1119 11.4839 14.9614 10.5047 14.9765C10.0319 14.9877 9.71618 14.8546 9.38781 14.7161C9.04705 14.5723 8.69261 14.4228 8.13464 14.4228C7.54173 14.4228 7.16869 14.5783 6.80938 14.7281C6.49998 14.857 6.20075 14.9817 5.78009 14.9993C4.83205 15.0296 4.11714 14.0739 3.51102 13.2244C2.27546 11.4799 1.33519 8.30941 2.60183 6.16288C3.23127 5.09341 4.35026 4.41836 5.57028 4.40319C6.09584 4.39025 6.60635 4.58803 7.05329 4.76118C7.39273 4.89268 7.69551 5.00998 7.94037 5.00998C8.15548 5.00998 8.43608 4.90234 8.76801 4.77501C9.29941 4.57115 9.96241 4.31682 10.699 4.37285C11.0542 4.39635 11.9224 4.48359 12.6931 5.08954ZM10.6393 5.27485L10.6304 5.27426C10.2284 5.24369 9.82647 5.34827 9.38919 5.507C9.32293 5.53106 9.22662 5.56773 9.12493 5.60646C8.98504 5.65974 8.83454 5.71706 8.73726 5.75104C8.53876 5.82038 8.24562 5.91396 7.94037 5.91396C7.64946 5.91396 7.37621 5.83645 7.1757 5.76982C7.02455 5.71959 6.85603 5.65429 6.70724 5.59663C6.65817 5.57762 6.61125 5.55943 6.5678 5.5429C6.16487 5.38953 5.86112 5.30028 5.59251 5.30689L5.58152 5.30709C4.6936 5.31813 3.85761 5.81141 3.38037 6.62229C2.89586 7.44337 2.79895 8.5289 3.00766 9.68362C3.21513 10.8314 3.70666 11.9362 4.24784 12.7007C4.55663 13.1335 4.83541 13.5075 5.1276 13.7749C5.41383 14.0368 5.60819 14.0992 5.74752 14.0959C6.00039 14.0845 6.16227 14.0175 6.49116 13.8813L6.53909 13.8615C6.91849 13.7046 7.40861 13.5189 8.13464 13.5189C8.87008 13.5189 9.35948 13.7231 9.72037 13.8752C10.0534 14.0156 10.2133 14.0792 10.4834 14.0728L10.4907 14.0727C10.6923 14.0696 10.8904 13.9891 11.1381 13.7633C11.4046 13.5204 11.6555 13.1772 11.9626 12.7373L11.9638 12.7357C12.2313 12.3543 12.4318 11.9746 12.5733 11.6646C12.4273 11.5619 12.273 11.4401 12.1192 11.297C11.5041 10.7248 10.8824 9.79485 10.8674 8.43311L10.8674 8.4311C10.8572 7.26653 11.3496 6.40488 11.8343 5.84749C11.8825 5.79208 11.9308 5.73937 11.9789 5.68934C11.4696 5.35557 10.9236 5.29366 10.6393 5.27485Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_chrome.svg b/example/shell/Icons/logo_chrome.svg
index 53c49930d..bf1ead0a7 100644
--- a/example/shell/Icons/logo_chrome.svg
+++ b/example/shell/Icons/logo_chrome.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.50019 1.93783C7.84824 0.00483471 12.1294 1.15196 14.0624 4.50001C15.9954 7.84806 14.8482 12.1292 11.5002 14.0622C8.15214 15.9952 3.87101 14.8481 1.93801 11.5C0.00501782 8.15196 1.15214 3.87083 4.50019 1.93783ZM13.4542 5.49839L10.452 5.49837C11.5424 6.56769 11.8338 8.26397 11.078 9.66049L11.0792 9.66116L8.59007 13.9724C9.41475 13.8915 10.2358 13.6375 11.0002 13.1962C13.7062 11.6338 14.7349 8.28186 13.4542 5.49839ZM7.43459 13.9738L8.93933 11.3675C8.81644 11.4017 8.6917 11.4293 8.56571 11.4501C8.31959 11.4917 8.07155 11.5064 7.8258 11.4953C6.5146 11.4407 5.38974 10.6647 4.83771 9.55389L2.52418 5.54674C1.76575 7.24342 1.80376 9.26747 2.80404 11C3.81294 12.7475 5.56813 13.7954 7.43459 13.9738ZM5.00019 2.80386C4.22219 3.25304 3.58283 3.85015 3.09715 4.53915L4.58571 7.11742C4.94941 5.71465 6.16124 4.65352 7.64124 4.51397L7.68118 4.51033C7.83386 4.49628 7.98779 4.4922 8.14195 4.49837L12.873 4.49839C11.0969 2.0206 7.69573 1.24759 5.00019 2.80386ZM7.97256 5.49837C7.91118 5.4984 7.85031 5.50065 7.79004 5.50503L7.75173 5.50823C6.97838 5.58575 6.25223 6.02168 5.83395 6.74616C5.14359 7.94189 5.55328 9.47087 6.74901 10.1612C7.20527 10.4246 7.71005 10.5279 8.19824 10.4884C9.47385 10.375 10.4739 9.30347 10.4739 7.99837C10.4739 6.61811 9.35535 5.4991 7.97526 5.49837H7.97256Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.50019 1.93801C7.84824 0.00501782 12.1294 1.15214 14.0624 4.50019C15.9954 7.84824 14.8482 12.1294 11.5002 14.0624C8.15214 15.9954 3.87101 14.8482 1.93801 11.5002C0.00501782 8.15214 1.15214 3.87101 4.50019 1.93801ZM13.4542 5.49858L10.452 5.49855C11.5424 6.56788 11.8338 8.26416 11.078 9.66067L11.0792 9.66135L8.59007 13.9726C9.41475 13.8916 10.2358 13.6376 11.0002 13.1963C13.7062 11.634 14.7349 8.28204 13.4542 5.49858ZM7.43459 13.974L8.93933 11.3677C8.81644 11.4019 8.6917 11.4295 8.56571 11.4503C8.31959 11.4919 8.07155 11.5066 7.8258 11.4955C6.5146 11.4409 5.38974 10.6649 4.83771 9.55407L2.52418 5.54692C1.76575 7.2436 1.80376 9.26765 2.80404 11.0002C3.81294 12.7477 5.56813 13.7956 7.43459 13.974ZM5.00019 2.80404C4.22219 3.25322 3.58283 3.85034 3.09715 4.53934L4.58571 7.1176C4.94941 5.71483 6.16124 4.6537 7.64124 4.51416L7.68118 4.51052C7.83386 4.49646 7.98779 4.49238 8.14195 4.49855L12.873 4.49857C11.0969 2.02079 7.69573 1.24777 5.00019 2.80404ZM7.97256 5.49855C7.91118 5.49858 7.85031 5.50083 7.79004 5.50521L7.75173 5.50842C6.97838 5.58593 6.25223 6.02186 5.83395 6.74634C5.14359 7.94208 5.55328 9.47105 6.74901 10.1614C7.20527 10.4248 7.71005 10.5281 8.19824 10.4886C9.47385 10.3752 10.4739 9.30366 10.4739 7.99855C10.4739 6.61829 9.35535 5.49928 7.97526 5.49855H7.97256Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_codepen.svg b/example/shell/Icons/logo_codepen.svg
index cc5f9ec7b..8f860b52f 100644
--- a/example/shell/Icons/logo_codepen.svg
+++ b/example/shell/Icons/logo_codepen.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.53218 5.5873C1.36714 5.70019 1.29592 5.88732 1.31854 6.06428L1.31854 9.93573C1.29592 10.1127 1.36714 10.2998 1.53218 10.4127L7.71758 14.6433C7.88776 14.7597 8.11195 14.7597 8.28213 14.6433L14.4675 10.4127C14.6286 10.3026 14.7003 10.1217 14.6826 9.94852V6.05151C14.7003 5.87837 14.6286 5.69748 14.4675 5.58731L8.28212 1.35671C8.11194 1.24031 7.88776 1.24031 7.71757 1.35671L1.53218 5.5873ZM2.43442 6.00001L7.57485 2.48413V5.45433L4.60573 7.48511L2.43442 6.00001ZM8.42485 5.45433V2.48413L13.5653 6.00001L11.394 7.48511L8.42485 5.45433ZM3.85291 8.00001L2.16854 9.15206V6.84796L3.85291 8.00001ZM13.8326 6.84696V9.15307L12.1468 8.00001L13.8326 6.84696ZM11.394 8.51492L13.5653 10L8.42485 13.5159V10.5457L11.394 8.51492ZM7.57485 10.5457V13.5159L2.43442 10L4.60573 8.51491L7.57485 10.5457ZM10.6412 8.00001L7.99985 9.80657L5.35855 8.00001L7.99985 6.19345L10.6412 8.00001Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.53218 5.58743C1.36714 5.70031 1.29592 5.88745 1.31854 6.06441L1.31854 9.93585C1.29592 10.1128 1.36714 10.2999 1.53218 10.4128L7.71758 14.6434C7.88776 14.7598 8.11195 14.7598 8.28213 14.6434L14.4675 10.4128C14.6286 10.3027 14.7003 10.1218 14.6826 9.94865V6.05163C14.7003 5.87849 14.6286 5.6976 14.4675 5.58743L8.28212 1.35683C8.11194 1.24043 7.88776 1.24043 7.71757 1.35683L1.53218 5.58743ZM2.43442 6.00013L7.57485 2.48425V5.45446L4.60573 7.48523L2.43442 6.00013ZM8.42485 5.45446V2.48425L13.5653 6.00013L11.394 7.48524L8.42485 5.45446ZM3.85291 8.00013L2.16854 9.15218V6.84808L3.85291 8.00013ZM13.8326 6.84708V9.15319L12.1468 8.00014L13.8326 6.84708ZM11.394 8.51504L13.5653 10.0001L8.42485 13.516V10.5458L11.394 8.51504ZM7.57485 10.5458V13.516L2.43442 10.0001L4.60573 8.51503L7.57485 10.5458ZM10.6412 8.00014L7.99985 9.80669L5.35855 8.00013L7.99985 6.19357L10.6412 8.00014Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_ie.svg b/example/shell/Icons/logo_ie.svg
index 547f06d0f..21a96b702 100644
--- a/example/shell/Icons/logo_ie.svg
+++ b/example/shell/Icons/logo_ie.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.34101 7.31389C5.61303 7.00343 5.90178 6.69471 6.20618 6.39031L6.21573 6.38077H9.82136C9.61419 5.57584 8.8835 4.98109 8.01391 4.98109C7.92741 4.98109 7.8423 4.98697 7.75893 4.99836C8.13148 4.70069 8.50405 4.42796 8.87221 4.182C9.99837 4.54437 10.8133 5.60067 10.8133 6.84733V7.31389H5.34101Z" fill="black" fill-opacity="0.9"/>
-<path d="M3.74372 14.9996C3.02134 15.0093 2.28332 14.8198 1.73174 14.2683C1.18016 13.7167 0.990659 12.9787 1.00035 12.2563C1.00999 11.538 1.21364 10.757 1.53993 9.97391C1.58589 9.86359 1.63467 9.75234 1.68618 9.64027C1.55291 9.12028 1.48205 8.57528 1.48205 8.01373C1.48205 4.40629 4.40646 1.48188 8.01391 1.48188C8.5755 1.48188 9.12054 1.55276 9.64057 1.68605C9.75254 1.63458 9.86369 1.58585 9.97391 1.53993C10.757 1.21364 11.538 1.00999 12.2563 1.00035C12.9787 0.990659 13.7167 1.18016 14.2683 1.73174C14.8198 2.28332 15.0093 3.02134 14.9996 3.74372C14.99 4.46198 14.7864 5.243 14.4601 6.02609C14.418 6.12698 14.3736 6.22866 14.327 6.33102C14.4697 6.86789 14.5458 7.43193 14.5458 8.01373C14.5458 8.35498 14.5196 8.69041 14.469 9.01805L14.4079 9.41342H6.20646C6.41363 10.2184 7.14431 10.8131 8.01391 10.8131C8.62418 10.8131 9.16601 10.5207 9.50728 10.0663L9.64726 9.87998H14.3144L14.045 10.5261C13.061 12.8857 10.7318 14.5456 8.01391 14.5456C7.43215 14.5456 6.86815 14.4695 6.33132 14.3268C6.22886 14.3736 6.12708 14.418 6.02609 14.4601C5.243 14.7864 4.46198 14.99 3.74372 14.9996ZM5.03857 13.8301C4.08492 13.3413 3.26722 12.6249 2.6572 11.7525C2.76124 11.4064 2.90313 11.0414 3.08047 10.6631C4.02537 12.4189 5.88026 13.6125 8.01391 13.6125C10.0856 13.6125 11.8954 12.4871 12.8637 10.8131H10.1004C9.58841 11.3852 8.84327 11.7462 8.01391 11.7462C6.46787 11.7462 5.21454 10.4929 5.21454 8.94686V8.4803H13.5935C13.6062 8.32653 13.6126 8.17093 13.6126 8.01373C13.6126 5.92145 12.4649 4.09723 10.7648 3.13627C11.1581 2.9676 11.535 2.83943 11.8885 2.75462C12.6994 3.35308 13.367 4.13463 13.8302 5.03826C14.1954 3.88522 14.1504 2.93351 13.6084 2.39156C12.333 1.11613 8.7881 2.59318 5.69064 5.69064C2.59318 8.7881 1.11613 12.333 2.39156 13.6084C2.93355 14.1504 3.88539 14.1954 5.03857 13.8301ZM8.28136 2.42128C8.19273 2.41711 8.10357 2.415 8.01391 2.415C4.92181 2.415 2.41517 4.92164 2.41517 8.01373C2.41517 8.10336 2.41728 8.1925 2.42145 8.28109C3.09224 7.19746 3.97858 6.08307 5.03082 5.03082C6.08316 3.97849 7.19765 3.09209 8.28136 2.42128Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.34101 7.31389C5.61303 7.00343 5.90178 6.69471 6.20618 6.39031L6.21573 6.38077H9.82136C9.61419 5.57584 8.8835 4.98109 8.01391 4.98109C7.92741 4.98109 7.8423 4.98697 7.75893 4.99836C8.13148 4.70069 8.50405 4.42796 8.87221 4.182C9.99838 4.54437 10.8133 5.60067 10.8133 6.84733V7.31389H5.34101Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.74372 14.9996C3.02134 15.0093 2.28332 14.8198 1.73174 14.2683C1.18016 13.7167 0.990659 12.9787 1.00035 12.2563C1.00999 11.538 1.21364 10.757 1.53993 9.97391C1.58589 9.86359 1.63467 9.75234 1.68618 9.64027C1.55291 9.12028 1.48205 8.57528 1.48205 8.01373C1.48205 4.40629 4.40646 1.48188 8.01391 1.48188C8.5755 1.48188 9.12054 1.55276 9.64057 1.68605C9.75254 1.63458 9.86369 1.58585 9.97391 1.53993C10.757 1.21364 11.538 1.00999 12.2563 1.00035C12.9787 0.990659 13.7167 1.18016 14.2683 1.73174C14.8198 2.28332 15.0093 3.02134 14.9996 3.74372C14.99 4.46198 14.7864 5.243 14.4601 6.02609C14.418 6.12698 14.3736 6.22866 14.327 6.33102C14.4697 6.86789 14.5458 7.43193 14.5458 8.01373C14.5458 8.35498 14.5196 8.69041 14.469 9.01805L14.4079 9.41342H6.20646C6.41363 10.2184 7.14431 10.8131 8.01391 10.8131C8.62418 10.8131 9.16601 10.5207 9.50728 10.0663L9.64726 9.87998H14.3144L14.045 10.5261C13.061 12.8857 10.7318 14.5456 8.01391 14.5456C7.43215 14.5456 6.86815 14.4695 6.33132 14.3268C6.22886 14.3736 6.12708 14.418 6.02609 14.4601C5.243 14.7864 4.46198 14.99 3.74372 14.9996ZM5.03857 13.8301C4.08492 13.3413 3.26722 12.6249 2.6572 11.7525C2.76124 11.4064 2.90313 11.0414 3.08047 10.6631C4.02537 12.4189 5.88026 13.6125 8.01391 13.6125C10.0856 13.6125 11.8954 12.4871 12.8637 10.8131H10.1004C9.58841 11.3852 8.84327 11.7462 8.01391 11.7462C6.46787 11.7462 5.21454 10.4929 5.21454 8.94686V8.4803H13.5935C13.6062 8.32653 13.6126 8.17093 13.6126 8.01373C13.6126 5.92145 12.4649 4.09723 10.7648 3.13627C11.1581 2.9676 11.535 2.83943 11.8885 2.75462C12.6994 3.35308 13.367 4.13463 13.8302 5.03826C14.1954 3.88522 14.1504 2.9335 13.6084 2.39156C12.333 1.11613 8.7881 2.59318 5.69064 5.69064C2.59318 8.7881 1.11613 12.333 2.39156 13.6084C2.93355 14.1504 3.88539 14.1954 5.03857 13.8301ZM8.28136 2.42128C8.19273 2.41711 8.10357 2.415 8.01391 2.415C4.92181 2.415 2.41517 4.92164 2.41517 8.01373C2.41517 8.10336 2.41728 8.1925 2.42145 8.28109C3.09224 7.19746 3.97858 6.08307 5.03082 5.03082C6.08316 3.97849 7.19765 3.09209 8.28136 2.42128Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_ie_filled.svg b/example/shell/Icons/logo_ie_filled.svg
index 37d4d18a5..09ce8f406 100644
--- a/example/shell/Icons/logo_ie_filled.svg
+++ b/example/shell/Icons/logo_ie_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.5662 9.0391H14.9633C14.9895 8.81289 15 8.58172 15 8.34541C15 7.23681 14.69 6.19698 14.1491 5.30153C14.7086 3.8739 14.6887 2.66224 13.9396 1.93809C13.2273 1.25711 11.3162 1.36766 9.15576 2.28633C8.99595 2.27472 8.8346 2.26875 8.67172 2.26875C5.70638 2.26875 3.21841 4.22822 2.53076 6.86845C3.46096 5.72486 4.43959 4.89573 5.74691 4.29191C5.62804 4.39887 4.93446 5.06098 4.8178 5.17308C1.37033 8.48243 0.283167 12.8054 1.45294 13.9289C2.34213 14.7826 3.95356 14.6384 5.80456 13.7679C6.66526 14.1888 7.63947 14.4262 8.67162 14.4262C11.451 14.4262 13.8065 12.7082 14.6598 10.3157H11.2365C10.7654 11.1501 9.8442 11.718 8.78689 11.718C7.72958 11.718 6.80825 11.1501 6.33721 10.3157C6.12782 9.93872 6.00744 9.50652 6.00744 9.04905V9.0391H11.5662ZM6.01254 7.43574C6.09106 6.09377 7.25309 5.02314 8.67162 5.02314C10.0901 5.02314 11.2522 6.09374 11.3307 7.43574H6.01254ZM13.9086 2.61293C14.3911 3.08112 14.3791 3.9425 13.9664 5.01774C13.2593 3.98258 12.2319 3.16688 11.0191 2.70112C12.3159 2.16718 13.3708 2.09645 13.9086 2.61293ZM2.34533 13.7158C1.72963 13.1245 1.91523 11.8832 2.7084 10.3878C3.20214 11.7182 4.16419 12.835 5.40444 13.5545C4.03109 14.1531 2.907 14.2547 2.34533 13.7158Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.5662 9.0391H14.9633C14.9895 8.81289 15 8.58172 15 8.34541C15 7.23681 14.69 6.19698 14.1491 5.30153C14.7086 3.8739 14.6887 2.66224 13.9396 1.93809C13.2273 1.25711 11.3162 1.36766 9.15576 2.28633C8.99595 2.27472 8.8346 2.26875 8.67172 2.26875C5.70638 2.26875 3.21841 4.22822 2.53076 6.86845C3.46096 5.72486 4.43959 4.89573 5.74691 4.29191C5.62804 4.39887 4.93446 5.06098 4.8178 5.17308C1.37033 8.48243 0.283168 12.8054 1.45294 13.9289C2.34213 14.7826 3.95356 14.6384 5.80456 13.7679C6.66526 14.1888 7.63947 14.4262 8.67162 14.4262C11.451 14.4262 13.8065 12.7082 14.6598 10.3157H11.2365C10.7654 11.1501 9.8442 11.718 8.78689 11.718C7.72958 11.718 6.80825 11.1501 6.33721 10.3157C6.12782 9.93872 6.00744 9.50652 6.00744 9.04905V9.0391H11.5662ZM6.01254 7.43574C6.09106 6.09377 7.25309 5.02314 8.67162 5.02314C10.0901 5.02314 11.2522 6.09374 11.3307 7.43574H6.01254ZM13.9086 2.61293C14.3911 3.08112 14.3791 3.9425 13.9664 5.01774C13.2593 3.98258 12.2319 3.16688 11.0191 2.70112C12.3159 2.16718 13.3708 2.09645 13.9086 2.61293ZM2.34533 13.7158C1.72963 13.1245 1.91523 11.8832 2.7084 10.3878C3.20214 11.7182 4.16419 12.835 5.40444 13.5545C4.03109 14.1531 2.907 14.2547 2.34533 13.7158Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_wechat.svg b/example/shell/Icons/logo_wechat.svg
index 59c4444a3..dbdfab31a 100644
--- a/example/shell/Icons/logo_wechat.svg
+++ b/example/shell/Icons/logo_wechat.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.55008C1 4.20292 3.26552 2.29999 6.0602 2.29999C8.58473 2.29999 10.6089 3.85276 10.99 5.88323C10.9678 5.88215 10.9496 5.88116 10.9334 5.88027C10.8834 5.87754 10.8529 5.87588 10.7832 5.87588C8.23432 5.87588 6.16822 7.61147 6.16822 9.75211C6.16822 10.1132 6.22806 10.4622 6.3381 10.7938C6.24606 10.7979 6.15351 10.8004 6.0602 10.8004C5.48273 10.8004 4.92529 10.7173 4.40842 10.5674C4.36138 10.553 4.31156 10.5452 4.25971 10.5452C4.16247 10.5452 4.07436 10.575 3.99119 10.6233L2.88316 11.268C2.85235 11.286 2.82256 11.2996 2.78579 11.2996C2.69261 11.2996 2.61718 11.2236 2.61718 11.1297C2.61718 11.0979 2.62656 11.0663 2.63575 11.0354C2.63873 11.0253 2.64169 11.0153 2.64431 11.0054C2.64974 10.9849 2.75058 10.6057 2.83294 10.296L2.87225 10.1482C2.88214 10.1119 2.89013 10.0775 2.89013 10.0399C2.89013 9.92541 2.83409 9.82437 2.74839 9.76276C1.68168 8.98371 1 7.83092 1 6.55008ZM3.77516 5.19014C3.77516 5.52306 4.04305 5.79309 4.37368 5.79309C4.70381 5.79309 4.97169 5.52306 4.97169 5.19014C4.97169 4.85709 4.70381 4.58718 4.37368 4.58718C4.04305 4.58718 3.77516 4.85709 3.77516 5.19014ZM7.14872 5.19014C7.14872 5.52306 7.4166 5.79297 7.74698 5.79297C8.07736 5.79297 8.34525 5.52306 8.34525 5.19014C8.34525 4.85709 8.07736 4.58718 7.74698 4.58718C7.4166 4.58718 7.14872 4.85709 7.14872 5.19014Z" fill="black" fill-opacity="0.9"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15 9.75204C15 10.8193 14.432 11.7799 13.5431 12.4292C13.4716 12.4806 13.4249 12.565 13.4249 12.6601C13.4249 12.6914 13.4316 12.7203 13.4397 12.7503C13.5109 13.0172 13.6245 13.4447 13.6298 13.4647C13.632 13.4733 13.6346 13.482 13.6372 13.4907C13.6447 13.5162 13.6525 13.5422 13.6525 13.5684C13.6525 13.6465 13.5896 13.71 13.5119 13.71C13.4813 13.71 13.4564 13.6984 13.4305 13.6837L12.5076 13.1464C12.4381 13.1059 12.3645 13.0811 12.2837 13.0811C12.2404 13.0811 12.1988 13.0878 12.1597 13.0999C11.7289 13.2246 11.2642 13.294 10.7831 13.294C8.45434 13.294 6.56624 11.7082 6.56624 9.75204C6.56624 7.79586 8.45434 6.21038 10.7831 6.21038C13.1122 6.21038 15 7.79586 15 9.75204ZM8.85103 8.61878C8.85103 8.91176 9.08683 9.14921 9.37754 9.14921C9.66836 9.14921 9.90404 8.91176 9.90404 8.61878C9.90404 8.32567 9.66836 8.08808 9.37754 8.08808C9.08683 8.08808 8.85103 8.32567 8.85103 8.61878ZM11.6626 8.61878C11.6626 8.91176 11.898 9.14921 12.1888 9.14921C12.4797 9.14921 12.7153 8.91176 12.7153 8.61878C12.7153 8.32567 12.4797 8.08808 12.1888 8.08808C11.898 8.08808 11.6626 8.32567 11.6626 8.61878Z" fill="black" fill-opacity="0.9"/>
+<path d="M1 6.5499C1 4.20274 3.26552 2.2998 6.0602 2.2998C8.58473 2.2998 10.6089 3.85258 10.99 5.88305C10.9678 5.88197 10.9496 5.88097 10.9334 5.88009C10.8834 5.87736 10.8529 5.8757 10.7832 5.8757C8.23432 5.8757 6.16822 7.61128 6.16822 9.75192C6.16822 10.113 6.22806 10.462 6.3381 10.7937C6.24606 10.7977 6.15351 10.8002 6.0602 10.8002C5.48273 10.8002 4.92529 10.7171 4.40842 10.5672C4.36138 10.5528 4.31156 10.545 4.25971 10.545C4.16247 10.545 4.07436 10.5748 3.99119 10.6231L2.88316 11.2678C2.85235 11.2858 2.82256 11.2994 2.78579 11.2994C2.69261 11.2994 2.61718 11.2234 2.61718 11.1295C2.61718 11.0977 2.62656 11.0661 2.63575 11.0352C2.63873 11.0251 2.64169 11.0151 2.64431 11.0052C2.64974 10.9847 2.75058 10.6055 2.83294 10.2958L2.87225 10.148C2.88214 10.1117 2.89013 10.0774 2.89013 10.0397C2.89013 9.92523 2.83409 9.82419 2.74839 9.76257C1.68168 8.98352 1 7.83074 1 6.5499ZM3.77516 5.18996C3.77516 5.52287 4.04305 5.79291 4.37368 5.79291C4.70381 5.79291 4.97169 5.52287 4.97169 5.18996C4.97169 4.85691 4.70381 4.587 4.37368 4.587C4.04305 4.587 3.77516 4.85691 3.77516 5.18996ZM7.14872 5.18996C7.14872 5.52287 7.4166 5.79278 7.74698 5.79278C8.07737 5.79278 8.34525 5.52287 8.34525 5.18996C8.34525 4.85691 8.07737 4.587 7.74698 4.587C7.4166 4.587 7.14872 4.85691 7.14872 5.18996Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 9.75186C15 10.8191 14.432 11.7797 13.5431 12.429C13.4716 12.4804 13.4249 12.5648 13.4249 12.6599C13.4249 12.6912 13.4316 12.7201 13.4397 12.7502C13.5109 13.017 13.6245 13.4445 13.6298 13.4645C13.632 13.4731 13.6346 13.4818 13.6372 13.4905C13.6447 13.516 13.6525 13.542 13.6525 13.5682C13.6525 13.6463 13.5896 13.7099 13.5119 13.7099C13.4813 13.7099 13.4564 13.6982 13.4305 13.6835L12.5076 13.1462C12.4381 13.1058 12.3645 13.0809 12.2837 13.0809C12.2404 13.0809 12.1988 13.0876 12.1597 13.0997C11.7289 13.2244 11.2642 13.2938 10.7831 13.2938C8.45434 13.2938 6.56624 11.708 6.56624 9.75186C6.56624 7.79568 8.45434 6.2102 10.7831 6.2102C13.1122 6.2102 15 7.79568 15 9.75186ZM8.85103 8.61859C8.85103 8.91158 9.08683 9.14903 9.37754 9.14903C9.66836 9.14903 9.90404 8.91158 9.90404 8.61859C9.90404 8.32548 9.66836 8.0879 9.37754 8.0879C9.08683 8.0879 8.85103 8.32548 8.85103 8.61859ZM11.6626 8.61859C11.6626 8.91158 11.898 9.14903 12.1888 9.14903C12.4797 9.14903 12.7153 8.91158 12.7153 8.61859C12.7153 8.32548 12.4797 8.0879 12.1888 8.0879C11.898 8.0879 11.6626 8.32548 11.6626 8.61859Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_wecom.svg b/example/shell/Icons/logo_wecom.svg
index ce8bc52b8..190568457 100644
--- a/example/shell/Icons/logo_wecom.svg
+++ b/example/shell/Icons/logo_wecom.svg
@@ -1,7 +1,7 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.2529 3.95899C11.623 4.34218 11.9247 4.77007 12.149 5.23119C12.4506 5.851 12.6036 6.50829 12.6036 7.18426C12.6036 7.29799 12.5985 7.41147 12.5897 7.52469C12.5862 7.52054 12.5827 7.51635 12.5792 7.51217C12.5706 7.50183 12.562 7.49152 12.5524 7.4818C12.2833 7.21285 11.8727 7.17563 11.5621 7.36575C11.5626 7.35447 11.5632 7.34318 11.5638 7.33189C11.566 7.28814 11.5682 7.24434 11.5682 7.20062C11.5682 6.66956 11.4476 6.15253 11.2098 5.66359C11.0305 5.29534 10.7886 4.95233 10.4908 4.64423C9.72201 3.84912 8.63902 3.33609 7.44127 3.19994C7.22372 3.17521 7.00861 3.16272 6.80201 3.16272C6.6052 3.16272 6.39924 3.17431 6.18993 3.19711C4.98651 3.32785 3.89721 3.83817 3.12244 4.63405C2.82336 4.94138 2.58018 5.28375 2.39959 5.6511C2.15783 6.14326 2.0352 6.66453 2.0352 7.20062C2.0352 7.89127 2.24709 8.57458 2.64767 9.17674C2.81782 9.43268 3.0203 9.67135 3.25099 9.89019C3.33317 9.96812 3.41844 10.0437 3.5077 10.1164C3.56579 10.1638 3.62118 10.2067 3.67669 10.2479C3.78579 10.3272 3.85122 10.4564 3.85122 10.5932C3.85122 10.6427 3.84079 10.6868 3.83036 10.7236C3.80575 10.8178 3.77664 10.929 3.74766 11.0391C3.7385 11.074 3.72936 11.1089 3.7204 11.143C3.70378 11.2063 3.68778 11.2673 3.67347 11.322C3.66198 11.366 3.65166 11.4053 3.64287 11.4387C3.63737 11.4596 3.63247 11.4782 3.62826 11.4943L3.58885 11.6531C3.58885 11.6919 3.61924 11.7235 3.6566 11.7235C3.66793 11.7235 3.68043 11.7187 3.70245 11.7058L3.70361 11.7052L4.76612 11.0789C4.77326 11.0748 4.7804 11.0713 4.78753 11.0678C4.79212 11.0656 4.7967 11.0633 4.80129 11.0609C4.89145 11.0143 4.98058 10.9898 5.07242 10.9898C5.13115 10.9898 5.18873 10.9987 5.24283 11.0161C5.50907 11.0939 5.78458 11.1508 6.06319 11.1879C6.07587 11.1896 6.08855 11.1914 6.10123 11.1931C6.13079 11.1973 6.16036 11.2014 6.18993 11.2046C6.39293 11.2271 6.59876 11.2384 6.80201 11.2384C7.00887 11.2384 7.22385 11.2258 7.44127 11.201C7.79947 11.1603 8.14609 11.0847 8.47789 10.9794C8.44865 11.2853 8.59574 11.5944 8.87989 11.757C8.92755 11.7841 8.97688 11.8059 9.02711 11.8225C8.56277 11.9892 8.07357 12.1064 7.56492 12.1644C7.30641 12.1936 7.04957 12.2085 6.80201 12.2085C6.55908 12.2085 6.31307 12.1952 6.07066 12.1685C5.6979 12.1274 5.34407 12.0621 4.98767 11.9598L3.33162 12.791C3.32536 12.7954 3.31886 12.7991 3.31232 12.8028C3.30931 12.8045 3.30629 12.8062 3.30329 12.808C3.30166 12.8089 3.29994 12.8097 3.29828 12.8105C3.29784 12.8108 3.2974 12.811 3.29697 12.8112C3.23167 12.8487 3.15709 12.8718 3.07646 12.8718C2.84526 12.8718 2.65733 12.6952 2.6344 12.4701C2.6339 12.4647 2.63318 12.4594 2.63247 12.4541C2.63118 12.4445 2.6299 12.435 2.6299 12.4252C2.6299 12.4164 2.63108 12.4078 2.63225 12.3992C2.63298 12.3939 2.6337 12.3887 2.63415 12.3833C2.63443 12.3804 2.63471 12.3774 2.63499 12.3744C2.63643 12.3589 2.63786 12.3435 2.6411 12.3286C2.64507 12.3107 2.65148 12.2939 2.65792 12.277C2.65858 12.2753 2.65925 12.2735 2.65991 12.2718L2.83392 10.9027V10.902C2.44841 10.5601 2.02954 10.0749 1.77334 9.68964C1.2674 8.92905 1 8.06284 1 7.18426C1 6.50198 1.1556 5.83954 1.46215 5.21548C1.68795 4.75565 1.99102 4.32866 2.36301 3.94637C3.30535 2.97827 4.62238 2.3582 6.07156 2.2008C6.32054 2.17363 6.56617 2.15997 6.80201 2.15997C7.04931 2.15997 7.30589 2.17491 7.56492 2.20428C9.00753 2.36825 10.3172 2.99154 11.2529 3.95899Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.3472 9.05044C11.0323 8.73538 11.0323 8.22454 11.3472 7.90948C11.6622 7.59443 12.1731 7.59443 12.4881 7.90948C12.5909 8.0124 12.66 8.13605 12.6958 8.26692C12.7034 8.29513 12.7095 8.32359 12.7141 8.35219C12.7183 8.37808 12.7211 8.40422 12.7227 8.4305C12.8158 8.89626 13.0426 9.34051 13.4038 9.70154C13.4222 9.71996 13.4408 9.73787 13.4596 9.75551C13.4691 9.76208 13.4781 9.7693 13.4866 9.7778C13.4914 9.78269 13.4959 9.78771 13.5 9.793C13.5615 9.86873 13.557 9.98015 13.4866 10.0506C13.4111 10.126 13.2892 10.126 13.2137 10.0506C13.1884 10.0232 13.1627 9.99586 13.136 9.96933C12.7667 9.60005 12.3105 9.37116 11.833 9.28216C11.8168 9.28048 11.8006 9.27816 11.7843 9.27546C11.7682 9.27275 11.7521 9.26966 11.7362 9.26593C11.5937 9.23308 11.4582 9.16147 11.3472 9.05044Z" fill="black" fill-opacity="0.9"/>
-<path d="M14.7637 10.1909C14.4488 9.87581 13.9378 9.87581 13.6228 10.1909C13.5117 10.3019 13.4401 10.4373 13.4073 10.5799C13.4037 10.5958 13.4004 10.6119 13.3977 10.628C13.3952 10.6443 13.3927 10.6605 13.391 10.6766C13.302 11.1541 13.0731 11.6104 12.7037 11.9797C12.6772 12.0064 12.65 12.0321 12.6226 12.0571L12.6227 12.0574C12.5472 12.1326 12.5472 12.2547 12.6227 12.3301C12.693 12.4005 12.8045 12.405 12.8803 12.3437C12.8853 12.3396 12.8905 12.3349 12.8955 12.3301C12.9039 12.3217 12.9111 12.3127 12.9178 12.3031C12.9353 12.2845 12.9532 12.2658 12.9716 12.2474C13.3327 11.8863 13.7769 11.6594 14.2428 11.5665C14.269 11.5648 14.2951 11.562 14.321 11.5576C14.3497 11.5532 14.3781 11.5469 14.4063 11.5393C14.5373 11.5035 14.6611 11.4345 14.7637 11.3318C15.0788 11.0168 15.0788 10.5059 14.7637 10.1909Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.3432 11.4663C10.2726 11.5366 10.2682 11.6481 10.3295 11.7238C10.3336 11.7291 10.3381 11.7341 10.3432 11.7391C10.3515 11.7475 10.3607 11.7547 10.3701 11.7614C10.3889 11.7788 10.4076 11.7971 10.4259 11.8152C10.7869 12.1764 11.0139 12.6207 11.107 13.0864C11.1085 13.1126 11.1114 13.1387 11.1157 13.1647C11.1202 13.1932 11.1263 13.2217 11.1339 13.2499C11.1696 13.3809 11.2387 13.5044 11.3415 13.6073C11.6566 13.9224 12.1674 13.9224 12.4824 13.6073C12.7974 13.2922 12.7974 12.7814 12.4824 12.4663C12.3713 12.3553 12.2358 12.2837 12.0934 12.2509C12.0775 12.2473 12.0614 12.244 12.0453 12.2413C12.0292 12.2386 12.013 12.2364 11.9965 12.2346C11.5192 12.1458 11.0628 11.9167 10.6936 11.5475C10.667 11.5209 10.6411 11.4937 10.6161 11.4662L10.616 11.4663C10.5782 11.4286 10.5289 11.4098 10.4796 11.4098C10.4301 11.4098 10.3808 11.4286 10.3432 11.4663Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.4318 10.889C10.4345 10.8726 10.4367 10.8564 10.4385 10.8402C10.5277 10.3629 10.7566 9.90646 11.1257 9.53717C11.1524 9.51064 11.1796 9.48475 11.2071 9.45963L11.207 9.4595C11.2823 9.38415 11.2823 9.26205 11.207 9.18669C11.1365 9.11624 11.025 9.11173 10.9494 9.17317C10.9441 9.17742 10.9391 9.1818 10.9342 9.18669C10.9258 9.1952 10.9185 9.20421 10.9119 9.21361C10.8943 9.23255 10.8763 9.25097 10.8579 9.26952C10.497 9.63043 10.0526 9.85738 9.58675 9.95051C9.56074 9.95205 9.53459 9.95489 9.50844 9.95914C9.47985 9.96365 9.45138 9.96983 9.42343 9.97756C9.29244 10.0132 9.16865 10.0823 9.06587 10.1851C8.75068 10.5001 8.75068 11.011 9.06587 11.3261C9.38092 11.6412 9.89176 11.6412 10.2068 11.3261C10.3178 11.215 10.3896 11.0795 10.4224 10.9372C10.426 10.9212 10.4293 10.9051 10.4318 10.889Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.2529 3.95917C11.623 4.34237 11.9247 4.77026 12.149 5.23138C12.4506 5.85118 12.6036 6.50848 12.6036 7.18444C12.6036 7.29818 12.5985 7.41165 12.5897 7.52487C12.5862 7.52072 12.5827 7.51653 12.5792 7.51235C12.5706 7.50201 12.562 7.4917 12.5524 7.48198C12.2833 7.21304 11.8727 7.17581 11.5621 7.36593C11.5626 7.35465 11.5632 7.34336 11.5638 7.33207C11.566 7.28832 11.5682 7.24452 11.5682 7.2008C11.5682 6.66974 11.4476 6.15272 11.2098 5.66377C11.0305 5.29552 10.7886 4.95251 10.4908 4.64441C9.72201 3.8493 8.63902 3.33627 7.44127 3.20013C7.22372 3.1754 7.00861 3.1629 6.80201 3.1629C6.6052 3.1629 6.39924 3.17449 6.18993 3.19729C4.98651 3.32803 3.89721 3.83835 3.12244 4.63424C2.82336 4.94157 2.58018 5.28393 2.39959 5.65128C2.15783 6.14344 2.0352 6.66472 2.0352 7.2008C2.0352 7.89145 2.24709 8.57476 2.64767 9.17692C2.81782 9.43286 3.0203 9.67153 3.25099 9.89037C3.33317 9.9683 3.41844 10.0439 3.5077 10.1166C3.56579 10.164 3.62118 10.2068 3.67669 10.2481C3.78579 10.3274 3.85122 10.4566 3.85122 10.5934C3.85122 10.6429 3.84079 10.687 3.83036 10.7237C3.80575 10.818 3.77664 10.9292 3.74766 11.0393C3.7385 11.0742 3.72936 11.1091 3.7204 11.1432C3.70378 11.2065 3.68778 11.2674 3.67347 11.3222C3.66198 11.3662 3.65166 11.4055 3.64287 11.4389C3.63737 11.4598 3.63247 11.4784 3.62826 11.4945L3.58885 11.6533C3.58885 11.6921 3.61924 11.7237 3.6566 11.7237C3.66793 11.7237 3.68043 11.7189 3.70245 11.706L3.70361 11.7054L4.76612 11.0791C4.77326 11.075 4.7804 11.0715 4.78753 11.068C4.79212 11.0657 4.7967 11.0635 4.80129 11.0611C4.89145 11.0145 4.98058 10.99 5.07242 10.99C5.13115 10.99 5.18873 10.9989 5.24283 11.0163C5.50907 11.0941 5.78458 11.151 6.06319 11.1881C6.07587 11.1898 6.08855 11.1916 6.10123 11.1933C6.13079 11.1975 6.16036 11.2016 6.18993 11.2048C6.39293 11.2272 6.59876 11.2386 6.80201 11.2386C7.00887 11.2386 7.22385 11.2259 7.44127 11.2012C7.79947 11.1605 8.14609 11.0849 8.47789 10.9795C8.44865 11.2855 8.59574 11.5946 8.87989 11.7571C8.92755 11.7843 8.97688 11.8061 9.02711 11.8227C8.56277 11.9894 8.07357 12.1066 7.56492 12.1645C7.30641 12.1938 7.04957 12.2087 6.80201 12.2087C6.55908 12.2087 6.31307 12.1953 6.07066 12.1687C5.6979 12.1276 5.34407 12.0623 4.98767 11.96L3.33162 12.7912C3.32536 12.7956 3.31886 12.7993 3.31232 12.803C3.30931 12.8047 3.30629 12.8064 3.30329 12.8082C3.30166 12.8091 3.29994 12.8099 3.29828 12.8107C3.29784 12.8109 3.2974 12.8112 3.29698 12.8114C3.23167 12.8489 3.15709 12.8719 3.07646 12.8719C2.84526 12.8719 2.65733 12.6954 2.6344 12.4703C2.6339 12.4649 2.63318 12.4596 2.63247 12.4543C2.63118 12.4447 2.6299 12.4352 2.6299 12.4254C2.6299 12.4165 2.63107 12.408 2.63225 12.3994C2.63298 12.3941 2.6337 12.3888 2.63415 12.3835C2.63443 12.3805 2.63471 12.3776 2.63499 12.3746C2.63643 12.3591 2.63786 12.3437 2.6411 12.3288C2.64507 12.3109 2.65148 12.2941 2.65792 12.2772C2.65858 12.2755 2.65925 12.2737 2.65991 12.272L2.83392 10.9029V10.9021C2.44841 10.5603 2.02954 10.0751 1.77334 9.68982C1.2674 8.92923 1 8.06302 1 7.18444C1 6.50216 1.1556 5.83972 1.46215 5.21566C1.68795 4.75583 1.99102 4.32884 2.36301 3.94655C3.30535 2.97845 4.62238 2.35839 6.07156 2.20099C6.32054 2.17381 6.56617 2.16016 6.80201 2.16016C7.04931 2.16016 7.30589 2.1751 7.56492 2.20447C9.00753 2.36843 10.3172 2.99172 11.2529 3.95917Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.3472 9.05062C11.0323 8.73556 11.0323 8.22472 11.3472 7.90967C11.6622 7.59461 12.1731 7.59461 12.4881 7.90967C12.5909 8.01258 12.66 8.13623 12.6958 8.2671C12.7034 8.29531 12.7095 8.32377 12.7141 8.35237C12.7183 8.37826 12.7211 8.40441 12.7227 8.43068C12.8158 8.89644 13.0426 9.34069 13.4038 9.70173C13.4222 9.72015 13.4408 9.73805 13.4596 9.7557C13.4691 9.76227 13.4781 9.76948 13.4866 9.77798C13.4914 9.78287 13.4959 9.7879 13.5 9.79318C13.5615 9.86892 13.557 9.98033 13.4866 10.0508C13.4111 10.1261 13.2892 10.1261 13.2137 10.0508C13.1884 10.0234 13.1627 9.99605 13.136 9.96951C12.7667 9.60023 12.3105 9.37134 11.833 9.28234C11.8168 9.28066 11.8006 9.27835 11.7843 9.27564C11.7682 9.27294 11.7521 9.26985 11.7362 9.26611C11.5937 9.23326 11.4582 9.16165 11.3472 9.05062Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.7637 10.191C14.4488 9.87599 13.9378 9.87599 13.6228 10.191C13.5117 10.3021 13.4401 10.4374 13.4073 10.58C13.4037 10.596 13.4004 10.6121 13.3977 10.6282C13.3952 10.6444 13.3927 10.6607 13.391 10.6768C13.302 11.1542 13.0731 11.6106 12.7037 11.9799C12.6772 12.0065 12.65 12.0323 12.6226 12.0573L12.6227 12.0576C12.5472 12.1328 12.5472 12.2549 12.6227 12.3302C12.693 12.4007 12.8045 12.4052 12.8803 12.3439C12.8853 12.3398 12.8905 12.3351 12.8955 12.3302C12.9039 12.3219 12.9111 12.3128 12.9178 12.3033C12.9353 12.2846 12.9532 12.266 12.9716 12.2475C13.3327 11.8865 13.7769 11.6595 14.2428 11.5667C14.269 11.565 14.2951 11.5622 14.321 11.5578C14.3497 11.5534 14.3781 11.5471 14.4063 11.5395C14.5373 11.5037 14.6611 11.4347 14.7637 11.332C15.0788 11.0169 15.0788 10.5061 14.7637 10.191Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.3432 11.4665C10.2726 11.5368 10.2682 11.6482 10.3295 11.724C10.3336 11.7293 10.3381 11.7343 10.3432 11.7393C10.3515 11.7477 10.3607 11.7549 10.3701 11.7616C10.3889 11.779 10.4076 11.7973 10.4259 11.8154C10.7869 12.1766 11.0139 12.6208 11.107 13.0866C11.1085 13.1127 11.1114 13.1389 11.1157 13.1649C11.1202 13.1934 11.1263 13.2218 11.1339 13.2501C11.1696 13.381 11.2387 13.5046 11.3415 13.6075C11.6566 13.9225 12.1674 13.9225 12.4824 13.6075C12.7974 13.2924 12.7974 12.7816 12.4824 12.4665C12.3713 12.3555 12.2358 12.2839 12.0934 12.251C12.0775 12.2474 12.0614 12.2442 12.0453 12.2415C12.0292 12.2388 12.013 12.2366 11.9965 12.2348C11.5192 12.1459 11.0628 11.9169 10.6936 11.5476C10.667 11.5211 10.6411 11.4939 10.6161 11.4664L10.616 11.4665C10.5782 11.4288 10.5289 11.4099 10.4796 11.4099C10.4301 11.4099 10.3808 11.4288 10.3432 11.4665Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.4318 10.8892C10.4345 10.8728 10.4367 10.8566 10.4385 10.8403C10.5277 10.3631 10.7566 9.90664 11.1257 9.53736C11.1524 9.51082 11.1796 9.48493 11.2071 9.45982L11.207 9.45969C11.2823 9.38434 11.2823 9.26223 11.207 9.18688C11.1365 9.11642 11.025 9.11191 10.9494 9.17335C10.9441 9.1776 10.9391 9.18198 10.9342 9.18688C10.9258 9.19538 10.9185 9.2044 10.9119 9.2138C10.8943 9.23273 10.8763 9.25115 10.8579 9.2697C10.497 9.63061 10.0526 9.85756 9.58675 9.95069C9.56074 9.95224 9.53459 9.95507 9.50844 9.95932C9.47985 9.96383 9.45138 9.97001 9.42343 9.97774C9.29244 10.0134 9.16865 10.0825 9.06587 10.1852C8.75068 10.5003 8.75068 11.0111 9.06587 11.3263C9.38092 11.6414 9.89176 11.6414 10.2068 11.3263C10.3178 11.2152 10.3896 11.0797 10.4224 10.9373C10.426 10.9214 10.4293 10.9053 10.4318 10.8892Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/logo_windows_filled.svg b/example/shell/Icons/logo_windows_filled.svg
index 94d9b6f3f..db3a3650c 100644
--- a/example/shell/Icons/logo_windows_filled.svg
+++ b/example/shell/Icons/logo_windows_filled.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 2.50403H2.5V7.50403H7.5V2.50403Z" fill="black" fill-opacity="0.9"/>
-<path d="M13.5 2.50403H8.5V7.50403H13.5V2.50403Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.5 8.50403H13.5V13.504H8.5V8.50403Z" fill="black" fill-opacity="0.9"/>
-<path d="M7.5 8.50403H2.5V13.504H7.5V8.50403Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 2.50391H2.5V7.50391H7.5V2.50391Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.5 2.50391H8.5V7.50391H13.5V2.50391Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.5 8.50391H13.5V13.5039H8.5V8.50391Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 8.50391H2.5V13.5039H7.5V8.50391Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/mail.svg b/example/shell/Icons/mail.svg
index 9c8746eaf..404a982c8 100644
--- a/example/shell/Icons/mail.svg
+++ b/example/shell/Icons/mail.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.49902 3.9989C1.49902 3.44662 1.94674 2.9989 2.49902 2.9989H13.499C14.0513 2.9989 14.499 3.44662 14.499 3.9989V11.9989C14.499 12.5512 14.0513 12.9989 13.499 12.9989H2.49902C1.94674 12.9989 1.49902 12.5512 1.49902 11.9989V3.9989ZM13.0976 3.9989H2.90041L7.99902 7.39798L13.0976 3.9989ZM2.49902 4.93316L2.49902 11.9989H13.499V4.93316L7.99902 8.59983L2.49902 4.93316Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.49902 3.99902C1.49902 3.44674 1.94674 2.99902 2.49902 2.99902H13.499C14.0513 2.99902 14.499 3.44674 14.499 3.99902V11.999C14.499 12.5513 14.0513 12.999 13.499 12.999H2.49902C1.94674 12.999 1.49902 12.5513 1.49902 11.999V3.99902ZM13.0976 3.99902H2.90041L7.99902 7.3981L13.0976 3.99902ZM2.49902 4.93328L2.49902 11.999H13.499V4.93328L7.99902 8.59995L2.49902 4.93328Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/menu_application.svg b/example/shell/Icons/menu_application.svg
index 78170a66e..e1850f931 100644
--- a/example/shell/Icons/menu_application.svg
+++ b/example/shell/Icons/menu_application.svg
@@ -1,11 +1,11 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 3C4 3.55231 3.55231 4 3 4C2.44769 4 2 3.55231 2 3C2 2.44769 2.44769 2 3 2C3.55231 2 4 2.44769 4 3Z" fill="black" fill-opacity="0.9"/>
 <path d="M4 8C4 8.55231 3.55231 9 3 9C2.44769 9 2 8.55231 2 8C2 7.44769 2.44769 7 3 7C3.55231 7 4 7.44769 4 8Z" fill="black" fill-opacity="0.9"/>
-<path d="M3 14C3.55231 14 4 13.5523 4 13C4 12.4477 3.55231 12 3 12C2.44769 12 2 12.4477 2 13C2 13.5523 2.44769 14 3 14Z" fill="black" fill-opacity="0.9"/>
+<path d="M3 14C2.44769 14 2 13.5523 2 13C2 12.4477 2.44769 12 3 12C3.55231 12 4 12.4477 4 13C4 13.5523 3.55231 14 3 14Z" fill="black" fill-opacity="0.9"/>
 <path d="M9 3C9 3.55231 8.55231 4 8 4C7.44769 4 7 3.55231 7 3C7 2.44769 7.44769 2 8 2C8.55231 2 9 2.44769 9 3Z" fill="black" fill-opacity="0.9"/>
-<path d="M8 9C8.55231 9 9 8.55231 9 8C9 7.44769 8.55231 7 8 7C7.44769 7 7 7.44769 7 8C7 8.55231 7.44769 9 8 9Z" fill="black" fill-opacity="0.9"/>
+<path d="M8 9C7.44769 9 7 8.55231 7 8C7 7.44769 7.44769 7 8 7C8.55231 7 9 7.44769 9 8C9 8.55231 8.55231 9 8 9Z" fill="black" fill-opacity="0.9"/>
 <path d="M9 13C9 13.5523 8.55231 14 8 14C7.44769 14 7 13.5523 7 13C7 12.4477 7.44769 12 8 12C8.55231 12 9 12.4477 9 13Z" fill="black" fill-opacity="0.9"/>
-<path d="M13 4C13.5523 4 14 3.55231 14 3C14 2.44769 13.5523 2 13 2C12.4477 2 12 2.44769 12 3C12 3.55231 12.4477 4 13 4Z" fill="black" fill-opacity="0.9"/>
+<path d="M13 4C12.4477 4 12 3.55231 12 3C12 2.44769 12.4477 2 13 2C13.5523 2 14 2.44769 14 3C14 3.55231 13.5523 4 13 4Z" fill="black" fill-opacity="0.9"/>
 <path d="M14 8C14 8.55231 13.5523 9 13 9C12.4477 9 12 8.55231 12 8C12 7.44769 12.4477 7 13 7C13.5523 7 14 7.44769 14 8Z" fill="black" fill-opacity="0.9"/>
-<path d="M13 14C13.5523 14 14 13.5523 14 13C14 12.4477 13.5523 12 13 12C12.4477 12 12 12.4477 12 13C12 13.5523 12.4477 14 13 14Z" fill="black" fill-opacity="0.9"/>
+<path d="M13 14C12.4477 14 12 13.5523 12 13C12 12.4477 12.4477 12 13 12C13.5523 12 14 12.4477 14 13C14 13.5523 13.5523 14 13 14Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/menu_fold.svg b/example/shell/Icons/menu_fold.svg
index 85fe43df7..31a43bf1e 100644
--- a/example/shell/Icons/menu_fold.svg
+++ b/example/shell/Icons/menu_fold.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 3.98621L13.9994 4.00001L14.0005 3.00001L2.00115 2.98621L2 3.98621Z" fill="black" fill-opacity="0.9"/>
-<path d="M7.50058 8.50001H14V7.50001H7.50058V8.50001Z" fill="black" fill-opacity="0.9"/>
-<path d="M2 12.9862L13.9994 13L14.0005 12L2.00115 11.9862L2 12.9862Z" fill="black" fill-opacity="0.9"/>
-<path d="M5.96724 7.59308C6.23391 7.79308 6.23391 8.19308 5.96724 8.39308L2.80057 10.7681C2.47096 11.0153 2.00057 10.7801 2.00057 10.3681L2.00058 5.61808C2.00058 5.20605 2.47096 4.97086 2.80058 5.21808L5.96724 7.59308ZM3.00058 6.61808L3.00057 9.36808L4.83391 7.99308L3.00058 6.61808Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 3.98633L13.9994 4.00013L14.0005 3.00013L2.00115 2.98633L2 3.98633Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.50058 8.50013H14V7.50013H7.50058V8.50013Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 12.9863L13.9994 13.0001L14.0005 12.0001L2.00115 11.9863L2 12.9863Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.96724 7.5932L2.80058 5.2182C2.47096 4.97099 2.00058 5.20618 2.00058 5.6182L2.00057 10.3682C2.00057 10.7802 2.47096 11.0154 2.80057 10.7682L5.96724 8.3932C6.23391 8.1932 6.23391 7.7932 5.96724 7.5932ZM3.00058 6.6182L4.83391 7.9932L3.00057 9.3682L3.00058 6.6182Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/menu_unfold.svg b/example/shell/Icons/menu_unfold.svg
index 230743e3e..d5a479094 100644
--- a/example/shell/Icons/menu_unfold.svg
+++ b/example/shell/Icons/menu_unfold.svg
@@ -2,5 +2,5 @@
 <path d="M14.0005 12.0138L2.00115 12L2 13L13.9994 13.0138L14.0005 12.0138Z" fill="black" fill-opacity="0.9"/>
 <path d="M8.49997 7.5L2.00058 7.5L2.00058 8.5L8.49997 8.5V7.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M14.0005 3.0138L2.00115 3L2 4L13.9994 4.0138L14.0005 3.0138Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.0333 8.40693C9.76663 8.20693 9.76663 7.80693 10.0333 7.60693L13.2 5.23193C13.5296 4.98472 14 5.21991 14 5.63193L14 10.3819C14 10.794 13.5296 11.0291 13.2 10.7819L10.0333 8.40693ZM13 9.38193L13 6.63193L11.1666 8.00693L13 9.38193Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.0333 8.40693L13.2 10.7819C13.5296 11.0291 14 10.794 14 10.3819L14 5.63193C14 5.21991 13.5296 4.98472 13.2 5.23193L10.0333 7.60693C9.76663 7.80693 9.76663 8.20693 10.0333 8.40693ZM13 9.38193L11.1666 8.00693L13 6.63193L13 9.38193Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/minus_circle.svg b/example/shell/Icons/minus_circle.svg
index 50ff5ea28..bdf10091e 100644
--- a/example/shell/Icons/minus_circle.svg
+++ b/example/shell/Icons/minus_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 8.5H11.5V7.5H4.5V8.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.5 8.5V7.5H11.5V8.5H4.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/minus_circle_filled.svg b/example/shell/Icons/minus_circle_filled.svg
index e6bb2912e..470351510 100644
--- a/example/shell/Icons/minus_circle_filled.svg
+++ b/example/shell/Icons/minus_circle_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM11.5 8.5H4.5V7.5H11.5V8.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM11.5 8.5V7.5H4.5V8.5H11.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/minus_rectangle.svg b/example/shell/Icons/minus_rectangle.svg
index b63110b6f..0b10ed40f 100644
--- a/example/shell/Icons/minus_rectangle.svg
+++ b/example/shell/Icons/minus_rectangle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5 8.5H11V7.5H5V8.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M5 8.5V7.5H11V8.5H5Z" fill="black" fill-opacity="0.9"/>
 <path d="M3 14C2.44772 14 2 13.5523 2 13V3C2 2.44771 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3L14 13C14 13.5523 13.5523 14 13 14L3 14ZM3 13L13 13L13 3L3 3L3 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/mirror.svg b/example/shell/Icons/mirror.svg
index dba6ff289..076ff9fc5 100644
--- a/example/shell/Icons/mirror.svg
+++ b/example/shell/Icons/mirror.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 1H8.5V15H7.5V1Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 1V15H8.5V1H7.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M14.7193 12.4367C14.7501 12.6777 14.6031 12.906 14.3709 12.9777C14.2988 13 14.196 13 13.9904 13H10.6499C10.5104 13 10.4407 13 10.3831 12.9862C10.2003 12.9423 10.0576 12.7995 10.0137 12.6167C9.99986 12.5592 9.99986 12.4895 9.99986 12.35V5.0008C9.99986 4.47031 9.99986 4.20506 10.0408 4.11027C10.1766 3.79537 10.5819 3.70757 10.8359 3.93804C10.9123 4.00742 11.0221 4.24889 11.2416 4.73183L14.5821 12.081C14.6672 12.2682 14.7098 12.3618 14.7193 12.4367ZM10.9999 12H13.4469L10.9999 6.61661V12Z" fill="black" fill-opacity="0.9"/>
-<path d="M1.62882 12.9777C1.70093 13 1.80374 13 2.00935 13H5.3499C5.48935 13 5.55908 13 5.61662 12.9862C5.79944 12.9423 5.94219 12.7995 5.98608 12.6167C5.9999 12.5592 5.9999 12.4895 5.9999 12.35V5.0008C5.9999 4.47031 5.9999 4.20506 5.95901 4.11027C5.82317 3.79537 5.41786 3.70757 5.16389 3.93804C5.08744 4.00742 4.97768 4.24889 4.75816 4.73183L1.41761 12.081C1.33253 12.2682 1.28999 12.3618 1.28043 12.4367C1.24964 12.6777 1.39664 12.906 1.62882 12.9777ZM4.9999 6.61661V12H2.5529L4.9999 6.61661Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.62882 12.9777C1.39664 12.906 1.24964 12.6777 1.28043 12.4367C1.28999 12.3618 1.33253 12.2682 1.41761 12.081L4.75816 4.73183C4.97768 4.24889 5.08744 4.00742 5.16389 3.93804C5.41786 3.70757 5.82317 3.79537 5.95901 4.11027C5.9999 4.20506 5.9999 4.47031 5.9999 5.0008V12.35C5.9999 12.4895 5.9999 12.5592 5.98608 12.6167C5.94219 12.7995 5.79944 12.9423 5.61662 12.9862C5.55908 13 5.48935 13 5.3499 13H2.00935C1.80374 13 1.70093 13 1.62882 12.9777ZM4.9999 6.61661L2.5529 12H4.9999V6.61661Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/mobile.svg b/example/shell/Icons/mobile.svg
index 5411c3094..1b0541009 100644
--- a/example/shell/Icons/mobile.svg
+++ b/example/shell/Icons/mobile.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.5 13H9.5V12H6.5V13Z" fill="black" fill-opacity="0.9"/>
+<path d="M6.5 13V12H9.5V13H6.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5H11.5C12.0523 1.5 12.5 1.94772 12.5 2.5V14C12.5 14.5523 12.0523 15 11.5 15H4.5C3.94772 15 3.5 14.5523 3.5 14V2.5ZM4.5 2.5L4.5 14H11.5V2.5H4.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/money_circle.svg b/example/shell/Icons/money_circle.svg
index 49a7f31b6..2521af167 100644
--- a/example/shell/Icons/money_circle.svg
+++ b/example/shell/Icons/money_circle.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5 7.5H8.5V8.5H10.5V9.5H8.5V12H7.5V9.5H5.5V8.5H7.5V7.5H5.5V6.5H6.95969L5.60956 4.81235L6.39043 4.18765L8 6.19961L9.60956 4.18765L10.3904 4.81235L9.04031 6.5H10.5V7.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.5 7.5V6.5H9.04031L10.3904 4.81235L9.60956 4.18765L8 6.19961L6.39043 4.18765L5.60956 4.81235L6.95969 6.5H5.5V7.5H7.5V8.5H5.5V9.5H7.5V12H8.5V9.5H10.5V8.5H8.5V7.5H10.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M15 8C15 4.13401 11.866 1 8 1C4.13401 0.999998 1 4.134 1 8C0.999998 11.866 4.134 15 8 15C11.866 15 15 11.866 15 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/more.svg b/example/shell/Icons/more.svg
index 929d77450..b983a477a 100644
--- a/example/shell/Icons/more.svg
+++ b/example/shell/Icons/more.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 4C8.55225 4 9 3.55228 9 3C9 2.44772 8.55225 2 8 2C7.44775 2 7 2.44772 7 3C7 3.55228 7.44775 4 8 4Z" fill="black" fill-opacity="0.9"/>
 <path d="M8 9C8.55225 9 9 8.55228 9 8C9 7.44772 8.55225 7 8 7C7.44775 7 7 7.44772 7 8C7 8.55228 7.44775 9 8 9Z" fill="black" fill-opacity="0.9"/>
-<path d="M9 13C9 13.5523 8.55225 14 8 14C7.44775 14 7 13.5523 7 13C7 12.4477 7.44775 12 8 12C8.55225 12 9 12.4477 9 13Z" fill="black" fill-opacity="0.9"/>
+<path d="M9 13C9 12.4477 8.55225 12 8 12C7.44775 12 7 12.4477 7 13C7 13.5523 7.44775 14 8 14C8.55225 14 9 13.5523 9 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/move.svg b/example/shell/Icons/move.svg
index 2801f7818..9a40ca2c3 100644
--- a/example/shell/Icons/move.svg
+++ b/example/shell/Icons/move.svg
@@ -1,10 +1,10 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 1C4.44772 1 4 1.44772 4 2C4 2.55228 4.44772 3 5 3C5.55228 3 6 2.55228 6 2C6 1.44772 5.55228 1 5 1Z" fill="black" fill-opacity="0.9"/>
 <path d="M11 1C10.4477 1 10 1.44772 10 2C10 2.55228 10.4477 3 11 3C11.5523 3 12 2.55228 12 2C12 1.44772 11.5523 1 11 1Z" fill="black" fill-opacity="0.9"/>
-<path d="M4 6C4 5.44772 4.44772 5 5 5C5.55228 5 6 5.44772 6 6C6 6.55228 5.55228 7 5 7C4.44772 7 4 6.55228 4 6Z" fill="black" fill-opacity="0.9"/>
+<path d="M4 6C4 6.55228 4.44772 7 5 7C5.55228 7 6 6.55228 6 6C6 5.44772 5.55228 5 5 5C4.44772 5 4 5.44772 4 6Z" fill="black" fill-opacity="0.9"/>
 <path d="M11 5C10.4477 5 10 5.44772 10 6C10 6.55228 10.4477 7 11 7C11.5523 7 12 6.55228 12 6C12 5.44772 11.5523 5 11 5Z" fill="black" fill-opacity="0.9"/>
-<path d="M4 10C4 9.44771 4.44772 9 5 9C5.55228 9 6 9.44771 6 10C6 10.5523 5.55228 11 5 11C4.44772 11 4 10.5523 4 10Z" fill="black" fill-opacity="0.9"/>
+<path d="M4 10C4 10.5523 4.44772 11 5 11C5.55228 11 6 10.5523 6 10C6 9.44771 5.55228 9 5 9C4.44772 9 4 9.44771 4 10Z" fill="black" fill-opacity="0.9"/>
 <path d="M5 13C4.44772 13 4 13.4477 4 14C4 14.5523 4.44772 15 5 15C5.55228 15 6 14.5523 6 14C6 13.4477 5.55228 13 5 13Z" fill="black" fill-opacity="0.9"/>
-<path d="M10 10C10 9.44771 10.4477 9 11 9C11.5523 9 12 9.44771 12 10C12 10.5523 11.5523 11 11 11C10.4477 11 10 10.5523 10 10Z" fill="black" fill-opacity="0.9"/>
+<path d="M10 10C10 10.5523 10.4477 11 11 11C11.5523 11 12 10.5523 12 10C12 9.44771 11.5523 9 11 9C10.4477 9 10 9.44771 10 10Z" fill="black" fill-opacity="0.9"/>
 <path d="M11 13C10.4477 13 10 13.4477 10 14C10 14.5523 10.4477 15 11 15C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/order_ascending.svg b/example/shell/Icons/order_ascending.svg
index 387d07cec..00a41d7c8 100644
--- a/example/shell/Icons/order_ascending.svg
+++ b/example/shell/Icons/order_ascending.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 13.5L12 3.70712L14.1464 5.85357L14.8535 5.14646L11.9048 2.19768C11.5709 1.8638 11 2.10026 11 2.57244L11 13.5H12Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.5 13.5L2 13.5V12.5L9.5 12.5V13.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M2 8.50002L9.5 8.50002V7.50002L2 7.50002V8.50002Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.5 3.50002L2 3.50002V2.50002L9.5 2.50002V3.50002Z" fill="black" fill-opacity="0.9"/>
+<path d="M12 13.5001L12 3.70725L14.1464 5.85369L14.8535 5.14659L11.9048 2.1978C11.5709 1.86392 11 2.10038 11 2.57257L11 13.5001H12Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.5 13.5001V12.5001L2 12.5001V13.5001L9.5 13.5001Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 8.50014L9.5 8.50014V7.50014L2 7.50014V8.50014Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.5 3.50014V2.50014L2 2.50014V3.50014L9.5 3.50014Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/order_descending.svg b/example/shell/Icons/order_descending.svg
index 6b2e65294..e020ed056 100644
--- a/example/shell/Icons/order_descending.svg
+++ b/example/shell/Icons/order_descending.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.5 2.5H2V3.5L9.5 3.5V2.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.5 2.5V3.5L2 3.5V2.5H9.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M12 2.5L12 12.2929L14.1464 10.1464L14.8535 10.8536L11.9048 13.8023C11.5709 14.1362 11 13.8998 11 13.4276L11 2.5H12Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 7.5H9.5V8.5H2V7.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.5 12.5H2V13.5H9.5V12.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.5 12.5V13.5H2V12.5H9.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/page_first.svg b/example/shell/Icons/page_first.svg
index 7a0e96ded..76634e612 100644
--- a/example/shell/Icons/page_first.svg
+++ b/example/shell/Icons/page_first.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.4053 4.45952L11.486 3.54028L7.02642 7.9999L11.486 12.4595L12.4053 11.5403L8.86489 7.9999L12.4053 4.45952ZM4.79568 4L4.79568 12L6.09568 12L6.09568 4L4.79568 4Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.4053 4.45928L11.486 3.54004L7.02642 7.99966L11.486 12.4593L12.4053 11.54L8.86489 7.99966L12.4053 4.45928ZM4.79568 3.99976L4.79568 11.9998L6.09568 11.9998L6.09568 3.99976L4.79568 3.99976Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/page_last.svg b/example/shell/Icons/page_last.svg
index 3f9c5b150..e2c9c4655 100644
--- a/example/shell/Icons/page_last.svg
+++ b/example/shell/Icons/page_last.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.59473 11.5405L4.51397 12.4597L8.97358 8.00009L4.51397 3.54047L3.59473 4.45971L7.13511 8.00009L3.59473 11.5405ZM11.2046 12L11.2046 3.99999L9.90459 3.99999L9.90459 12H11.2046Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.59473 11.5405L4.51397 12.4598L8.97358 8.00015L4.51397 3.54053L3.59473 4.45977L7.13511 8.00015L3.59473 11.5405ZM11.2046 12L11.2046 4.00005L9.90459 4.00005L9.90459 12H11.2046Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/pause_circle_filled.svg b/example/shell/Icons/pause_circle_filled.svg
index a6de72217..986ca1781 100644
--- a/example/shell/Icons/pause_circle_filled.svg
+++ b/example/shell/Icons/pause_circle_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM6 5V11H7V5H6ZM10 5.00001H9V11H10V5.00001Z" fill="black" fill-opacity="0.9"/>
+<path d="M15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8ZM6 5H7V11H6V5ZM10 5.00001V11H9V5.00001H10Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/photo.svg b/example/shell/Icons/photo.svg
index 11ea3d29d..aa758cb94 100644
--- a/example/shell/Icons/photo.svg
+++ b/example/shell/Icons/photo.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8Z" fill="black" fill-opacity="0.9"/>
+<path d="M11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11C9.65685 11 11 9.65685 11 8ZM10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z" fill="black" fill-opacity="0.9"/>
 <path d="M6.05352 2C5.85291 2 5.66557 2.10026 5.55429 2.26718L4.73241 3.5H2.01C1.72834 3.5 1.5 3.72833 1.5 4.01V12.49C1.5 12.7717 1.72833 13 2.01 13H13.99C14.2716 13 14.5 12.7717 14.5 12.49V4.01C14.5 3.72834 14.2717 3.5 13.99 3.5H11.2676L10.4457 2.26718C10.3344 2.10026 10.1471 2 9.94648 2H6.05352ZM6.26759 3H9.73241L10.7324 4.5H13.5V12H2.5V4.5H5.26759L6.26759 3Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/pin.svg b/example/shell/Icons/pin.svg
index fde01aee1..d4df5bf10 100644
--- a/example/shell/Icons/pin.svg
+++ b/example/shell/Icons/pin.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5174 1.33919C12.297 1.11875 11.9444 1.10385 11.7062 1.30492L7.66118 4.71867L6.89006 3.94755C6.65574 3.71324 6.27585 3.71324 6.04153 3.94755L3.93685 6.05223C3.70253 6.28655 3.70253 6.66645 3.93685 6.90076L6.1643 9.12821L2.05664 13.2359L2.76375 13.943L6.8714 9.83532L9.09873 12.0626C9.33304 12.297 9.71294 12.297 9.94726 12.0626L12.0519 9.95796C12.2863 9.72364 12.2863 9.34375 12.0519 9.10943L11.2808 8.33831L14.6946 4.29331C14.8956 4.05506 14.8807 3.70252 14.6603 3.48208L12.5174 1.33919ZM12.0702 2.30621L13.6933 3.92927L9.92392 8.39563L11.062 9.53369L9.52299 11.0727L4.9268 6.4765L6.4658 4.9375L7.60386 6.07557L12.0702 2.30621Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.5174 1.33931C12.297 1.11887 11.9444 1.10398 11.7062 1.30505L7.66118 4.71879L6.89006 3.94767C6.65574 3.71336 6.27585 3.71336 6.04153 3.94767L3.93685 6.05236C3.70253 6.28667 3.70253 6.66657 3.93685 6.90088L6.1643 9.12833L2.05664 13.236L2.76375 13.9431L6.8714 9.83544L9.09873 12.0628C9.33304 12.2971 9.71294 12.2971 9.94726 12.0628L12.0519 9.95808C12.2863 9.72377 12.2863 9.34387 12.0519 9.10955L11.2808 8.33843L14.6946 4.29344C14.8956 4.05519 14.8807 3.70264 14.6603 3.4822L12.5174 1.33931ZM12.0702 2.30634L13.6933 3.92939L9.92392 8.39575L11.062 9.53382L9.52299 11.0728L4.9268 6.47662L6.4658 4.93762L7.60386 6.07569L12.0702 2.30634Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/pin_filled.svg b/example/shell/Icons/pin_filled.svg
index b4e9c7622..54f7190ec 100644
--- a/example/shell/Icons/pin_filled.svg
+++ b/example/shell/Icons/pin_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5174 1.33919C12.297 1.11875 11.9444 1.10385 11.7062 1.30492L7.66118 4.71867L6.89006 3.94755C6.65574 3.71324 6.27585 3.71324 6.04153 3.94755L3.93685 6.05223C3.70253 6.28655 3.70253 6.66645 3.93685 6.90076L6.1643 9.12821L2.05664 13.2359L2.76375 13.943L6.8714 9.83532L9.09873 12.0626C9.33304 12.297 9.71294 12.297 9.94726 12.0626L12.0519 9.95796C12.2863 9.72364 12.2863 9.34375 12.0519 9.10943L11.2808 8.33831L14.6946 4.29331C14.8956 4.05506 14.8807 3.70252 14.6603 3.48208L12.5174 1.33919Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.5174 1.33931C12.297 1.11887 11.9444 1.10398 11.7062 1.30505L7.66118 4.71879L6.89006 3.94767C6.65574 3.71336 6.27585 3.71336 6.04153 3.94767L3.93685 6.05236C3.70253 6.28667 3.70253 6.66657 3.93685 6.90088L6.1643 9.12833L2.05664 13.236L2.76375 13.9431L6.8714 9.83544L9.09873 12.0628C9.33304 12.2971 9.71294 12.2971 9.94726 12.0628L12.0519 9.95808C12.2863 9.72377 12.2863 9.34387 12.0519 9.10955L11.2808 8.33843L14.6946 4.29344C14.8956 4.05519 14.8807 3.70264 14.6603 3.4822L12.5174 1.33931Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/play.svg b/example/shell/Icons/play.svg
index 254d6a400..ca804fe60 100644
--- a/example/shell/Icons/play.svg
+++ b/example/shell/Icons/play.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.55 7.74018C11.75 7.85565 11.75 8.14433 11.55 8.2598L6.45 11.2043C6.25 11.3198 6 11.1754 6 10.9445V5.05551C6 4.82457 6.25 4.68024 6.45 4.79571L11.55 7.74018Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.55 7.74024C11.75 7.85571 11.75 8.14439 11.55 8.25986L6.45 11.2044C6.25 11.3198 6 11.1755 6 10.9445V5.05557C6 4.82463 6.25 4.6803 6.45 4.79577L11.55 7.74024Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/poweroff.svg b/example/shell/Icons/poweroff.svg
index 57f5d82a1..4dfd82d14 100644
--- a/example/shell/Icons/poweroff.svg
+++ b/example/shell/Icons/poweroff.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 1V8H8.5V1H7.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 1H8.5V8H7.5V1Z" fill="black" fill-opacity="0.9"/>
 <path d="M1.5 8.50007C1.5 6.00518 2.90561 3.83859 4.96813 2.74901L5.46865 3.61594C3.70487 4.53193 2.5 6.3753 2.5 8.50008C2.5 11.5376 4.96243 14.0001 8 14.0001C11.0376 14.0001 13.5 11.5376 13.5 8.50008C13.5 6.37522 12.295 4.53179 10.5311 3.61583L11.0317 2.7489C13.0943 3.83844 14.5 6.0051 14.5 8.50008C14.5 12.0899 11.5898 15.0001 8 15.0001C4.41015 15.0001 1.5 12.0899 1.5 8.50007Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/precise.monitor.svg b/example/shell/Icons/precise.monitor.svg
index 99d96d6d2..b38b2b169 100644
--- a/example/shell/Icons/precise.monitor.svg
+++ b/example/shell/Icons/precise.monitor.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g opacity="0.9">
-<path d="M7.5 1.5V5H8.5V1.5H7.5ZM6.23223 5.52513L2.6967 1.98959L1.98959 2.6967L5.52513 6.23223L6.23223 5.52513ZM9.76777 5.52513L13.3033 1.98959L14.0104 2.6967L10.4749 6.23223L9.76777 5.52513ZM9 8C9 8.55229 8.55229 9 8 9C7.62986 9 7.30669 8.7989 7.13378 8.5H1.5V7.5H7.13378C7.30669 7.2011 7.62986 7 8 7C8.55229 7 9 7.44772 9 8ZM5.52513 9.76777L1.98959 13.3033L2.6967 14.0104L6.23223 10.4749L5.52513 9.76777ZM10.4749 9.76777L14.0104 13.3033L13.3033 14.0104L9.76777 10.4749L10.4749 9.76777ZM14.5 7.5H11V8.5H14.5V7.5ZM7.5 14.5V11H8.5V14.5H7.5Z" fill="black"/>
+<path d="M7.5 1.5H8.5V5H7.5V1.5ZM6.23223 5.52513L5.52513 6.23223L1.98959 2.6967L2.6967 1.98959L6.23223 5.52513ZM9.76777 5.52513L13.3033 1.98959L14.0104 2.6967L10.4749 6.23223L9.76777 5.52513ZM9 8C9 8.55229 8.55229 9 8 9C7.62986 9 7.30669 8.7989 7.13378 8.5H1.5V7.5H7.13378C7.30669 7.2011 7.62986 7 8 7C8.55229 7 9 7.44772 9 8ZM5.52513 9.76777L6.23223 10.4749L2.6967 14.0104L1.98959 13.3033L5.52513 9.76777ZM10.4749 9.76777L14.0104 13.3033L13.3033 14.0104L9.76777 10.4749L10.4749 9.76777ZM14.5 7.5V8.5H11V7.5H14.5ZM7.5 14.5V11H8.5V14.5H7.5Z" fill="black" fill-opacity="0.9"/>
 </g>
 </svg>
diff --git a/example/shell/Icons/print.svg b/example/shell/Icons/print.svg
index 63fb0460f..82afbae25 100644
--- a/example/shell/Icons/print.svg
+++ b/example/shell/Icons/print.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.99902 1.9989V3.9989H2.99902C2.44288 3.9989 1.99902 4.44276 1.99902 4.9989V9.9989C1.99902 10.555 2.44288 10.9989 2.99902 10.9989H3.99902V13.9989H11.999V10.9989H12.999C13.5552 10.9989 13.999 10.555 13.999 9.9989V4.9989C13.999 4.44276 13.5552 3.9989 12.999 3.9989H11.999V1.9989H3.99902ZM10.999 3.9989H4.99902V2.9989H10.999V3.9989ZM2.99902 4.9989H12.999V9.9989H11.999V7.9989H3.99902V9.9989H2.99902V4.9989ZM4.99902 12.9989V8.9989H10.999V12.9989H4.99902Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.99902 1.99902V3.99902H2.99902C2.44288 3.99902 1.99902 4.44288 1.99902 4.99902V9.99902C1.99902 10.5552 2.44288 10.999 2.99902 10.999H3.99902V13.999H11.999V10.999H12.999C13.5552 10.999 13.999 10.5552 13.999 9.99902V4.99902C13.999 4.44288 13.5552 3.99902 12.999 3.99902H11.999V1.99902H3.99902ZM10.999 3.99902H4.99902V2.99902H10.999V3.99902ZM2.99902 4.99902H12.999V9.99902H11.999V7.99902H3.99902V9.99902H2.99902V4.99902ZM4.99902 12.999V8.99902H10.999V12.999H4.99902Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/qrcode.svg b/example/shell/Icons/qrcode.svg
index a02931602..3969c584c 100644
--- a/example/shell/Icons/qrcode.svg
+++ b/example/shell/Icons/qrcode.svg
@@ -2,9 +2,9 @@
 <path d="M6 4H4V6H6V4Z" fill="black" fill-opacity="0.9"/>
 <path d="M2.5 2C2.22386 2 2 2.22386 2 2.5V7.5C2 7.77614 2.22386 8 2.5 8H7.5C7.77614 8 8 7.77614 8 7.5V2.5C8 2.22386 7.77614 2 7.5 2H2.5ZM3 3H7V7H3V3Z" fill="black" fill-opacity="0.9"/>
 <path d="M10.5 2C10.2239 2 10 2.22386 10 2.5V5.5C10 5.77614 10.2239 6 10.5 6H13.5C13.7761 6 14 5.77614 14 5.5V2.5C14 2.22386 13.7761 2 13.5 2H10.5ZM11 5V3H13V5H11Z" fill="black" fill-opacity="0.9"/>
-<path d="M10 10.5C10 10.2239 10.2239 10 10.5 10H13.5C13.7761 10 14 10.2239 14 10.5V13.5C14 13.7761 13.7761 14 13.5 14H10.5C10.2239 14 10 13.7761 10 13.5V10.5ZM11 13H13V11H11V13Z" fill="black" fill-opacity="0.9"/>
+<path d="M10 10.5V13.5C10 13.7761 10.2239 14 10.5 14H13.5C13.7761 14 14 13.7761 14 13.5V10.5C14 10.2239 13.7761 10 13.5 10H10.5C10.2239 10 10 10.2239 10 10.5ZM11 13V11H13V13H11Z" fill="black" fill-opacity="0.9"/>
 <path d="M2.5 10C2.22386 10 2 10.2239 2 10.5V13.5C2 13.7761 2.22386 14 2.5 14H5.5C5.77614 14 6 13.7761 6 13.5V10.5C6 10.2239 5.77614 10 5.5 10H2.5ZM3 11H5V13H3V11Z" fill="black" fill-opacity="0.9"/>
 <path d="M14 7.5L10 7.5V8.5L14 8.5V7.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.5 11V14H7.5V11H8.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.5 10V9H7.5V10H8.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.5 11H7.5V14H8.5V11Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.5 10H7.5V9H8.5V10Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/rectangle.svg b/example/shell/Icons/rectangle.svg
index 0124612bc..cd51dacfd 100644
--- a/example/shell/Icons/rectangle.svg
+++ b/example/shell/Icons/rectangle.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 14C2.44772 14 2 13.5523 2 13V3C2 2.44771 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3L14 13C14 13.5523 13.5523 14 13 14L3 14ZM3 13L3 3L13 3L13 13L3 13Z" fill="black" fill-opacity="0.9"/>
+<path d="M3 14C2.44772 14 2 13.5523 2 13V3C2 2.44771 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3L14 13C14 13.5523 13.5523 14 13 14L3 14ZM3 13L13 13L13 3L3 3L3 13Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/refresh.svg b/example/shell/Icons/refresh.svg
index bf974ad39..62fbd366c 100644
--- a/example/shell/Icons/refresh.svg
+++ b/example/shell/Icons/refresh.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.00016 2.71134C10.8965 2.71134 13.2534 5.0736 13.2534 7.99868H14.2148C14.2148 4.54763 11.4324 1.75 8.00016 1.75C5.76382 1.75 3.80336 2.93771 2.7087 4.72001L2.7087 2.64252H1.75V5.74894C1.75 6.02508 1.97386 6.24894 2.25 6.24894L5.33676 6.24894V5.28498L3.49045 5.28498C4.40906 3.74211 6.08692 2.71134 8.00016 2.71134Z" fill="black" fill-opacity="0.9"/>
-<path d="M1.78554 7.99863H2.74687C2.74687 10.9237 5.10379 13.286 8.00015 13.286C9.91339 13.286 11.5912 12.2553 12.5099 10.7124H10.6632V9.74843H13.75C14.0261 9.74843 14.25 9.97228 14.25 10.2484V13.3548H13.2913V11.2779C12.1966 13.0599 10.2363 14.2474 8.00015 14.2474C4.56792 14.2474 1.78554 11.4497 1.78554 7.99863Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.78554 7.99863C1.78554 11.4497 4.56792 14.2474 8.00015 14.2474C10.2363 14.2474 12.1966 13.0599 13.2913 11.2779V13.3548H14.25V10.2484C14.25 9.97228 14.0261 9.74843 13.75 9.74843H10.6632V10.7124H12.5099C11.5912 12.2553 9.91339 13.286 8.00015 13.286C5.10379 13.286 2.74687 10.9237 2.74687 7.99863H1.78554Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/relativity.svg b/example/shell/Icons/relativity.svg
index 1570b0a4f..e374d63e8 100644
--- a/example/shell/Icons/relativity.svg
+++ b/example/shell/Icons/relativity.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 5.5V2.5C5.5 1.94772 5.94772 1.5 6.5 1.5H13.5C14.0523 1.5 14.5 1.94772 14.5 2.5V9.5C14.5 10.0523 14.0523 10.5 13.5 10.5H10.5V13.5C10.5 14.0523 10.0523 14.5 9.5 14.5H2.5C1.94772 14.5 1.5 14.0523 1.5 13.5V6.5C1.5 5.94772 1.94772 5.5 2.5 5.5H5.5ZM6.5 2.5H13.5V9.5H10.5V6.5C10.5 5.94772 10.0523 5.5 9.5 5.5H6.5V2.5ZM9.5 10.5V13.5H2.5V6.5H5.5V9.5C5.5 10.0523 5.94772 10.5 6.5 10.5H9.5ZM9.5 9.5H6.5V6.5H9.5V9.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.5 5.5V2.5C5.5 1.94772 5.94772 1.5 6.5 1.5H13.5C14.0523 1.5 14.5 1.94772 14.5 2.5V9.5C14.5 10.0523 14.0523 10.5 13.5 10.5H10.5V13.5C10.5 14.0523 10.0523 14.5 9.5 14.5H2.5C1.94772 14.5 1.5 14.0523 1.5 13.5V6.5C1.5 5.94772 1.94772 5.5 2.5 5.5H5.5ZM6.5 2.5V5.5H9.5C10.0523 5.5 10.5 5.94772 10.5 6.5V9.5H13.5V2.5H6.5ZM9.5 10.5H6.5C5.94772 10.5 5.5 10.0523 5.5 9.5V6.5H2.5V13.5H9.5V10.5ZM9.5 9.5V6.5H6.5V9.5H9.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/remove.svg b/example/shell/Icons/remove.svg
index 1b3ce7d5f..725e07877 100644
--- a/example/shell/Icons/remove.svg
+++ b/example/shell/Icons/remove.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.5 7.34998H12.5V8.64998H3.5V7.34998Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.5 7.3501H12.5V8.6501H3.5V7.3501Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/root_list.svg b/example/shell/Icons/root_list.svg
index 013325f93..4ce46b4e5 100644
--- a/example/shell/Icons/root_list.svg
+++ b/example/shell/Icons/root_list.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g opacity="0.9">
-<path d="M4.5 5H11.5V6H4.5V5Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.5 5V6H11.5V5H4.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M9 7.5H4.5V8.5H9V7.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M3 2C2.44772 2 2 2.44771 2 3V13C2 13.5523 2.44771 14 3 14H13C13.5523 14 14 13.5523 14 13V3C14 2.44772 13.5523 2 13 2H3ZM13 3V13H3L3 3H13Z" fill="black" fill-opacity="0.9"/>
 </g>
diff --git a/example/shell/Icons/scan.svg b/example/shell/Icons/scan.svg
index f165f37ed..c7c1cbc34 100644
--- a/example/shell/Icons/scan.svg
+++ b/example/shell/Icons/scan.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 3.5H4V6.5H3V3.5C3 2.94769 3.44775 2.5 4 2.5H12C12.5522 2.5 13 2.94769 13 3.5V6.5H12V3.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M3 9.5H4V12.5H12V9.5H13V12.5C13 13.0523 12.5522 13.5 12 13.5H4C3.44775 13.5 3 13.0523 3 12.5V9.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M14 7.5H2V8.5H14V7.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M14 7.5V8.5H2V7.5H14Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/service.svg b/example/shell/Icons/service.svg
index d9b48be8e..887df4ff4 100644
--- a/example/shell/Icons/service.svg
+++ b/example/shell/Icons/service.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.51604 6.37387C2.73216 3.5341 5.10482 1.29718 7.99995 1.29718C10.8949 1.29718 13.2674 3.5338 13.4838 6.37328C13.4944 6.41375 13.5 6.45622 13.5 6.5V10.5C13.5 10.5506 13.4925 10.5995 13.4785 10.6455C13.2561 12.923 11.3359 14.7028 9 14.7028H8V13.7028H9C10.6587 13.7028 12.048 12.5489 12.4088 11H10.5C10.2239 11 10 10.7761 10 10.5V6.5C10 6.22386 10.2239 6 10.5 6H12.4295C12.0532 3.89498 10.2132 2.29718 7.99995 2.29718C5.78672 2.29718 3.94667 3.89498 3.57038 6H5.5C5.77614 6 6 6.22386 6 6.5V10.5C6 10.7761 5.77614 11 5.5 11H3C2.72386 11 2.5 10.7761 2.5 10.5V6.5C2.5 6.45643 2.50557 6.41416 2.51604 6.37387ZM12.4999 7H11V10H12.5L12.4999 7ZM3.5 7V10H5V7H3.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M2.51604 6.37381C2.73216 3.53404 5.10482 1.29712 7.99995 1.29712C10.8949 1.29712 13.2674 3.53373 13.4838 6.37322C13.4944 6.41369 13.5 6.45616 13.5 6.49994V10.4999C13.5 10.5506 13.4925 10.5994 13.4785 10.6455C13.2561 12.9229 11.3359 14.7027 9 14.7027H8V13.7027H9C10.6587 13.7027 12.048 12.5488 12.4088 10.9999H10.5C10.2239 10.9999 10 10.7761 10 10.4999V6.49994C10 6.2238 10.2239 5.99994 10.5 5.99994H12.4295C12.0532 3.89492 10.2132 2.29712 7.99995 2.29712C5.78672 2.29712 3.94667 3.89492 3.57038 5.99994H5.5C5.77614 5.99994 6 6.2238 6 6.49994V10.4999C6 10.7761 5.77614 10.9999 5.5 10.9999H3C2.72386 10.9999 2.5 10.7761 2.5 10.4999V6.49994C2.5 6.45637 2.50557 6.4141 2.51604 6.37381ZM12.4999 6.99994H11V9.99994H12.5L12.4999 6.99994ZM3.5 6.99994V9.99994H5V6.99994H3.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/share.svg b/example/shell/Icons/share.svg
index 60b0e81d2..8e606988b 100644
--- a/example/shell/Icons/share.svg
+++ b/example/shell/Icons/share.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.93164 5.35774C10.355 5.81616 10.9612 6.10324 11.6344 6.10324C12.9142 6.10324 13.9517 5.06575 13.9517 3.78594C13.9517 2.50612 12.9142 1.46863 11.6344 1.46863C10.3546 1.46863 9.3171 2.50612 9.3171 3.78594C9.3171 4.03296 9.35575 4.27096 9.42734 4.49422L6.06804 6.45463C5.64466 5.99613 5.03844 5.709 4.36516 5.709C3.08535 5.709 2.04785 6.74649 2.04785 8.02631C2.04785 9.30612 3.08535 10.3436 4.36516 10.3436C5.03854 10.3436 5.64484 10.0564 6.06822 9.59778L9.4282 11.5557C9.35606 11.7797 9.3171 12.0187 9.3171 12.2667C9.3171 13.5465 10.3546 14.584 11.6344 14.584C12.9142 14.584 13.9517 13.5465 13.9517 12.2667C13.9517 10.9869 12.9142 9.94937 11.6344 9.94937C10.9622 9.94937 10.3568 10.2356 9.93356 10.6928L6.57236 8.73416C6.64386 8.51103 6.68247 8.27318 6.68247 8.02631C6.68247 7.77934 6.64383 7.5414 6.57228 7.31819L9.93164 5.35774ZM11.6344 2.46863C12.3619 2.46863 12.9517 3.05841 12.9517 3.78594C12.9517 4.51346 12.3619 5.10324 11.6344 5.10324C11.1607 5.10324 10.7454 4.85324 10.5133 4.47798C10.5084 4.4681 10.5031 4.45831 10.4974 4.44864C10.4918 4.43887 10.4858 4.42937 10.4795 4.42015C10.376 4.23201 10.3171 4.01585 10.3171 3.78594C10.3171 3.05841 10.9069 2.46863 11.6344 2.46863ZM5.48783 7.33682C5.49239 7.34584 5.49725 7.35478 5.50242 7.36363C5.50761 7.37253 5.51305 7.38122 5.5187 7.38968C5.62306 7.57838 5.68247 7.79541 5.68247 8.02631C5.68247 8.25725 5.62304 8.47431 5.51864 8.66304C5.51295 8.67156 5.50748 8.68031 5.50226 8.68928C5.49717 8.698 5.49239 8.70681 5.48789 8.7157C5.25607 9.09243 4.83995 9.34361 4.36516 9.34361C3.63763 9.34361 3.04785 8.75383 3.04785 8.02631C3.04785 7.29878 3.63763 6.709 4.36516 6.709C4.83991 6.709 5.256 6.96014 5.48783 7.33682ZM10.3171 12.2667C10.3171 12.0491 10.3699 11.8438 10.4633 11.663C10.4779 11.6445 10.4914 11.6247 10.5037 11.6037C10.5154 11.5835 10.5256 11.5628 10.5343 11.5418C10.77 11.1849 11.1747 10.9494 11.6344 10.9494C12.3619 10.9494 12.9517 11.5391 12.9517 12.2667C12.9517 12.9942 12.3619 13.584 11.6344 13.584C10.9069 13.584 10.3171 12.9942 10.3171 12.2667Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.93164 5.35786C10.355 5.81628 10.9612 6.10337 11.6344 6.10337C12.9142 6.10337 13.9517 5.06587 13.9517 3.78606C13.9517 2.50624 12.9142 1.46875 11.6344 1.46875C10.3546 1.46875 9.3171 2.50624 9.3171 3.78606C9.3171 4.03309 9.35575 4.27108 9.42734 4.49434L6.06804 6.45475C5.64466 5.99625 5.03844 5.70912 4.36516 5.70912C3.08535 5.70912 2.04785 6.74661 2.04785 8.02643C2.04785 9.30624 3.08535 10.3437 4.36516 10.3437C5.03854 10.3437 5.64484 10.0565 6.06822 9.5979L9.4282 11.5558C9.35606 11.7799 9.3171 12.0188 9.3171 12.2668C9.3171 13.5466 10.3546 14.5841 11.6344 14.5841C12.9142 14.5841 13.9517 13.5466 13.9517 12.2668C13.9517 10.987 12.9142 9.94949 11.6344 9.94949C10.9622 9.94949 10.3568 10.2357 9.93356 10.6929L6.57236 8.73428C6.64386 8.51115 6.68247 8.2733 6.68247 8.02643C6.68247 7.77946 6.64383 7.54152 6.57228 7.31831L9.93164 5.35786ZM11.6344 2.46875C12.3619 2.46875 12.9517 3.05853 12.9517 3.78606C12.9517 4.51359 12.3619 5.10337 11.6344 5.10337C11.1607 5.10337 10.7454 4.85336 10.5133 4.4781C10.5084 4.46822 10.5031 4.45843 10.4974 4.44876C10.4918 4.43899 10.4858 4.4295 10.4795 4.42027C10.376 4.23213 10.3171 4.01597 10.3171 3.78606C10.3171 3.05853 10.9069 2.46875 11.6344 2.46875ZM5.48783 7.33694C5.49239 7.34596 5.49725 7.3549 5.50242 7.36375C5.50761 7.37265 5.51305 7.38134 5.5187 7.3898C5.62306 7.5785 5.68247 7.79553 5.68247 8.02643C5.68247 8.25737 5.62304 8.47444 5.51864 8.66316C5.51295 8.67168 5.50748 8.68043 5.50226 8.6894C5.49717 8.69812 5.49239 8.70693 5.48789 8.71583C5.25607 9.09255 4.83995 9.34374 4.36516 9.34374C3.63763 9.34374 3.04785 8.75396 3.04785 8.02643C3.04785 7.2989 3.63763 6.70912 4.36516 6.70912C4.83991 6.70912 5.256 6.96026 5.48783 7.33694ZM10.3171 12.2668C10.3171 12.0492 10.3699 11.8439 10.4633 11.6631C10.4779 11.6446 10.4914 11.6248 10.5037 11.6038C10.5154 11.5836 10.5256 11.5629 10.5343 11.5419C10.77 11.185 11.1747 10.9495 11.6344 10.9495C12.3619 10.9495 12.9517 11.5393 12.9517 12.2668C12.9517 12.9943 12.3619 13.5841 11.6344 13.5841C10.9069 13.5841 10.3171 12.9943 10.3171 12.2668Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/slash.svg b/example/shell/Icons/slash.svg
index 157e97de5..ec045700a 100644
--- a/example/shell/Icons/slash.svg
+++ b/example/shell/Icons/slash.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.06641 13.8122L11.0664 1.68787L11.9324 2.18787L4.93243 14.3122L4.06641 13.8122Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.06641 13.8123L11.0664 1.68799L11.9324 2.18799L4.93243 14.3123L4.06641 13.8123Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/sound.svg b/example/shell/Icons/sound.svg
index 64eba5555..7a14d1081 100644
--- a/example/shell/Icons/sound.svg
+++ b/example/shell/Icons/sound.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.99966 11L8.24241 13.5457C8.57568 13.7456 8.99966 13.5056 8.99966 13.1169V2.8831C8.99966 2.49445 8.57568 2.25439 8.24241 2.45435L3.99966 5H2.10448C1.77333 5 1.50479 5.26829 1.50448 5.59944L1.5 10.3994C1.49969 10.731 1.76841 11 2.1 11H3.99966ZM4.99966 5.56619L7.99966 3.76619V12.2338L4.99966 10.4338V5.56619ZM3.99966 10H2.50037L2.50411 6H3.99966V10Z" fill="black" fill-opacity="0.9"/>
-<path d="M13.5147 5.72686C13.1938 5.00368 12.7213 4.34191 12.1206 3.78131L12.803 3.05025C13.4994 3.70026 14.0518 4.47194 14.4288 5.32122C14.8057 6.1705 14.9997 7.08075 14.9997 8C14.9997 8.91925 14.8057 9.8295 14.4288 10.6788C14.0518 11.5281 13.4994 12.2997 12.803 12.9497L12.1206 12.2187C12.7213 11.6581 13.1938 10.9963 13.5147 10.2731C13.8356 9.55017 13.9997 8.77797 13.9997 8C13.9997 7.22203 13.8356 6.44984 13.5147 5.72686Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.4997 8.00027C11.5005 7.12735 11.14 6.24663 10.4272 5.54638L11.128 4.83301C12.0228 5.71203 12.5007 6.84639 12.4997 8.00113C12.4987 9.15589 12.0188 10.2897 11.1224 11.1675L10.4228 10.453C11.137 9.75363 11.499 8.87324 11.4997 8.00027Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.5147 5.72686C13.8356 6.44984 13.9997 7.22203 13.9997 8C13.9997 8.77797 13.8356 9.55017 13.5147 10.2731C13.1938 10.9963 12.7213 11.6581 12.1206 12.2187L12.803 12.9497C13.4994 12.2997 14.0518 11.5281 14.4288 10.6788C14.8057 9.8295 14.9997 8.91925 14.9997 8C14.9997 7.08075 14.8057 6.1705 14.4288 5.32122C14.0518 4.47194 13.4994 3.70026 12.803 3.05025L12.1206 3.78131C12.7213 4.34191 13.1938 5.00368 13.5147 5.72686Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.4997 8.00027C11.499 8.87324 11.137 9.75363 10.4228 10.453L11.1224 11.1675C12.0188 10.2897 12.4987 9.15589 12.4997 8.00113C12.5007 6.84639 12.0228 5.71203 11.128 4.83301L10.4272 5.54638C11.14 6.24663 11.5005 7.12735 11.4997 8.00027Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/star.svg b/example/shell/Icons/star.svg
index 6e3d7f63f..2adaa03ba 100644
--- a/example/shell/Icons/star.svg
+++ b/example/shell/Icons/star.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.54158 6.3802L8.00145 3.25955L6.46132 6.3802L3.01749 6.88062L5.50947 9.3097L4.9212 12.7396L8.00145 11.1202L11.0817 12.7396L10.4934 9.3097L12.9854 6.88062L9.54158 6.3802ZM14.5328 6.09497C14.7789 6.13072 14.8771 6.43311 14.6991 6.60667L11.5679 9.65882L12.3071 13.9685C12.3491 14.2136 12.0919 14.4005 11.8718 14.2848L8.00145 12.25L4.13111 14.2848C3.91102 14.4005 3.65379 14.2136 3.69582 13.9685L4.43499 9.65882L1.30382 6.60667C1.12576 6.43311 1.22401 6.13072 1.47008 6.09497L5.79726 5.46619L7.73243 1.5451C7.84248 1.32212 8.16043 1.32213 8.27047 1.5451L10.2056 5.46619L14.5328 6.09497Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.54158 6.38026L8.00145 3.25962L6.46132 6.38026L3.01749 6.88068L5.50947 9.30976L4.9212 12.7397L8.00145 11.1203L11.0817 12.7397L10.4934 9.30976L12.9854 6.88068L9.54158 6.38026ZM14.5328 6.09503C14.7789 6.13078 14.8771 6.43317 14.6991 6.60674L11.5679 9.65888L12.3071 13.9686C12.3491 14.2136 12.0919 14.4005 11.8718 14.2848L8.00145 12.2501L4.13111 14.2848C3.91102 14.4005 3.65379 14.2136 3.69582 13.9686L4.43499 9.65888L1.30382 6.60674C1.12576 6.43318 1.22401 6.13078 1.47008 6.09503L5.79726 5.46625L7.73243 1.54516C7.84248 1.32219 8.16043 1.32219 8.27047 1.54516L10.2056 5.46625L14.5328 6.09503Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/star_filled.svg b/example/shell/Icons/star_filled.svg
index 588fb5f16..147d15c47 100644
--- a/example/shell/Icons/star_filled.svg
+++ b/example/shell/Icons/star_filled.svg
@@ -1,7 +1,7 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.59756 1.81764C7.76262 1.48318 8.23955 1.48318 8.40462 1.81764L10.2053 5.46619L14.2317 6.05126C14.6008 6.10489 14.7482 6.55848 14.4811 6.81882L11.5675 9.65881L12.2553 13.6689C12.3184 14.0366 11.9325 14.3169 11.6024 14.1433L8.00109 12.25L4.39976 14.1433C4.06963 14.3169 3.68378 14.0366 3.74683 13.669L4.43463 9.65881L1.52109 6.81882C1.25401 6.55848 1.40139 6.10489 1.77049 6.05126L5.79689 5.46619L7.59756 1.81764Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.59756 1.81764C7.76262 1.48318 8.23955 1.48318 8.40462 1.81764L10.2053 5.46619L14.2317 6.05126C14.6008 6.10489 14.7482 6.55848 14.4811 6.81882L11.5675 9.65881L12.2553 13.6689C12.3184 14.0366 11.9325 14.3169 11.6024 14.1433L8.00109 12.25L4.39976 14.1433C4.06963 14.3169 3.68378 14.0366 3.74683 13.6689L4.43463 9.65881L1.52109 6.81882C1.25401 6.55848 1.40139 6.10489 1.77049 6.05126L5.79689 5.46619L7.59756 1.81764Z" fill="black" fill-opacity="0.9"/>
 <mask id="mask0_16845_6019" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="14" height="14">
-<path d="M7.59756 1.81764C7.76262 1.48318 8.23955 1.48318 8.40462 1.81764L10.2053 5.46619L14.2317 6.05126C14.6008 6.10489 14.7482 6.55848 14.4811 6.81882L11.5675 9.65881L12.2553 13.6689C12.3184 14.0366 11.9325 14.3169 11.6024 14.1433L8.00109 12.25L4.39976 14.1433C4.06963 14.3169 3.68378 14.0366 3.74683 13.669L4.43463 9.65881L1.52109 6.81882C1.25401 6.55848 1.40139 6.10489 1.77049 6.05126L5.79689 5.46619L7.59756 1.81764Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.59756 1.81764C7.76262 1.48318 8.23955 1.48318 8.40462 1.81764L10.2053 5.46619L14.2317 6.05126C14.6008 6.10489 14.7482 6.55848 14.4811 6.81882L11.5675 9.65881L12.2553 13.6689C12.3184 14.0366 11.9325 14.3169 11.6024 14.1433L8.00109 12.25L4.39976 14.1433C4.06963 14.3169 3.68378 14.0366 3.74683 13.6689L4.43463 9.65881L1.52109 6.81882C1.25401 6.55848 1.40139 6.10489 1.77049 6.05126L5.79689 5.46619L7.59756 1.81764Z" fill="black" fill-opacity="0.9"/>
 </mask>
 <g mask="url(#mask0_16845_6019)">
 <rect width="8" height="16" fill="black" fill-opacity="0.9"/>
diff --git a/example/shell/Icons/stop_circle.svg b/example/shell/Icons/stop_circle.svg
index 0e757f72b..ac7a4accb 100644
--- a/example/shell/Icons/stop_circle.svg
+++ b/example/shell/Icons/stop_circle.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7 5H6V11H7V5Z" fill="black" fill-opacity="0.9"/>
-<path d="M10 5H9V11H10V5Z" fill="black" fill-opacity="0.9"/>
+<path d="M7 5V11H6V5H7Z" fill="black" fill-opacity="0.9"/>
+<path d="M10 5V11H9V5H10Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.11101 2.17971C5.26216 1.41054 6.61553 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.38447 14.5895 10.7378 13.8203 11.889C13.0511 13.0401 11.9579 13.9373 10.6788 14.4672C9.3997 14.997 7.99224 15.1356 6.63437 14.8655C5.2765 14.5954 4.02922 13.9287 3.05026 12.9497C2.07129 11.9708 1.4046 10.7235 1.13451 9.36563C0.86441 8.00776 1.00303 6.6003 1.53285 5.32122C2.06266 4.04213 2.95987 2.94888 4.11101 2.17971ZM11.3334 3.01118C10.3467 2.35189 9.18669 2 8 2C6.4087 2 4.88258 2.63214 3.75736 3.75736C2.63214 4.88258 2 6.4087 2 8C2 9.18669 2.3519 10.3467 3.01119 11.3334C3.67047 12.3201 4.60755 13.0892 5.7039 13.5433C6.80026 13.9974 8.00666 14.1162 9.17054 13.8847C10.3344 13.6532 11.4035 13.0818 12.2426 12.2426C13.0818 11.4035 13.6532 10.3344 13.8847 9.17054C14.1162 8.00666 13.9974 6.80026 13.5433 5.7039C13.0892 4.60754 12.3201 3.67047 11.3334 3.01118Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/stop_circle(1).svg b/example/shell/Icons/stop_circle_1.svg
similarity index 100%
rename from example/shell/Icons/stop_circle(1).svg
rename to example/shell/Icons/stop_circle_1.svg
diff --git a/example/shell/Icons/swap.svg b/example/shell/Icons/swap.svg
index 3c3cc40c1..6bb7d25db 100644
--- a/example/shell/Icons/swap.svg
+++ b/example/shell/Icons/swap.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.25 6.00005L13.008 6.00005L9.16379 2.25121L9.86196 1.53528L14.5332 6.09061C14.8735 6.4225 14.6386 7.00005 14.1631 7.00005L1.25 7.00005V6.00005Z" fill="black" fill-opacity="0.9"/>
-<path d="M14.7498 10.0001L3.02002 10.0001L6.83028 13.6005L6.14347 14.3273L1.4743 9.91528C1.12585 9.58601 1.35882 9.00005 1.83831 9.00005L14.7498 9.00005V10.0001Z" fill="black" fill-opacity="0.9"/>
+<path d="M1.25 5.99993L13.008 5.99993L9.16379 2.25109L9.86196 1.53516L14.5332 6.09049C14.8735 6.42237 14.6386 6.99993 14.1631 6.99993L1.25 6.99993V5.99993Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.7498 9.99993L3.02002 9.99993L6.83028 13.6004L6.14347 14.3272L1.4743 9.91515C1.12585 9.58589 1.35882 8.99993 1.83831 8.99993L14.7498 8.99993V9.99993Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/time.svg b/example/shell/Icons/time.svg
index 0018afca6..b4753d7b7 100644
--- a/example/shell/Icons/time.svg
+++ b/example/shell/Icons/time.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 4V8.38892L10.0002 11L10.7074 10.2929L8.5 7.97471V4H7.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.5 4H8.5V7.97471L10.7074 10.2929L10.0002 11L7.5 8.38892V4Z" fill="black" fill-opacity="0.9"/>
 <path d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/time_filled.svg b/example/shell/Icons/time_filled.svg
index 8d063517b..8653a8bd7 100644
--- a/example/shell/Icons/time_filled.svg
+++ b/example/shell/Icons/time_filled.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM7.5 5H8.5V7.97471L11.3538 10.8285L10.6467 11.5356L7.5 8.38892V5Z" fill="black" fill-opacity="0.9"/>
+<path d="M8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7.5 5V8.38892L10.6467 11.5356L11.3538 10.8285L8.5 7.97471V5H7.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/tools.svg b/example/shell/Icons/tools.svg
index 7d845fa1f..3da349f03 100644
--- a/example/shell/Icons/tools.svg
+++ b/example/shell/Icons/tools.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.75056 8.24943L10.3118 8.40417C11.3109 8.67963 12.3996 8.42901 13.1581 7.67052C13.8303 6.99831 14.1035 6.06341 13.9654 5.16621L12.909 6.22262C12.3232 6.80839 11.3735 6.80841 10.7877 6.22265L10.3634 5.7984C9.77758 5.21262 9.77756 4.26285 10.3634 3.67705L11.4198 2.62058C10.5226 2.48241 9.58765 2.75565 8.91542 3.42788C8.15697 4.18632 7.90634 5.27493 8.18172 6.27395L8.33641 6.83516L2.53207 12.6395L3.94628 14.0537L9.75056 8.24943ZM12.2439 1.7965C12.5739 1.90785 12.893 2.06333 13.1918 2.26284L11.0705 4.38415C10.8752 4.57942 10.8752 4.89601 11.0705 5.09127L11.4948 5.51552C11.69 5.71077 12.0066 5.71077 12.2019 5.51551L14.3231 3.39423C14.5227 3.69303 14.6781 4.01209 14.7895 4.34211C15.255 5.72209 14.9491 7.29373 13.8652 8.37763C12.8375 9.40526 11.3715 9.73365 10.046 9.3682L4.65339 14.7608C4.26287 15.1513 3.6297 15.1513 3.23918 14.7608L1.82496 13.3466C1.43444 12.9561 1.43444 12.3229 1.82496 11.9324L7.21767 6.53969C6.85233 5.21428 7.18074 3.74834 8.20831 2.72077C9.29223 1.63686 10.8639 1.33087 12.2439 1.7965Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.75056 8.24943L10.3118 8.40417C11.3109 8.67963 12.3996 8.42901 13.1581 7.67052C13.8303 6.99831 14.1035 6.06341 13.9654 5.16621L12.909 6.22262C12.3232 6.80839 11.3735 6.80841 10.7877 6.22265L10.3634 5.7984C9.77758 5.21262 9.77757 4.26285 10.3634 3.67705L11.4198 2.62058C10.5226 2.48241 9.58765 2.75565 8.91542 3.42788C8.15697 4.18632 7.90634 5.27494 8.18172 6.27395L8.33641 6.83516L2.53207 12.6395L3.94628 14.0537L9.75056 8.24943ZM12.2439 1.7965C12.5739 1.90785 12.893 2.06333 13.1918 2.26284L11.0705 4.38415C10.8752 4.57942 10.8752 4.89601 11.0705 5.09127L11.4948 5.51552C11.69 5.71077 12.0066 5.71077 12.2019 5.51551L14.3231 3.39423C14.5227 3.69303 14.6781 4.01209 14.7895 4.34211C15.255 5.72209 14.9491 7.29373 13.8652 8.37763C12.8375 9.40526 11.3715 9.73365 10.046 9.3682L4.65339 14.7608C4.26287 15.1513 3.6297 15.1513 3.23918 14.7608L1.82496 13.3466C1.43444 12.9561 1.43444 12.3229 1.82496 11.9324L7.21767 6.53969C6.85233 5.21428 7.18074 3.74834 8.20831 2.72077C9.29223 1.63686 10.8639 1.33087 12.2439 1.7965Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/unfold_less.svg b/example/shell/Icons/unfold_less.svg
index ddbfdcc0f..5a07523e7 100644
--- a/example/shell/Icons/unfold_less.svg
+++ b/example/shell/Icons/unfold_less.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.3556 2.12549L8.00004 5.81174L11.6445 2.12549L12.3556 2.82855L8.42672 6.80251C8.19187 7.04006 7.80822 7.04006 7.57337 6.80251L3.64447 2.82855L4.3556 2.12549Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.3556 2.12549L3.64447 2.82855L7.57337 6.80251C7.80822 7.04006 8.19187 7.04006 8.42672 6.80251L12.3556 2.82855L11.6445 2.12549L8.00004 5.81174L4.3556 2.12549Z" fill="black" fill-opacity="0.9"/>
 <path d="M4.30769 13.8306L8.00003 10.1382L11.6924 13.8306L12.3995 13.1235L8.42429 9.14829C8.18998 8.91397 7.81008 8.91397 7.57577 9.14829L3.60059 13.1235L4.30769 13.8306Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/unfold_more.svg b/example/shell/Icons/unfold_more.svg
index 1dc607a63..cfc8bd5aa 100644
--- a/example/shell/Icons/unfold_more.svg
+++ b/example/shell/Icons/unfold_more.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.6445 6.84005L8.00001 3.1538L4.35559 6.84005L3.64446 6.13699L7.57334 2.16303C7.80819 1.92548 8.19183 1.92548 8.42669 2.16303L12.3556 6.13699L11.6445 6.84005Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.6445 6.84005L12.3556 6.13699L8.42669 2.16303C8.19183 1.92548 7.80819 1.92548 7.57334 2.16303L3.64446 6.13699L4.35559 6.84005L8.00001 3.1538L11.6445 6.84005Z" fill="black" fill-opacity="0.9"/>
 <path d="M11.6924 9.15791L8.00003 12.8503L4.30769 9.15791L3.60059 9.86502L7.57576 13.8402C7.81008 14.0745 8.18998 14.0745 8.42429 13.8402L12.3995 9.86502L11.6924 9.15791Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/usb.svg b/example/shell/Icons/usb.svg
index c8f60c838..485a58253 100644
--- a/example/shell/Icons/usb.svg
+++ b/example/shell/Icons/usb.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.5 6H5.5V5H7.5V6Z" fill="black" fill-opacity="0.9"/>
-<path d="M8.5 6H10.5V5H8.5V6Z" fill="black" fill-opacity="0.9"/>
+<path d="M8.5 6V5H10.5V6H8.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M4 8V2.5C4 2.22386 4.22386 2 4.5 2H11.5C11.7761 2 12 2.22386 12 2.5V8C12.5523 8 13 8.44772 13 9V14C13 14.5523 12.5523 15 12 15H4C3.44772 15 3 14.5523 3 14V9C3 8.44772 3.44772 8 4 8ZM5 8H11V3H5V8ZM4 9V14H12V9H4Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/user_add.svg b/example/shell/Icons/user_add.svg
index 326f632e5..ced38d530 100644
--- a/example/shell/Icons/user_add.svg
+++ b/example/shell/Icons/user_add.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.18182 5.3913C4.18182 3.51834 5.64707 2 7.45455 2C9.26202 2 10.7273 3.51834 10.7273 5.3913C10.7273 7.26427 9.26202 8.78261 7.45455 8.78261C5.64707 8.78261 4.18182 7.26427 4.18182 5.3913ZM9.63636 5.3913C9.63636 4.14266 8.65953 3.13043 7.45455 3.13043C6.24956 3.13043 5.27273 4.14266 5.27273 5.3913C5.27273 6.63995 6.24956 7.65217 7.45455 7.65217C8.65953 7.65217 9.63636 6.63995 9.63636 5.3913Z" fill="black" fill-opacity="0.9"/>
+<path d="M4.18182 5.3913C4.18182 3.51834 5.64707 2 7.45455 2C9.26202 2 10.7273 3.51834 10.7273 5.3913C10.7273 7.26427 9.26202 8.78261 7.45455 8.78261C5.64707 8.78261 4.18182 7.26427 4.18182 5.3913ZM9.63636 5.3913C9.63636 4.14266 8.65953 3.13043 7.45455 3.13043C6.24956 3.13043 5.27273 4.14266 5.27273 5.3913C5.27273 6.63995 6.24956 7.65217 7.45455 7.65217C8.65953 7.65217 9.63636 6.63995 9.63636 5.3913Z" fill="black" fill-opacity="0.9"/>
 <path d="M7.45455 9.34783C8.20793 9.34783 8.93901 9.44675 9.63636 9.63274V10.806C8.94504 10.5927 8.2127 10.4783 7.45455 10.4783C5.83209 10.4783 4.32782 11.0026 3.09091 11.8966L3.09091 13.8696H9.63636V15H3.09091C2.48842 15 2 14.4939 2 13.8696V11.808C2 11.384 2.22893 10.9957 2.59296 10.8022L3.22384 10.4783H3.22617C4.47881 9.75799 5.92045 9.34783 7.45455 9.34783Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.8182 9.34783H10.7273V11.6087H8.54545V12.7391H10.7273V15H11.8182V12.7391H14V11.6087H11.8182V9.34783Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.8182 9.34783V11.6087H14V12.7391H11.8182V15H10.7273V12.7391H8.54545V11.6087H10.7273V9.34783H11.8182Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/user_avatar.svg b/example/shell/Icons/user_avatar.svg
index 86e65cfbe..b7c58da7c 100644
--- a/example/shell/Icons/user_avatar.svg
+++ b/example/shell/Icons/user_avatar.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 10.5C9.24124 10.5 10.4221 10.8126 11.5 11.3795V12.5L12.5 12.5V11.3584C12.5 11.0106 12.3213 10.6842 12.0145 10.5204C10.7893 9.86653 9.43252 9.5 8 9.5C6.56748 9.5 5.21075 9.86653 3.9855 10.5204C3.67873 10.6842 3.5 11.0106 3.5 11.3584V12.5H4.5V11.3795C5.57794 10.8126 6.75876 10.5 8 10.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M10.5 6C10.5 7.38071 9.38071 8.5 8 8.5C6.61929 8.5 5.5 7.38071 5.5 6C5.5 4.61929 6.61929 3.5 8 3.5C9.38071 3.5 10.5 4.61929 10.5 6ZM9.5 6C9.5 5.17157 8.82843 4.5 8 4.5C7.17157 4.5 6.5 5.17157 6.5 6C6.5 6.82843 7.17157 7.5 8 7.5C8.82843 7.5 9.5 6.82843 9.5 6Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.5 6C10.5 4.61929 9.38071 3.5 8 3.5C6.61929 3.5 5.5 4.61929 5.5 6C5.5 7.38071 6.61929 8.5 8 8.5C9.38071 8.5 10.5 7.38071 10.5 6ZM9.5 6C9.5 6.82843 8.82843 7.5 8 7.5C7.17157 7.5 6.5 6.82843 6.5 6C6.5 5.17157 7.17157 4.5 8 4.5C8.82843 4.5 9.5 5.17157 9.5 6Z" fill="black" fill-opacity="0.9"/>
 <path d="M2.5 1.5C1.94772 1.5 1.5 1.94772 1.5 2.5V13.5C1.5 14.0523 1.94772 14.5 2.5 14.5H13.5C14.0523 14.5 14.5 14.0523 14.5 13.5V2.5C14.5 1.94772 14.0523 1.5 13.5 1.5H2.5ZM13.5 2.5V13.5H2.5L2.5 2.5H13.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/user_clear.svg b/example/shell/Icons/user_clear.svg
index 64b608495..4fb77e220 100644
--- a/example/shell/Icons/user_clear.svg
+++ b/example/shell/Icons/user_clear.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 8.5C9.933 8.5 11.5 6.933 11.5 5C11.5 3.067 9.933 1.5 8 1.5C6.067 1.5 4.5 3.067 4.5 5C4.5 6.933 6.067 8.5 8 8.5ZM8 7.5C6.61929 7.5 5.5 6.38071 5.5 5C5.5 3.61929 6.61929 2.5 8 2.5C9.38071 2.5 10.5 3.61929 10.5 5C10.5 6.38071 9.38071 7.5 8 7.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M8 8.5C6.067 8.5 4.5 6.933 4.5 5C4.5 3.067 6.067 1.5 8 1.5C9.933 1.5 11.5 3.067 11.5 5C11.5 6.933 9.933 8.5 8 8.5ZM8 7.5C9.38071 7.5 10.5 6.38071 10.5 5C10.5 3.61929 9.38071 2.5 8 2.5C6.61929 2.5 5.5 3.61929 5.5 5C5.5 6.38071 6.61929 7.5 8 7.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M10.5 10.7452C9.69127 10.5844 8.85582 10.5 8 10.5C6.0334 10.5 4.17435 10.9457 2.5 11.7398V13.5H10.5V14.5H2C1.72386 14.5 1.5 14.2761 1.5 14V11.7246C1.5 11.3547 1.70302 11.0122 2.03686 10.8528C3.8494 9.98708 5.86651 9.5 8 9.5C8.85386 9.5 9.68908 9.57802 10.5 9.7271V10.7452Z" fill="black" fill-opacity="0.9"/>
 <path d="M11.4038 14.2929L12.9947 12.702L11.4037 11.1109L12.1108 10.4038L13.7018 11.9949L15.2929 10.4038L16 11.1109L14.4089 12.702L15.9999 14.2929L15.2928 15L13.7018 13.4091L12.1109 15L11.4038 14.2929Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/user_talk.svg b/example/shell/Icons/user_talk.svg
index b98c6f7e4..c78513c71 100644
--- a/example/shell/Icons/user_talk.svg
+++ b/example/shell/Icons/user_talk.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.3284 7.82844C14.8905 6.26634 14.8905 3.73368 13.3284 2.17158L14.0355 1.46448C15.9881 3.4171 15.9881 6.58292 14.0355 8.53555L13.3284 7.82844Z" fill="black" fill-opacity="0.9"/>
-<path d="M11 5C11 6.933 9.433 8.5 7.5 8.5C5.567 8.5 4 6.933 4 5C4 3.067 5.567 1.5 7.5 1.5C9.433 1.5 11 3.067 11 5ZM10 5C10 3.61929 8.88071 2.5 7.5 2.5C6.11929 2.5 5 3.61929 5 5C5 6.38071 6.11929 7.5 7.5 7.5C8.88071 7.5 10 6.38071 10 5Z" fill="black" fill-opacity="0.9"/>
-<path d="M13.4631 10.8528C13.797 11.0122 14 11.3547 14 11.7246L14 14C14 14.2761 13.7761 14.5 13.5 14.5L1.5 14.5C1.22386 14.5 1 14.2761 1 14V11.7246C1 11.3547 1.20302 11.0122 1.53686 10.8528C3.3494 9.98707 5.36651 9.5 7.5 9.5C9.63349 9.5 11.6506 9.98708 13.4631 10.8528ZM7.5 10.5C5.5334 10.5 3.67435 10.9457 2 11.7398L2 13.5H13V11.7398C11.3257 10.9457 9.4666 10.5 7.5 10.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M11.9142 3.58577C12.6953 4.36682 12.6953 5.63315 11.9142 6.4142L12.6213 7.1213C13.7929 5.94973 13.7929 4.05023 12.6213 2.87866L11.9142 3.58577Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.3284 7.82832C14.8905 6.26622 14.8905 3.73356 13.3284 2.17146L14.0355 1.46436C15.9881 3.41698 15.9881 6.5828 14.0355 8.53542L13.3284 7.82832Z" fill="black" fill-opacity="0.9"/>
+<path d="M11 4.99988C11 6.93287 9.433 8.49988 7.5 8.49988C5.567 8.49988 4 6.93287 4 4.99988C4 3.06688 5.567 1.49988 7.5 1.49988C9.433 1.49988 11 3.06688 11 4.99988ZM10 4.99988C10 3.61917 8.88071 2.49988 7.5 2.49988C6.11929 2.49988 5 3.61917 5 4.99988C5 6.38059 6.11929 7.49988 7.5 7.49988C8.88071 7.49988 10 6.38059 10 4.99988Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.4631 10.8527C13.797 11.0121 14 11.3545 14 11.7245L14 13.9999C14 14.276 13.7761 14.4999 13.5 14.4999L1.5 14.4999C1.22386 14.4999 1 14.276 1 13.9999V11.7245C1 11.3545 1.20302 11.0121 1.53686 10.8527C3.3494 9.98695 5.36651 9.49988 7.5 9.49988C9.63349 9.49988 11.6506 9.98695 13.4631 10.8527ZM7.5 10.4999C5.5334 10.4999 3.67434 10.9456 2 11.7397L2 13.4999H13V11.7397C11.3257 10.9456 9.4666 10.4999 7.5 10.4999Z" fill="black" fill-opacity="0.9"/>
+<path d="M11.9142 3.58565L12.6213 2.87854C13.7929 4.05011 13.7929 5.94961 12.6213 7.12118L11.9142 6.41407C12.6953 5.63303 12.6953 4.3667 11.9142 3.58565Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/usergroup.svg b/example/shell/Icons/usergroup.svg
index 2f09ea001..cedfff73c 100644
--- a/example/shell/Icons/usergroup.svg
+++ b/example/shell/Icons/usergroup.svg
@@ -2,5 +2,5 @@
 <path d="M6.00003 1C6.52575 1 7.02232 1.12482 7.46171 1.34645L6.83144 2.1586C6.57424 2.05626 6.2937 2 6.00003 2C4.75739 2 3.75003 3.00736 3.75003 4.25C3.75003 5.47717 4.73246 6.47488 5.95373 6.49953V7.49968C4.18015 7.47491 2.75003 6.02947 2.75003 4.25C2.75003 2.45507 4.2051 1 6.00003 1Z" fill="black" fill-opacity="0.9"/>
 <path d="M0.540929 9.43593C2.18917 8.66419 4.01922 8.22779 5.95373 8.22094V9.22095C4.18421 9.22774 2.51071 9.62379 1 10.3252V12H2.85709V13H0.5C0.223857 13 0 12.7761 0 12.5V10.3086C0 9.9372 0.204537 9.59344 0.540929 9.43593Z" fill="black" fill-opacity="0.9"/>
 <path d="M9.99992 8.31354C8.20499 8.31354 6.74992 6.85846 6.74992 5.06354C6.74992 3.26861 8.20499 1.81354 9.99992 1.81354C11.7948 1.81354 13.2499 3.26861 13.2499 5.06354C13.2499 6.85846 11.7948 8.31354 9.99992 8.31354ZM9.99992 7.31354C11.2426 7.31354 12.2499 6.30618 12.2499 5.06354C12.2499 3.8209 11.2426 2.81354 9.99992 2.81354C8.75728 2.81354 7.74992 3.8209 7.74992 5.06354C7.74992 6.30618 8.75728 7.31354 9.99992 7.31354Z" fill="black" fill-opacity="0.9"/>
-<path d="M16 11.5178C16 11.1464 15.7954 10.8026 15.459 10.6451C13.7977 9.86723 11.9516 9.43005 9.99997 9.43005C8.04837 9.43005 6.20227 9.86723 4.54089 10.6451C4.2045 10.8026 3.99996 11.1464 3.99996 11.5178V14C3.99996 14.2761 4.22382 14.5 4.49996 14.5H15.5C15.7761 14.5 16 14.2761 16 14V11.5178ZM15 11.5344V13.5H4.99996V11.5344C6.52384 10.8269 8.21334 10.43 9.99997 10.43C11.7866 10.43 13.4761 10.8269 15 11.5344Z" fill="black" fill-opacity="0.9"/>
+<path d="M16 11.5178V14C16 14.2761 15.7761 14.5 15.5 14.5H4.49996C4.22382 14.5 3.99996 14.2761 3.99996 14V11.5178C3.99996 11.1464 4.2045 10.8026 4.54089 10.6451C6.20227 9.86723 8.04837 9.43005 9.99997 9.43005C11.9516 9.43005 13.7977 9.86723 15.459 10.6451C15.7954 10.8026 16 11.1464 16 11.5178ZM15 11.5344C13.4761 10.8269 11.7866 10.43 9.99997 10.43C8.21334 10.43 6.52384 10.8269 4.99996 11.5344V13.5H15V11.5344Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/usergroup_add.svg b/example/shell/Icons/usergroup_add.svg
index c7004bc29..6bea98f0c 100644
--- a/example/shell/Icons/usergroup_add.svg
+++ b/example/shell/Icons/usergroup_add.svg
@@ -1,7 +1,7 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.2349 12.75V14.5H14.2349V12.75H15.9849V11.75H14.2349V10H13.2349V11.75H11.4849V12.75H13.2349Z" fill="black" fill-opacity="0.9"/>
-<path d="M7.46171 1.34645C7.02232 1.12482 6.52575 1 6.00003 1C4.2051 1 2.75003 2.45507 2.75003 4.25C2.75003 6.02947 4.18015 7.47491 5.95373 7.49968V6.49953C4.73246 6.47488 3.75003 5.47717 3.75003 4.25C3.75003 3.00736 4.75739 2 6.00003 2C6.2937 2 6.57424 2.05626 6.83144 2.1586L7.46171 1.34645Z" fill="black" fill-opacity="0.9"/>
-<path d="M5.95373 8.22094C4.01922 8.22779 2.18917 8.66419 0.540929 9.43593C0.204537 9.59344 0 9.9372 0 10.3086V12.5C0 12.7761 0.223857 13 0.5 13H2.85709V12H1V10.3252C2.51071 9.62379 4.18421 9.22774 5.95373 9.22095V8.22094Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.2349 12.75H11.4849V11.75H13.2349V10H14.2349V11.75H15.9849V12.75H14.2349V14.5H13.2349V12.75Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.46171 1.34645L6.83144 2.1586C6.57424 2.05626 6.2937 2 6.00003 2C4.75739 2 3.75003 3.00736 3.75003 4.25C3.75003 5.47717 4.73246 6.47488 5.95373 6.49953V7.49968C4.18015 7.47491 2.75003 6.02947 2.75003 4.25C2.75003 2.45507 4.2051 1 6.00003 1C6.52575 1 7.02232 1.12482 7.46171 1.34645Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.95373 8.22094V9.22095C4.18421 9.22774 2.51071 9.62379 1 10.3252V12H2.85709V13H0.5C0.223857 13 0 12.7761 0 12.5V10.3086C0 9.9372 0.204537 9.59344 0.540929 9.43593C2.18917 8.66419 4.01922 8.22779 5.95373 8.22094Z" fill="black" fill-opacity="0.9"/>
 <path d="M13.2499 5.06354C13.2499 6.85846 11.7948 8.31354 9.99992 8.31354C8.20499 8.31354 6.74992 6.85846 6.74992 5.06354C6.74992 3.26861 8.20499 1.81354 9.99992 1.81354C11.7948 1.81354 13.2499 3.26861 13.2499 5.06354ZM12.2499 5.06354C12.2499 3.8209 11.2426 2.81354 9.99992 2.81354C8.75728 2.81354 7.74992 3.8209 7.74992 5.06354C7.74992 6.30618 8.75728 7.31354 9.99992 7.31354C11.2426 7.31354 12.2499 6.30618 12.2499 5.06354Z" fill="black" fill-opacity="0.9"/>
 <path d="M12 10.5988C11.35 10.4879 10.6821 10.43 9.99997 10.43C8.21334 10.43 6.52384 10.8269 4.99996 11.5344V13.5H12V14.5H4.49996C4.22382 14.5 3.99996 14.2761 3.99996 14V11.5178C3.99996 11.1464 4.2045 10.8026 4.54089 10.6451C6.20227 9.86723 8.04837 9.43005 9.99997 9.43005C10.6806 9.43005 11.3484 9.48322 12 9.58548V10.5988Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/usergroup_clear.svg b/example/shell/Icons/usergroup_clear.svg
index 372dda396..3f69be642 100644
--- a/example/shell/Icons/usergroup_clear.svg
+++ b/example/shell/Icons/usergroup_clear.svg
@@ -1,7 +1,7 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.46171 1.34645C7.02232 1.12482 6.52575 1 6.00003 1C4.2051 1 2.75003 2.45507 2.75003 4.25C2.75003 6.02947 4.18015 7.47491 5.95373 7.49968V6.49953C4.73246 6.47488 3.75003 5.47717 3.75003 4.25C3.75003 3.00736 4.75739 2 6.00003 2C6.2937 2 6.57424 2.05626 6.83144 2.1586L7.46171 1.34645Z" fill="black" fill-opacity="0.9"/>
-<path d="M5.95373 8.22094C4.01922 8.22779 2.18917 8.66419 0.540929 9.43593C0.204537 9.59344 0 9.9372 0 10.3086V12.5C0 12.7761 0.223857 13 0.5 13H2.85709V12H1V10.3252C2.51071 9.62379 4.18421 9.22774 5.95373 9.22095V8.22094Z" fill="black" fill-opacity="0.9"/>
+<path d="M7.46171 1.34645L6.83144 2.1586C6.57424 2.05626 6.2937 2 6.00003 2C4.75739 2 3.75003 3.00736 3.75003 4.25C3.75003 5.47717 4.73246 6.47488 5.95373 6.49953V7.49968C4.18015 7.47491 2.75003 6.02947 2.75003 4.25C2.75003 2.45507 4.2051 1 6.00003 1C6.52575 1 7.02232 1.12482 7.46171 1.34645Z" fill="black" fill-opacity="0.9"/>
+<path d="M5.95373 8.22094V9.22095C4.18421 9.22774 2.51071 9.62379 1 10.3252V12H2.85709V13H0.5C0.223857 13 0 12.7761 0 12.5V10.3086C0 9.9372 0.204537 9.59344 0.540929 9.43593C2.18917 8.66419 4.01922 8.22779 5.95373 8.22094Z" fill="black" fill-opacity="0.9"/>
 <path d="M13.2499 5.06354C13.2499 6.85846 11.7948 8.31354 9.99992 8.31354C8.20499 8.31354 6.74992 6.85846 6.74992 5.06354C6.74992 3.26861 8.20499 1.81354 9.99992 1.81354C11.7948 1.81354 13.2499 3.26861 13.2499 5.06354ZM12.2499 5.06354C12.2499 3.8209 11.2426 2.81354 9.99992 2.81354C8.75728 2.81354 7.74992 3.8209 7.74992 5.06354C7.74992 6.30618 8.75728 7.31354 9.99992 7.31354C11.2426 7.31354 12.2499 6.30618 12.2499 5.06354Z" fill="black" fill-opacity="0.9"/>
 <path d="M11 10.4718C10.6704 10.4442 10.3369 10.43 9.99997 10.43C8.21334 10.43 6.52384 10.8269 4.99996 11.5344V13.5H10.5V14.5H4.49996C4.22382 14.5 3.99996 14.2761 3.99996 14V11.5178C3.99996 11.1464 4.2045 10.8026 4.54089 10.6451C6.20227 9.86723 8.04837 9.43005 9.99997 9.43005C10.3366 9.43005 10.6701 9.44305 11 9.46857V10.4718Z" fill="black" fill-opacity="0.9"/>
-<path d="M13.1369 12.344L11.6881 13.7929L12.3952 14.5L13.844 13.0512L15.2929 14.5L16 13.7929L14.5512 12.344L16.0001 10.8951L15.293 10.188L13.844 11.6369L12.3951 10.188L11.688 10.8951L13.1369 12.344Z" fill="black" fill-opacity="0.9"/>
+<path d="M13.1369 12.344L11.688 10.8951L12.3951 10.188L13.844 11.6369L15.293 10.188L16.0001 10.8951L14.5512 12.344L16 13.7929L15.2929 14.5L13.844 13.0512L12.3952 14.5L11.6881 13.7929L13.1369 12.344Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/view_column.svg b/example/shell/Icons/view_column.svg
index 448f8a332..1dbea27e9 100644
--- a/example/shell/Icons/view_column.svg
+++ b/example/shell/Icons/view_column.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.5 2V14H4.5L4.5 2H3.5ZM7.5 14L7.5 2H8.5L8.5 14H7.5ZM11.5 14L11.5 2H12.5L12.5 14H11.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M3.5 2H4.5L4.5 14H3.5V2ZM7.5 14L7.5 2H8.5L8.5 14H7.5ZM11.5 14L11.5 2H12.5L12.5 14H11.5Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/view_list.svg b/example/shell/Icons/view_list.svg
index d1ed8f72b..09f59eb62 100644
--- a/example/shell/Icons/view_list.svg
+++ b/example/shell/Icons/view_list.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14 4.5H2V3.5H14V4.5Z" fill="black" fill-opacity="0.9"/>
 <path d="M14 8.5H2V7.5H14V8.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M2 12.5H14V11.5H2V12.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M2 12.5V11.5H14V12.5H2Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/view_module.svg b/example/shell/Icons/view_module.svg
index 22cfc1eef..bca50898d 100644
--- a/example/shell/Icons/view_module.svg
+++ b/example/shell/Icons/view_module.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 7.5L11 7.5V8.5L4 8.5V7.5Z" fill="black" fill-opacity="0.9"/>
-<path d="M10 10L4 10V11H10V10Z" fill="black" fill-opacity="0.9"/>
+<path d="M10 10V11H4V10L10 10Z" fill="black" fill-opacity="0.9"/>
 <path d="M2 3C2 2.44772 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H3C2.44772 14 2 13.5523 2 13V3ZM3 3L3 5H13V3H3ZM3 6L3 13H13V6H3Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/wifi.svg b/example/shell/Icons/wifi.svg
index d19ee4965..3f03fac47 100644
--- a/example/shell/Icons/wifi.svg
+++ b/example/shell/Icons/wifi.svg
@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.1538 10.7038L10.8518 9.98785C10.0273 9.14905 9.02344 8.68872 7.98511 8.68872C6.95947 8.68872 5.96729 9.13806 5.14844 9.9577L5.84619 10.6735C6.50928 10.0049 7.26562 9.68872 7.98511 9.68872C8.71558 9.68872 9.48364 10.0145 10.1538 10.7038Z" fill="black" fill-opacity="0.9"/>
-<path d="M12.1787 8.6272L12.877 7.91101C11.5032 6.49567 9.77661 5.71283 7.98584 5.71283C6.20752 5.71283 4.49243 6.48474 3.12354 7.88123L3.82178 8.59729C5.02881 7.35767 6.50415 6.71283 7.98584 6.71283C9.47925 6.71283 10.9661 7.36804 12.1787 8.6272Z" fill="black" fill-opacity="0.9"/>
-<path d="M14.1333 6.62256L14.8318 5.90631C12.9299 3.94031 10.5044 2.8493 7.98608 2.8493C5.48022 2.8493 3.06641 3.92938 1.16895 5.87677L1.86719 6.59296C3.59937 4.80591 5.77173 3.8493 7.98608 3.8493C10.2126 3.8493 12.3965 4.81647 14.1333 6.62256Z" fill="black" fill-opacity="0.9"/>
-<path d="M9.00024 12.5C9.00024 13.0523 8.55249 13.5 8.00024 13.5C7.448 13.5 7.00024 13.0523 7.00024 12.5C7.00024 11.9477 7.448 11.5 8.00024 11.5C8.55249 11.5 9.00024 11.9477 9.00024 12.5Z" fill="black" fill-opacity="0.9"/>
+<path d="M10.1538 10.7039L10.8518 9.98792C10.0273 9.14911 9.02344 8.68878 7.98511 8.68878C6.95947 8.68878 5.96729 9.13812 5.14844 9.95776L5.84619 10.6735C6.50928 10.0049 7.26562 9.68878 7.98511 9.68878C8.71558 9.68878 9.48364 10.0145 10.1538 10.7039Z" fill="black" fill-opacity="0.9"/>
+<path d="M12.1787 8.62726L12.877 7.91107C11.5032 6.49573 9.77661 5.71289 7.98584 5.71289C6.20752 5.71289 4.49243 6.4848 3.12354 7.88129L3.82178 8.59735C5.02881 7.35773 6.50415 6.71289 7.98584 6.71289C9.47925 6.71289 10.9661 7.3681 12.1787 8.62726Z" fill="black" fill-opacity="0.9"/>
+<path d="M14.1333 6.62262L14.8318 5.90637C12.9299 3.94037 10.5044 2.84937 7.98608 2.84937C5.48022 2.84937 3.06641 3.92944 1.16895 5.87683L1.86719 6.59302C3.59937 4.80597 5.77173 3.84937 7.98608 3.84937C10.2126 3.84937 12.3965 4.81653 14.1333 6.62262Z" fill="black" fill-opacity="0.9"/>
+<path d="M9.00024 12.5001C9.00024 13.0524 8.55249 13.5001 8.00024 13.5001C7.448 13.5001 7.00024 13.0524 7.00024 12.5001C7.00024 11.9478 7.448 11.5001 8.00024 11.5001C8.55249 11.5001 9.00024 11.9478 9.00024 12.5001Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/example/shell/Icons/zoom_in.svg b/example/shell/Icons/zoom_in.svg
index cd7bd2f57..4e29caff8 100644
--- a/example/shell/Icons/zoom_in.svg
+++ b/example/shell/Icons/zoom_in.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 7V9H7V7H9V6H7V4H6V6H4V7H6Z" fill="black" fill-opacity="0.9"/>
+<path d="M6 7H4V6H6V4H7V6H9V7H7V9H6V7Z" fill="black" fill-opacity="0.9"/>
 <path d="M9.51099 10.2181C8.69245 10.8812 7.64973 11.2784 6.51424 11.2784C3.88302 11.2784 1.75 9.14541 1.75 6.51421C1.75 3.88301 3.88302 1.75 6.51424 1.75C9.14545 1.75 11.2785 3.88301 11.2785 6.51421C11.2785 7.64972 10.8812 8.69245 10.2181 9.511L13.7494 13.0423L13.0423 13.7494L9.51099 10.2181ZM10.2785 6.51421C10.2785 4.4353 8.59317 2.75 6.51424 2.75C4.4353 2.75 2.75 4.4353 2.75 6.51421C2.75 8.59312 4.4353 10.2784 6.51424 10.2784C8.59317 10.2784 10.2785 8.59312 10.2785 6.51421Z" fill="black" fill-opacity="0.9"/>
 </svg>
diff --git a/lib/src/components/icon/td_icons.dart b/lib/src/components/icon/td_icons.dart
index 8ab1e6bc4..556ce2dba 100644
--- a/lib/src/components/icon/td_icons.dart
+++ b/lib/src/components/icon/td_icons.dart
@@ -9,7 +9,7 @@ class _TDIconsData extends IconData {
       : super(
           codePoint,
           fontFamily: 'TDIcons',
-          fontPackage: 'tdesign_flutter',
+    fontPackage: 'tdesign_flutter',
         );
 
   final String name;
@@ -23,8 +23,7 @@ class TDIcons {
   static const add_rectangle = _TDIconsData(0xf102, 'add_rectangle');
   static const add = _TDIconsData(0xf103, 'add');
   static const app = _TDIconsData(0xf104, 'app');
-  static const arrow_down_rectangle =
-      _TDIconsData(0xf105, 'arrow_down_rectangle');
+  static const arrow_down_rectangle = _TDIconsData(0xf105, 'arrow_down_rectangle');
   static const arrow_down = _TDIconsData(0xf106, 'arrow_down');
   static const arrow_left = _TDIconsData(0xf107, 'arrow_left');
   static const arrow_right = _TDIconsData(0xf108, 'arrow_right');
@@ -54,40 +53,28 @@ class TDIcons {
   static const chart_pie = _TDIconsData(0xf120, 'chart_pie');
   static const chart = _TDIconsData(0xf121, 'chart');
   static const chat = _TDIconsData(0xf122, 'chat');
-  static const check_circle_filled =
-      _TDIconsData(0xf123, 'check_circle_filled');
+  static const check_circle_filled = _TDIconsData(0xf123, 'check_circle_filled');
   static const check_circle = _TDIconsData(0xf124, 'check_circle');
-  static const check_rectangle_filled =
-      _TDIconsData(0xf125, 'check_rectangle_filled');
+  static const check_rectangle_filled = _TDIconsData(0xf125, 'check_rectangle_filled');
   static const check_rectangle = _TDIconsData(0xf126, 'check_rectangle');
   static const check = _TDIconsData(0xf127, 'check');
-  static const chevron_down_circle =
-      _TDIconsData(0xf128, 'chevron_down_circle');
-  static const chevron_down_rectangle =
-      _TDIconsData(0xf129, 'chevron_down_rectangle');
+  static const chevron_down_circle = _TDIconsData(0xf128, 'chevron_down_circle');
+  static const chevron_down_rectangle = _TDIconsData(0xf129, 'chevron_down_rectangle');
   static const chevron_down = _TDIconsData(0xf12a, 'chevron_down');
-  static const chevron_left_circle =
-      _TDIconsData(0xf12b, 'chevron_left_circle');
-  static const chevron_left_rectangle =
-      _TDIconsData(0xf12c, 'chevron_left_rectangle');
-  static const chevron_left_double =
-      _TDIconsData(0xf12d, 'chevron_left_double');
+  static const chevron_left_circle = _TDIconsData(0xf12b, 'chevron_left_circle');
+  static const chevron_left_rectangle = _TDIconsData(0xf12c, 'chevron_left_rectangle');
+  static const chevron_left_double = _TDIconsData(0xf12d, 'chevron_left_double');
   static const chevron_left = _TDIconsData(0xf12e, 'chevron_left');
-  static const chevron_right_circle =
-      _TDIconsData(0xf12f, 'chevron_right_circle');
-  static const chevron_right_rectangle =
-      _TDIconsData(0xf130, 'chevron_right_rectangle');
-  static const chevron_right_double =
-      _TDIconsData(0xf131, 'chevron_right_double');
+  static const chevron_right_circle = _TDIconsData(0xf12f, 'chevron_right_circle');
+  static const chevron_right_rectangle = _TDIconsData(0xf130, 'chevron_right_rectangle');
+  static const chevron_right_double = _TDIconsData(0xf131, 'chevron_right_double');
   static const chevron_right = _TDIconsData(0xf132, 'chevron_right');
   static const chevron_up_circle = _TDIconsData(0xf133, 'chevron_up_circle');
-  static const chevron_up_rectangle =
-      _TDIconsData(0xf134, 'chevron_up_rectangle');
+  static const chevron_up_rectangle = _TDIconsData(0xf134, 'chevron_up_rectangle');
   static const chevron_up = _TDIconsData(0xf135, 'chevron_up');
   static const circle = _TDIconsData(0xf136, 'circle');
   static const clear = _TDIconsData(0xf137, 'clear');
-  static const close_circle_filled =
-      _TDIconsData(0xf138, 'close_circle_filled');
+  static const close_circle_filled = _TDIconsData(0xf138, 'close_circle_filled');
   static const close_circle = _TDIconsData(0xf139, 'close_circle');
   static const close_rectangle = _TDIconsData(0xf13a, 'close_rectangle');
   static const close = _TDIconsData(0xf13b, 'close');
@@ -107,8 +94,7 @@ class TDIcons {
   static const edit = _TDIconsData(0xf149, 'edit');
   static const ellipsis = _TDIconsData(0xf14a, 'ellipsis');
   static const enter = _TDIconsData(0xf14b, 'enter');
-  static const error_circle_filled =
-      _TDIconsData(0xf14c, 'error_circle_filled');
+  static const error_circle_filled = _TDIconsData(0xf14c, 'error_circle_filled');
   static const error_circle = _TDIconsData(0xf14d, 'error_circle');
   static const error = _TDIconsData(0xf14e, 'error');
   static const file_add = _TDIconsData(0xf14f, 'file_add');
@@ -129,18 +115,12 @@ class TDIcons {
   static const folder_open = _TDIconsData(0xf15e, 'folder_open');
   static const folder = _TDIconsData(0xf15f, 'folder');
   static const fork = _TDIconsData(0xf160, 'fork');
-  static const format_horizontal_align_bottom =
-      _TDIconsData(0xf161, 'format_horizontal_align_bottom');
-  static const format_horizontal_align_center =
-      _TDIconsData(0xf162, 'format_horizontal_align_center');
-  static const format_horizontal_align_top =
-      _TDIconsData(0xf163, 'format_horizontal_align_top');
-  static const format_vertical_align_center =
-      _TDIconsData(0xf164, 'format_vertical_align_center');
-  static const format_vertical_align_left =
-      _TDIconsData(0xf165, 'format_vertical_align_left');
-  static const format_vertical_align_right =
-      _TDIconsData(0xf166, 'format_vertical_align_right');
+  static const format_horizontal_align_bottom = _TDIconsData(0xf161, 'format_horizontal_align_bottom');
+  static const format_horizontal_align_center = _TDIconsData(0xf162, 'format_horizontal_align_center');
+  static const format_horizontal_align_top = _TDIconsData(0xf163, 'format_horizontal_align_top');
+  static const format_vertical_align_center = _TDIconsData(0xf164, 'format_vertical_align_center');
+  static const format_vertical_align_left = _TDIconsData(0xf165, 'format_vertical_align_left');
+  static const format_vertical_align_right = _TDIconsData(0xf166, 'format_vertical_align_right');
   static const forward = _TDIconsData(0xf167, 'forward');
   static const fullscreen_exit = _TDIconsData(0xf168, 'fullscreen_exit');
   static const fullsreen = _TDIconsData(0xf169, 'fullsreen');
@@ -155,9 +135,8 @@ class TDIcons {
   static const history = _TDIconsData(0xf172, 'history');
   static const home = _TDIconsData(0xf173, 'home');
   static const hourglass = _TDIconsData(0xf174, 'hourglass');
-  static const image = _TDIconsData(0xf175, 'image');
-  static const info_circle_filled_1 =
-      _TDIconsData(0xf176, 'info_circle_filled_1');
+  static const image_error = _TDIconsData(0xf175, 'image_error');
+  static const image = _TDIconsData(0xf176, 'image');
   static const info_circle_filled = _TDIconsData(0xf177, 'info_circle_filled');
   static const info_circle = _TDIconsData(0xf178, 'info_circle');
   static const internet = _TDIconsData(0xf179, 'internet');
@@ -166,116 +145,116 @@ class TDIcons {
   static const layers = _TDIconsData(0xf17c, 'layers');
   static const link_unlink = _TDIconsData(0xf17d, 'link_unlink');
   static const link = _TDIconsData(0xf17e, 'link');
-  static const loading_blue = _TDIconsData(0xf17f, 'loading_blue');
-  static const loading = _TDIconsData(0xf180, 'loading');
-  static const location = _TDIconsData(0xf181, 'location');
-  static const lock_off = _TDIconsData(0xf182, 'lock_off');
-  static const lock_on = _TDIconsData(0xf183, 'lock_on');
-  static const login = _TDIconsData(0xf184, 'login');
-  static const logo_android = _TDIconsData(0xf185, 'logo_android');
-  static const logo_apple_filled = _TDIconsData(0xf186, 'logo_apple_filled');
-  static const logo_apple = _TDIconsData(0xf187, 'logo_apple');
-  static const logo_chrome_filled = _TDIconsData(0xf188, 'logo_chrome_filled');
-  static const logo_chrome = _TDIconsData(0xf189, 'logo_chrome');
-  static const logo_codepen = _TDIconsData(0xf18a, 'logo_codepen');
-  static const logo_github_filled = _TDIconsData(0xf18b, 'logo_github_filled');
-  static const logo_github = _TDIconsData(0xf18c, 'logo_github');
-  static const logo_ie_filled = _TDIconsData(0xf18d, 'logo_ie_filled');
-  static const logo_ie = _TDIconsData(0xf18e, 'logo_ie');
-  static const logo_windows_filled =
-      _TDIconsData(0xf18f, 'logo_windows_filled');
-  static const logo_windows = _TDIconsData(0xf190, 'logo_windows');
-  static const logout = _TDIconsData(0xf191, 'logout');
-  static const mail = _TDIconsData(0xf192, 'mail');
-  static const menu_fold = _TDIconsData(0xf193, 'menu_fold');
-  static const menu_unfold = _TDIconsData(0xf194, 'menu_unfold');
-  static const minus_circle_filled =
-      _TDIconsData(0xf195, 'minus_circle_filled');
-  static const minus_circle = _TDIconsData(0xf196, 'minus_circle');
-  static const minus_rectangle = _TDIconsData(0xf197, 'minus_rectangle');
-  static const mobile_vibrate = _TDIconsData(0xf198, 'mobile_vibrate');
-  static const mobile = _TDIconsData(0xf199, 'mobile');
-  static const money_circle = _TDIconsData(0xf19a, 'money_circle');
-  static const more = _TDIconsData(0xf19b, 'more');
-  static const move = _TDIconsData(0xf19c, 'move');
-  static const next = _TDIconsData(0xf19d, 'next');
-  static const notification_filled =
-      _TDIconsData(0xf19e, 'notification_filled');
-  static const notification = _TDIconsData(0xf19f, 'notification');
-  static const order_adjustment_column =
-      _TDIconsData(0xf1a0, 'order_adjustment_column');
-  static const order_ascending = _TDIconsData(0xf1a1, 'order_ascending');
-  static const order_descending = _TDIconsData(0xf1a2, 'order_descending');
-  static const page_first = _TDIconsData(0xf1a3, 'page_first');
-  static const page_last = _TDIconsData(0xf1a4, 'page_last');
-  static const pause_circle_filled =
-      _TDIconsData(0xf1a5, 'pause_circle_filled');
-  static const photo = _TDIconsData(0xf1a6, 'photo');
-  static const pin = _TDIconsData(0xf1a7, 'pin');
-  static const play_circle_filled = _TDIconsData(0xf1a8, 'play_circle_filled');
-  static const play_circle_stroke = _TDIconsData(0xf1a9, 'play_circle_stroke');
-  static const play_circle = _TDIconsData(0xf1aa, 'play_circle');
-  static const play = _TDIconsData(0xf1ab, 'play');
-  static const poweroff = _TDIconsData(0xf1ac, 'poweroff');
-  static const precise_monitor = _TDIconsData(0xf1ad, 'precise_monitor');
-  static const previous = _TDIconsData(0xf1ae, 'previous');
-  static const print = _TDIconsData(0xf1af, 'print');
-  static const qrcode = _TDIconsData(0xf1b0, 'qrcode');
-  static const queue = _TDIconsData(0xf1b1, 'queue');
-  static const rectangle = _TDIconsData(0xf1b2, 'rectangle');
-  static const refresh = _TDIconsData(0xf1b3, 'refresh');
-  static const remove = _TDIconsData(0xf1b4, 'remove');
-  static const rollback = _TDIconsData(0xf1b5, 'rollback');
-  static const root_list = _TDIconsData(0xf1b6, 'root_list');
-  static const round = _TDIconsData(0xf1b7, 'round');
-  static const save = _TDIconsData(0xf1b8, 'save');
-  static const scan = _TDIconsData(0xf1b9, 'scan');
-  static const search = _TDIconsData(0xf1ba, 'search');
-  static const secured = _TDIconsData(0xf1bb, 'secured');
-  static const server = _TDIconsData(0xf1bc, 'server');
-  static const service = _TDIconsData(0xf1bd, 'service');
-  static const setting = _TDIconsData(0xf1be, 'setting');
-  static const share = _TDIconsData(0xf1bf, 'share');
-  static const shop = _TDIconsData(0xf1c0, 'shop');
-  static const slash = _TDIconsData(0xf1c1, 'slash');
-  static const sound = _TDIconsData(0xf1c2, 'sound');
-  static const star_filled = _TDIconsData(0xf1c3, 'star_filled');
-  static const star = _TDIconsData(0xf1c4, 'star');
-  static const stop_circle_1 = _TDIconsData(0xf1c5, 'stop_circle_1');
-  static const stop_circle_filled = _TDIconsData(0xf1c6, 'stop_circle_filled');
-  static const stop_circle = _TDIconsData(0xf1c7, 'stop_circle');
-  static const stop = _TDIconsData(0xf1c8, 'stop');
-  static const swap_left = _TDIconsData(0xf1c9, 'swap_left');
-  static const swap_right = _TDIconsData(0xf1ca, 'swap_right');
-  static const swap = _TDIconsData(0xf1cb, 'swap');
-  static const thumb_down = _TDIconsData(0xf1cc, 'thumb_down');
-  static const thumb_up = _TDIconsData(0xf1cd, 'thumb_up');
-  static const time_filled = _TDIconsData(0xf1ce, 'time_filled');
-  static const time = _TDIconsData(0xf1cf, 'time');
-  static const tips = _TDIconsData(0xf1d0, 'tips');
-  static const tools = _TDIconsData(0xf1d1, 'tools');
-  static const unfold_less = _TDIconsData(0xf1d2, 'unfold_less');
-  static const unfold_more = _TDIconsData(0xf1d3, 'unfold_more');
-  static const upload = _TDIconsData(0xf1d4, 'upload');
-  static const usb = _TDIconsData(0xf1d5, 'usb');
-  static const user_add = _TDIconsData(0xf1d6, 'user_add');
-  static const user_avatar = _TDIconsData(0xf1d7, 'user_avatar');
-  static const user_circle = _TDIconsData(0xf1d8, 'user_circle');
-  static const user_clear = _TDIconsData(0xf1d9, 'user_clear');
-  static const user_talk = _TDIconsData(0xf1da, 'user_talk');
-  static const user = _TDIconsData(0xf1db, 'user');
-  static const user2 = _TDIconsData(0xf1dc, 'user2');
-  static const usergroup_add = _TDIconsData(0xf1dd, 'usergroup_add');
-  static const usergroup_clear = _TDIconsData(0xf1de, 'usergroup_clear');
-  static const usergroup = _TDIconsData(0xf1df, 'usergroup');
-  static const video = _TDIconsData(0xf1e0, 'video');
-  static const view_column = _TDIconsData(0xf1e1, 'view_column');
-  static const view_list = _TDIconsData(0xf1e2, 'view_list');
-  static const view_module = _TDIconsData(0xf1e3, 'view_module');
-  static const wallet = _TDIconsData(0xf1e4, 'wallet');
-  static const wifi = _TDIconsData(0xf1e5, 'wifi');
-  static const zoom_in = _TDIconsData(0xf1e6, 'zoom_in');
-  static const zoom_out = _TDIconsData(0xf1e7, 'zoom_out');
+  static const location = _TDIconsData(0xf17f, 'location');
+  static const lock_off = _TDIconsData(0xf180, 'lock_off');
+  static const lock_on = _TDIconsData(0xf181, 'lock_on');
+  static const login = _TDIconsData(0xf182, 'login');
+  static const logo_android = _TDIconsData(0xf183, 'logo_android');
+  static const logo_apple_filled = _TDIconsData(0xf184, 'logo_apple_filled');
+  static const logo_apple = _TDIconsData(0xf185, 'logo_apple');
+  static const logo_chrome_filled = _TDIconsData(0xf186, 'logo_chrome_filled');
+  static const logo_chrome = _TDIconsData(0xf187, 'logo_chrome');
+  static const logo_codepen = _TDIconsData(0xf188, 'logo_codepen');
+  static const logo_github_filled = _TDIconsData(0xf189, 'logo_github_filled');
+  static const logo_github = _TDIconsData(0xf18a, 'logo_github');
+  static const logo_ie_filled = _TDIconsData(0xf18b, 'logo_ie_filled');
+  static const logo_ie = _TDIconsData(0xf18c, 'logo_ie');
+  static const logo_qq = _TDIconsData(0xf18d, 'logo_qq');
+  static const logo_wechat = _TDIconsData(0xf18e, 'logo_wechat');
+  static const logo_wecom = _TDIconsData(0xf18f, 'logo_wecom');
+  static const logo_windows_filled = _TDIconsData(0xf190, 'logo_windows_filled');
+  static const logo_windows = _TDIconsData(0xf191, 'logo_windows');
+  static const logout = _TDIconsData(0xf192, 'logout');
+  static const mail = _TDIconsData(0xf193, 'mail');
+  static const menu_application = _TDIconsData(0xf194, 'menu_application');
+  static const menu_fold = _TDIconsData(0xf195, 'menu_fold');
+  static const menu_unfold = _TDIconsData(0xf196, 'menu_unfold');
+  static const minus_circle_filled = _TDIconsData(0xf197, 'minus_circle_filled');
+  static const minus_circle = _TDIconsData(0xf198, 'minus_circle');
+  static const minus_rectangle = _TDIconsData(0xf199, 'minus_rectangle');
+  static const mirror = _TDIconsData(0xf19a, 'mirror');
+  static const mobile_vibrate = _TDIconsData(0xf19b, 'mobile_vibrate');
+  static const mobile = _TDIconsData(0xf19c, 'mobile');
+  static const money_circle = _TDIconsData(0xf19d, 'money_circle');
+  static const more = _TDIconsData(0xf19e, 'more');
+  static const move = _TDIconsData(0xf19f, 'move');
+  static const next = _TDIconsData(0xf1a0, 'next');
+  static const notification_filled = _TDIconsData(0xf1a1, 'notification_filled');
+  static const notification = _TDIconsData(0xf1a2, 'notification');
+  static const order_adjustment_column = _TDIconsData(0xf1a3, 'order_adjustment_column');
+  static const order_ascending = _TDIconsData(0xf1a4, 'order_ascending');
+  static const order_descending = _TDIconsData(0xf1a5, 'order_descending');
+  static const page_first = _TDIconsData(0xf1a6, 'page_first');
+  static const page_last = _TDIconsData(0xf1a7, 'page_last');
+  static const pause_circle_filled = _TDIconsData(0xf1a8, 'pause_circle_filled');
+  static const photo = _TDIconsData(0xf1a9, 'photo');
+  static const pin_filled = _TDIconsData(0xf1aa, 'pin_filled');
+  static const pin = _TDIconsData(0xf1ab, 'pin');
+  static const play_circle_filled = _TDIconsData(0xf1ac, 'play_circle_filled');
+  static const play_circle_stroke = _TDIconsData(0xf1ad, 'play_circle_stroke');
+  static const play_circle = _TDIconsData(0xf1ae, 'play_circle');
+  static const play = _TDIconsData(0xf1af, 'play');
+  static const poweroff = _TDIconsData(0xf1b0, 'poweroff');
+  static const precise_monitor = _TDIconsData(0xf1b1, 'precise_monitor');
+  static const previous = _TDIconsData(0xf1b2, 'previous');
+  static const print = _TDIconsData(0xf1b3, 'print');
+  static const qrcode = _TDIconsData(0xf1b4, 'qrcode');
+  static const queue = _TDIconsData(0xf1b5, 'queue');
+  static const rectangle = _TDIconsData(0xf1b6, 'rectangle');
+  static const refresh = _TDIconsData(0xf1b7, 'refresh');
+  static const relativity = _TDIconsData(0xf1b8, 'relativity');
+  static const remove = _TDIconsData(0xf1b9, 'remove');
+  static const rollback = _TDIconsData(0xf1ba, 'rollback');
+  static const root_list = _TDIconsData(0xf1bb, 'root_list');
+  static const rotation = _TDIconsData(0xf1bc, 'rotation');
+  static const round = _TDIconsData(0xf1bd, 'round');
+  static const save = _TDIconsData(0xf1be, 'save');
+  static const scan = _TDIconsData(0xf1bf, 'scan');
+  static const search = _TDIconsData(0xf1c0, 'search');
+  static const secured = _TDIconsData(0xf1c1, 'secured');
+  static const server = _TDIconsData(0xf1c2, 'server');
+  static const service = _TDIconsData(0xf1c3, 'service');
+  static const setting = _TDIconsData(0xf1c4, 'setting');
+  static const share = _TDIconsData(0xf1c5, 'share');
+  static const shop = _TDIconsData(0xf1c6, 'shop');
+  static const slash = _TDIconsData(0xf1c7, 'slash');
+  static const sound = _TDIconsData(0xf1c8, 'sound');
+  static const star_filled = _TDIconsData(0xf1c9, 'star_filled');
+  static const star = _TDIconsData(0xf1ca, 'star');
+  static const stop_circle_1 = _TDIconsData(0xf1cb, 'stop_circle_1');
+  static const stop_circle_filled = _TDIconsData(0xf1cc, 'stop_circle_filled');
+  static const stop_circle = _TDIconsData(0xf1cd, 'stop_circle');
+  static const stop = _TDIconsData(0xf1ce, 'stop');
+  static const swap_left = _TDIconsData(0xf1cf, 'swap_left');
+  static const swap_right = _TDIconsData(0xf1d0, 'swap_right');
+  static const swap = _TDIconsData(0xf1d1, 'swap');
+  static const thumb_down = _TDIconsData(0xf1d2, 'thumb_down');
+  static const thumb_up = _TDIconsData(0xf1d3, 'thumb_up');
+  static const time_filled = _TDIconsData(0xf1d4, 'time_filled');
+  static const time = _TDIconsData(0xf1d5, 'time');
+  static const tips = _TDIconsData(0xf1d6, 'tips');
+  static const tools = _TDIconsData(0xf1d7, 'tools');
+  static const unfold_less = _TDIconsData(0xf1d8, 'unfold_less');
+  static const unfold_more = _TDIconsData(0xf1d9, 'unfold_more');
+  static const upload = _TDIconsData(0xf1da, 'upload');
+  static const usb = _TDIconsData(0xf1db, 'usb');
+  static const user_add = _TDIconsData(0xf1dc, 'user_add');
+  static const user_avatar = _TDIconsData(0xf1dd, 'user_avatar');
+  static const user_circle = _TDIconsData(0xf1de, 'user_circle');
+  static const user_clear = _TDIconsData(0xf1df, 'user_clear');
+  static const user_talk = _TDIconsData(0xf1e0, 'user_talk');
+  static const user = _TDIconsData(0xf1e1, 'user');
+  static const usergroup_add = _TDIconsData(0xf1e2, 'usergroup_add');
+  static const usergroup_clear = _TDIconsData(0xf1e3, 'usergroup_clear');
+  static const usergroup = _TDIconsData(0xf1e4, 'usergroup');
+  static const video = _TDIconsData(0xf1e5, 'video');
+  static const view_column = _TDIconsData(0xf1e6, 'view_column');
+  static const view_list = _TDIconsData(0xf1e7, 'view_list');
+  static const view_module = _TDIconsData(0xf1e8, 'view_module');
+  static const wallet = _TDIconsData(0xf1e9, 'wallet');
+  static const wifi = _TDIconsData(0xf1ea, 'wifi');
+  static const zoom_in = _TDIconsData(0xf1eb, 'zoom_in');
+  static const zoom_out = _TDIconsData(0xf1ec, 'zoom_out');
 
   static const all = <String, _TDIconsData>{
     'add_circle': add_circle,
@@ -394,8 +373,8 @@ class TDIcons {
     'history': history,
     'home': home,
     'hourglass': hourglass,
+    'image_error': image_error,
     'image': image,
-    'info_circle_filled_1': info_circle_filled_1,
     'info_circle_filled': info_circle_filled,
     'info_circle': info_circle,
     'internet': internet,
@@ -404,8 +383,6 @@ class TDIcons {
     'layers': layers,
     'link_unlink': link_unlink,
     'link': link,
-    'loading_blue': loading_blue,
-    'loading': loading,
     'location': location,
     'lock_off': lock_off,
     'lock_on': lock_on,
@@ -420,15 +397,20 @@ class TDIcons {
     'logo_github': logo_github,
     'logo_ie_filled': logo_ie_filled,
     'logo_ie': logo_ie,
+    'logo_qq': logo_qq,
+    'logo_wechat': logo_wechat,
+    'logo_wecom': logo_wecom,
     'logo_windows_filled': logo_windows_filled,
     'logo_windows': logo_windows,
     'logout': logout,
     'mail': mail,
+    'menu_application': menu_application,
     'menu_fold': menu_fold,
     'menu_unfold': menu_unfold,
     'minus_circle_filled': minus_circle_filled,
     'minus_circle': minus_circle,
     'minus_rectangle': minus_rectangle,
+    'mirror': mirror,
     'mobile_vibrate': mobile_vibrate,
     'mobile': mobile,
     'money_circle': money_circle,
@@ -444,6 +426,7 @@ class TDIcons {
     'page_last': page_last,
     'pause_circle_filled': pause_circle_filled,
     'photo': photo,
+    'pin_filled': pin_filled,
     'pin': pin,
     'play_circle_filled': play_circle_filled,
     'play_circle_stroke': play_circle_stroke,
@@ -457,9 +440,11 @@ class TDIcons {
     'queue': queue,
     'rectangle': rectangle,
     'refresh': refresh,
+    'relativity': relativity,
     'remove': remove,
     'rollback': rollback,
     'root_list': root_list,
+    'rotation': rotation,
     'round': round,
     'save': save,
     'scan': scan,
@@ -497,7 +482,6 @@ class TDIcons {
     'user_clear': user_clear,
     'user_talk': user_talk,
     'user': user,
-    'user2': user2,
     'usergroup_add': usergroup_add,
     'usergroup_clear': usergroup_clear,
     'usergroup': usergroup,
diff --git a/lib/src/components/icon/td_icons_new.dart b/lib/src/components/icon/td_icons_new.dart
deleted file mode 100644
index ff4c83593..000000000
--- a/lib/src/components/icon/td_icons_new.dart
+++ /dev/null
@@ -1,505 +0,0 @@
-import 'package:flutter/widgets.dart';
-
-// GENERATED CODE - DO NOT MODIFY BY HAND
-// ignore_for_file: non_constant_identifier_names
-// ignore_for_file: constant_identifier_names
-@immutable
-class _TDIconsData extends IconData {
-  const _TDIconsData(int codePoint, this.name)
-      : super(
-          codePoint,
-          fontFamily: 'NewTDIcons',
-          fontPackage: 'tdesign_flutter',
-        );
-
-  final String name;
-}
-
-@immutable
-class TDIcons {
-  const TDIcons._();
-
-  static const add_circle = _TDIconsData(0xf101, 'add_circle');
-  static const add_rectangle = _TDIconsData(0xf102, 'add_rectangle');
-  static const add = _TDIconsData(0xf103, 'add');
-  static const app = _TDIconsData(0xf104, 'app');
-  static const arrow_down_rectangle = _TDIconsData(0xf105, 'arrow_down_rectangle');
-  static const arrow_down = _TDIconsData(0xf106, 'arrow_down');
-  static const arrow_left = _TDIconsData(0xf107, 'arrow_left');
-  static const arrow_right = _TDIconsData(0xf108, 'arrow_right');
-  static const arrow_up = _TDIconsData(0xf109, 'arrow_up');
-  static const attach = _TDIconsData(0xf10a, 'attach');
-  static const backtop_rectangle = _TDIconsData(0xf10b, 'backtop_rectangle');
-  static const backtop = _TDIconsData(0xf10c, 'backtop');
-  static const backward = _TDIconsData(0xf10d, 'backward');
-  static const barcode = _TDIconsData(0xf10e, 'barcode');
-  static const books = _TDIconsData(0xf10f, 'books');
-  static const browse_off = _TDIconsData(0xf110, 'browse_off');
-  static const browse = _TDIconsData(0xf111, 'browse');
-  static const bulletpoint = _TDIconsData(0xf112, 'bulletpoint');
-  static const calendar = _TDIconsData(0xf113, 'calendar');
-  static const call = _TDIconsData(0xf114, 'call');
-  static const caret_down_small = _TDIconsData(0xf115, 'caret_down_small');
-  static const caret_down = _TDIconsData(0xf116, 'caret_down');
-  static const caret_left_small = _TDIconsData(0xf117, 'caret_left_small');
-  static const caret_left = _TDIconsData(0xf118, 'caret_left');
-  static const caret_right_small = _TDIconsData(0xf119, 'caret_right_small');
-  static const caret_right = _TDIconsData(0xf11a, 'caret_right');
-  static const caret_up_small = _TDIconsData(0xf11b, 'caret_up_small');
-  static const caret_up = _TDIconsData(0xf11c, 'caret_up');
-  static const cart = _TDIconsData(0xf11d, 'cart');
-  static const chart_bar = _TDIconsData(0xf11e, 'chart_bar');
-  static const chart_bubble = _TDIconsData(0xf11f, 'chart_bubble');
-  static const chart_pie = _TDIconsData(0xf120, 'chart_pie');
-  static const chart = _TDIconsData(0xf121, 'chart');
-  static const chat = _TDIconsData(0xf122, 'chat');
-  static const check_circle_filled = _TDIconsData(0xf123, 'check_circle_filled');
-  static const check_circle = _TDIconsData(0xf124, 'check_circle');
-  static const check_rectangle_filled = _TDIconsData(0xf125, 'check_rectangle_filled');
-  static const check_rectangle = _TDIconsData(0xf126, 'check_rectangle');
-  static const check = _TDIconsData(0xf127, 'check');
-  static const chevron_down_circle = _TDIconsData(0xf128, 'chevron_down_circle');
-  static const chevron_down_rectangle = _TDIconsData(0xf129, 'chevron_down_rectangle');
-  static const chevron_down = _TDIconsData(0xf12a, 'chevron_down');
-  static const chevron_left_circle = _TDIconsData(0xf12b, 'chevron_left_circle');
-  static const chevron_left_rectangle = _TDIconsData(0xf12c, 'chevron_left_rectangle');
-  static const chevron_left_double = _TDIconsData(0xf12d, 'chevron_left_double');
-  static const chevron_left = _TDIconsData(0xf12e, 'chevron_left');
-  static const chevron_right_circle = _TDIconsData(0xf12f, 'chevron_right_circle');
-  static const chevron_right_rectangle = _TDIconsData(0xf130, 'chevron_right_rectangle');
-  static const chevron_right_double = _TDIconsData(0xf131, 'chevron_right_double');
-  static const chevron_right = _TDIconsData(0xf132, 'chevron_right');
-  static const chevron_up_circle = _TDIconsData(0xf133, 'chevron_up_circle');
-  static const chevron_up_rectangle = _TDIconsData(0xf134, 'chevron_up_rectangle');
-  static const chevron_up = _TDIconsData(0xf135, 'chevron_up');
-  static const circle = _TDIconsData(0xf136, 'circle');
-  static const clear = _TDIconsData(0xf137, 'clear');
-  static const close_circle_filled = _TDIconsData(0xf138, 'close_circle_filled');
-  static const close_circle = _TDIconsData(0xf139, 'close_circle');
-  static const close_rectangle = _TDIconsData(0xf13a, 'close_rectangle');
-  static const close = _TDIconsData(0xf13b, 'close');
-  static const cloud_download = _TDIconsData(0xf13c, 'cloud_download');
-  static const cloud_upload = _TDIconsData(0xf13d, 'cloud_upload');
-  static const cloud = _TDIconsData(0xf13e, 'cloud');
-  static const code = _TDIconsData(0xf13f, 'code');
-  static const control_platform = _TDIconsData(0xf140, 'control_platform');
-  static const creditcard = _TDIconsData(0xf141, 'creditcard');
-  static const dashboard = _TDIconsData(0xf142, 'dashboard');
-  static const delete = _TDIconsData(0xf143, 'delete');
-  static const desktop = _TDIconsData(0xf144, 'desktop');
-  static const discount_filled = _TDIconsData(0xf145, 'discount_filled');
-  static const discount = _TDIconsData(0xf146, 'discount');
-  static const download = _TDIconsData(0xf147, 'download');
-  static const edit_1 = _TDIconsData(0xf148, 'edit_1');
-  static const edit = _TDIconsData(0xf149, 'edit');
-  static const ellipsis = _TDIconsData(0xf14a, 'ellipsis');
-  static const enter = _TDIconsData(0xf14b, 'enter');
-  static const error_circle_filled = _TDIconsData(0xf14c, 'error_circle_filled');
-  static const error_circle = _TDIconsData(0xf14d, 'error_circle');
-  static const error = _TDIconsData(0xf14e, 'error');
-  static const file_add = _TDIconsData(0xf14f, 'file_add');
-  static const file_copy = _TDIconsData(0xf150, 'file_copy');
-  static const file_excel = _TDIconsData(0xf151, 'file_excel');
-  static const file_icon = _TDIconsData(0xf152, 'file_icon');
-  static const file_image = _TDIconsData(0xf153, 'file_image');
-  static const file_paste = _TDIconsData(0xf154, 'file_paste');
-  static const file_pdf = _TDIconsData(0xf155, 'file_pdf');
-  static const file_powerpoint = _TDIconsData(0xf156, 'file_powerpoint');
-  static const file_unknown = _TDIconsData(0xf157, 'file_unknown');
-  static const file_word = _TDIconsData(0xf158, 'file_word');
-  static const file = _TDIconsData(0xf159, 'file');
-  static const filter_clear = _TDIconsData(0xf15a, 'filter_clear');
-  static const filter = _TDIconsData(0xf15b, 'filter');
-  static const flag = _TDIconsData(0xf15c, 'flag');
-  static const folder_add = _TDIconsData(0xf15d, 'folder_add');
-  static const folder_open = _TDIconsData(0xf15e, 'folder_open');
-  static const folder = _TDIconsData(0xf15f, 'folder');
-  static const fork = _TDIconsData(0xf160, 'fork');
-  static const format_horizontal_align_bottom = _TDIconsData(0xf161, 'format_horizontal_align_bottom');
-  static const format_horizontal_align_center = _TDIconsData(0xf162, 'format_horizontal_align_center');
-  static const format_horizontal_align_top = _TDIconsData(0xf163, 'format_horizontal_align_top');
-  static const format_vertical_align_center = _TDIconsData(0xf164, 'format_vertical_align_center');
-  static const format_vertical_align_left = _TDIconsData(0xf165, 'format_vertical_align_left');
-  static const format_vertical_align_right = _TDIconsData(0xf166, 'format_vertical_align_right');
-  static const forward = _TDIconsData(0xf167, 'forward');
-  static const fullscreen_exit = _TDIconsData(0xf168, 'fullscreen_exit');
-  static const fullsreen = _TDIconsData(0xf169, 'fullsreen');
-  static const gender_female = _TDIconsData(0xf16a, 'gender_female');
-  static const gender_male = _TDIconsData(0xf16b, 'gender_male');
-  static const gift = _TDIconsData(0xf16c, 'gift');
-  static const heart_filled = _TDIconsData(0xf16d, 'heart_filled');
-  static const heart = _TDIconsData(0xf16e, 'heart');
-  static const help_circle_filled = _TDIconsData(0xf16f, 'help_circle_filled');
-  static const help_circle = _TDIconsData(0xf170, 'help_circle');
-  static const help = _TDIconsData(0xf171, 'help');
-  static const history = _TDIconsData(0xf172, 'history');
-  static const home = _TDIconsData(0xf173, 'home');
-  static const hourglass = _TDIconsData(0xf174, 'hourglass');
-  static const image_error = _TDIconsData(0xf175, 'image_error');
-  static const image = _TDIconsData(0xf176, 'image');
-  static const info_circle_filled = _TDIconsData(0xf177, 'info_circle_filled');
-  static const info_circle = _TDIconsData(0xf178, 'info_circle');
-  static const internet = _TDIconsData(0xf179, 'internet');
-  static const jump = _TDIconsData(0xf17a, 'jump');
-  static const laptop = _TDIconsData(0xf17b, 'laptop');
-  static const layers = _TDIconsData(0xf17c, 'layers');
-  static const link_unlink = _TDIconsData(0xf17d, 'link_unlink');
-  static const link = _TDIconsData(0xf17e, 'link');
-  static const loading_blue = _TDIconsData(0xf17f, 'loading_blue');
-  static const loading = _TDIconsData(0xf180, 'loading');
-  static const loading_1 = _TDIconsData(0xf181, 'loading_1');
-  static const location = _TDIconsData(0xf182, 'location');
-  static const lock_off = _TDIconsData(0xf183, 'lock_off');
-  static const lock_on = _TDIconsData(0xf184, 'lock_on');
-  static const login = _TDIconsData(0xf185, 'login');
-  static const logo_android = _TDIconsData(0xf186, 'logo_android');
-  static const logo_apple_filled = _TDIconsData(0xf187, 'logo_apple_filled');
-  static const logo_apple = _TDIconsData(0xf188, 'logo_apple');
-  static const logo_chrome_filled = _TDIconsData(0xf189, 'logo_chrome_filled');
-  static const logo_chrome = _TDIconsData(0xf18a, 'logo_chrome');
-  static const logo_codepen = _TDIconsData(0xf18b, 'logo_codepen');
-  static const logo_github_filled = _TDIconsData(0xf18c, 'logo_github_filled');
-  static const logo_github = _TDIconsData(0xf18d, 'logo_github');
-  static const logo_ie_filled = _TDIconsData(0xf18e, 'logo_ie_filled');
-  static const logo_ie = _TDIconsData(0xf18f, 'logo_ie');
-  static const logo_qq = _TDIconsData(0xf190, 'logo_qq');
-  static const logo_wechat = _TDIconsData(0xf191, 'logo_wechat');
-  static const logo_wecom = _TDIconsData(0xf192, 'logo_wecom');
-  static const logo_windows_filled = _TDIconsData(0xf193, 'logo_windows_filled');
-  static const logo_windows = _TDIconsData(0xf194, 'logo_windows');
-  static const logout = _TDIconsData(0xf195, 'logout');
-  static const mail = _TDIconsData(0xf196, 'mail');
-  static const menu_application = _TDIconsData(0xf197, 'menu_application');
-  static const menu_fold = _TDIconsData(0xf198, 'menu_fold');
-  static const menu_unfold = _TDIconsData(0xf199, 'menu_unfold');
-  static const minus_circle_filled = _TDIconsData(0xf19a, 'minus_circle_filled');
-  static const minus_circle = _TDIconsData(0xf19b, 'minus_circle');
-  static const minus_rectangle = _TDIconsData(0xf19c, 'minus_rectangle');
-  static const mirror = _TDIconsData(0xf19d, 'mirror');
-  static const mobile_vibrate = _TDIconsData(0xf19e, 'mobile_vibrate');
-  static const mobile = _TDIconsData(0xf19f, 'mobile');
-  static const money_circle = _TDIconsData(0xf1a0, 'money_circle');
-  static const more = _TDIconsData(0xf1a1, 'more');
-  static const move = _TDIconsData(0xf1a2, 'move');
-  static const next = _TDIconsData(0xf1a3, 'next');
-  static const notification_filled = _TDIconsData(0xf1a4, 'notification_filled');
-  static const notification = _TDIconsData(0xf1a5, 'notification');
-  static const order_adjustment_column = _TDIconsData(0xf1a6, 'order_adjustment_column');
-  static const order_ascending = _TDIconsData(0xf1a7, 'order_ascending');
-  static const order_descending = _TDIconsData(0xf1a8, 'order_descending');
-  static const page_first = _TDIconsData(0xf1a9, 'page_first');
-  static const page_last = _TDIconsData(0xf1aa, 'page_last');
-  static const pause_circle_filled = _TDIconsData(0xf1ab, 'pause_circle_filled');
-  static const photo = _TDIconsData(0xf1ac, 'photo');
-  static const pin_filled = _TDIconsData(0xf1ad, 'pin_filled');
-  static const pin = _TDIconsData(0xf1ae, 'pin');
-  static const play_circle_filled = _TDIconsData(0xf1af, 'play_circle_filled');
-  static const play_circle_stroke = _TDIconsData(0xf1b0, 'play_circle_stroke');
-  static const play_circle = _TDIconsData(0xf1b1, 'play_circle');
-  static const play = _TDIconsData(0xf1b2, 'play');
-  static const poweroff = _TDIconsData(0xf1b3, 'poweroff');
-  static const precise_monitor = _TDIconsData(0xf1b4, 'precise_monitor');
-  static const previous = _TDIconsData(0xf1b5, 'previous');
-  static const print = _TDIconsData(0xf1b6, 'print');
-  static const qrcode = _TDIconsData(0xf1b7, 'qrcode');
-  static const queue = _TDIconsData(0xf1b8, 'queue');
-  static const rectangle = _TDIconsData(0xf1b9, 'rectangle');
-  static const refresh = _TDIconsData(0xf1ba, 'refresh');
-  static const relativity = _TDIconsData(0xf1bb, 'relativity');
-  static const remove = _TDIconsData(0xf1bc, 'remove');
-  static const rollback = _TDIconsData(0xf1bd, 'rollback');
-  static const root_list = _TDIconsData(0xf1be, 'root_list');
-  static const rotation = _TDIconsData(0xf1bf, 'rotation');
-  static const round = _TDIconsData(0xf1c0, 'round');
-  static const save = _TDIconsData(0xf1c1, 'save');
-  static const scan = _TDIconsData(0xf1c2, 'scan');
-  static const search = _TDIconsData(0xf1c3, 'search');
-  static const secured = _TDIconsData(0xf1c4, 'secured');
-  static const server = _TDIconsData(0xf1c5, 'server');
-  static const service = _TDIconsData(0xf1c6, 'service');
-  static const setting = _TDIconsData(0xf1c7, 'setting');
-  static const share = _TDIconsData(0xf1c8, 'share');
-  static const shop = _TDIconsData(0xf1c9, 'shop');
-  static const slash = _TDIconsData(0xf1ca, 'slash');
-  static const sound = _TDIconsData(0xf1cb, 'sound');
-  static const star_filled = _TDIconsData(0xf1cc, 'star_filled');
-  static const star = _TDIconsData(0xf1cd, 'star');
-  static const stop_circle_filled = _TDIconsData(0xf1ce, 'stop_circle_filled');
-  static const stop_circle = _TDIconsData(0xf1cf, 'stop_circle');
-  static const stop_circle_1 = _TDIconsData(0xf1d0, 'stop_circle_1');
-  static const stop = _TDIconsData(0xf1d1, 'stop');
-  static const swap_left = _TDIconsData(0xf1d2, 'swap_left');
-  static const swap_right = _TDIconsData(0xf1d3, 'swap_right');
-  static const swap = _TDIconsData(0xf1d4, 'swap');
-  static const t_design_logo = _TDIconsData(0xf1d5, 't_design_logo');
-  static const thumb_down = _TDIconsData(0xf1d6, 'thumb_down');
-  static const thumb_up = _TDIconsData(0xf1d7, 'thumb_up');
-  static const time_filled = _TDIconsData(0xf1d8, 'time_filled');
-  static const time = _TDIconsData(0xf1d9, 'time');
-  static const tips = _TDIconsData(0xf1da, 'tips');
-  static const tools = _TDIconsData(0xf1db, 'tools');
-  static const unfold_less = _TDIconsData(0xf1dc, 'unfold_less');
-  static const unfold_more = _TDIconsData(0xf1dd, 'unfold_more');
-  static const upload = _TDIconsData(0xf1de, 'upload');
-  static const usb = _TDIconsData(0xf1df, 'usb');
-  static const user_add = _TDIconsData(0xf1e0, 'user_add');
-  static const user_avatar = _TDIconsData(0xf1e1, 'user_avatar');
-  static const user_circle = _TDIconsData(0xf1e2, 'user_circle');
-  static const user_clear = _TDIconsData(0xf1e3, 'user_clear');
-  static const user_talk = _TDIconsData(0xf1e4, 'user_talk');
-  static const user = _TDIconsData(0xf1e5, 'user');
-  static const usergroup_add = _TDIconsData(0xf1e6, 'usergroup_add');
-  static const usergroup_clear = _TDIconsData(0xf1e7, 'usergroup_clear');
-  static const usergroup = _TDIconsData(0xf1e8, 'usergroup');
-  static const video = _TDIconsData(0xf1e9, 'video');
-  static const view_column = _TDIconsData(0xf1ea, 'view_column');
-  static const view_list = _TDIconsData(0xf1eb, 'view_list');
-  static const view_module = _TDIconsData(0xf1ec, 'view_module');
-  static const wallet = _TDIconsData(0xf1ed, 'wallet');
-  static const wifi = _TDIconsData(0xf1ee, 'wifi');
-  static const zoom_in = _TDIconsData(0xf1ef, 'zoom_in');
-  static const zoom_out = _TDIconsData(0xf1f0, 'zoom_out');
-
-  static const all = <String, _TDIconsData>{
-    'add_circle': add_circle,
-    'add_rectangle': add_rectangle,
-    'add': add,
-    'app': app,
-    'arrow_down_rectangle': arrow_down_rectangle,
-    'arrow_down': arrow_down,
-    'arrow_left': arrow_left,
-    'arrow_right': arrow_right,
-    'arrow_up': arrow_up,
-    'attach': attach,
-    'backtop_rectangle': backtop_rectangle,
-    'backtop': backtop,
-    'backward': backward,
-    'barcode': barcode,
-    'books': books,
-    'browse_off': browse_off,
-    'browse': browse,
-    'bulletpoint': bulletpoint,
-    'calendar': calendar,
-    'call': call,
-    'caret_down_small': caret_down_small,
-    'caret_down': caret_down,
-    'caret_left_small': caret_left_small,
-    'caret_left': caret_left,
-    'caret_right_small': caret_right_small,
-    'caret_right': caret_right,
-    'caret_up_small': caret_up_small,
-    'caret_up': caret_up,
-    'cart': cart,
-    'chart_bar': chart_bar,
-    'chart_bubble': chart_bubble,
-    'chart_pie': chart_pie,
-    'chart': chart,
-    'chat': chat,
-    'check_circle_filled': check_circle_filled,
-    'check_circle': check_circle,
-    'check_rectangle_filled': check_rectangle_filled,
-    'check_rectangle': check_rectangle,
-    'check': check,
-    'chevron_down_circle': chevron_down_circle,
-    'chevron_down_rectangle': chevron_down_rectangle,
-    'chevron_down': chevron_down,
-    'chevron_left_circle': chevron_left_circle,
-    'chevron_left_rectangle': chevron_left_rectangle,
-    'chevron_left_double': chevron_left_double,
-    'chevron_left': chevron_left,
-    'chevron_right_circle': chevron_right_circle,
-    'chevron_right_rectangle': chevron_right_rectangle,
-    'chevron_right_double': chevron_right_double,
-    'chevron_right': chevron_right,
-    'chevron_up_circle': chevron_up_circle,
-    'chevron_up_rectangle': chevron_up_rectangle,
-    'chevron_up': chevron_up,
-    'circle': circle,
-    'clear': clear,
-    'close_circle_filled': close_circle_filled,
-    'close_circle': close_circle,
-    'close_rectangle': close_rectangle,
-    'close': close,
-    'cloud_download': cloud_download,
-    'cloud_upload': cloud_upload,
-    'cloud': cloud,
-    'code': code,
-    'control_platform': control_platform,
-    'creditcard': creditcard,
-    'dashboard': dashboard,
-    'delete': delete,
-    'desktop': desktop,
-    'discount_filled': discount_filled,
-    'discount': discount,
-    'download': download,
-    'edit_1': edit_1,
-    'edit': edit,
-    'ellipsis': ellipsis,
-    'enter': enter,
-    'error_circle_filled': error_circle_filled,
-    'error_circle': error_circle,
-    'error': error,
-    'file_add': file_add,
-    'file_copy': file_copy,
-    'file_excel': file_excel,
-    'file_icon': file_icon,
-    'file_image': file_image,
-    'file_paste': file_paste,
-    'file_pdf': file_pdf,
-    'file_powerpoint': file_powerpoint,
-    'file_unknown': file_unknown,
-    'file_word': file_word,
-    'file': file,
-    'filter_clear': filter_clear,
-    'filter': filter,
-    'flag': flag,
-    'folder_add': folder_add,
-    'folder_open': folder_open,
-    'folder': folder,
-    'fork': fork,
-    'format_horizontal_align_bottom': format_horizontal_align_bottom,
-    'format_horizontal_align_center': format_horizontal_align_center,
-    'format_horizontal_align_top': format_horizontal_align_top,
-    'format_vertical_align_center': format_vertical_align_center,
-    'format_vertical_align_left': format_vertical_align_left,
-    'format_vertical_align_right': format_vertical_align_right,
-    'forward': forward,
-    'fullscreen_exit': fullscreen_exit,
-    'fullsreen': fullsreen,
-    'gender_female': gender_female,
-    'gender_male': gender_male,
-    'gift': gift,
-    'heart_filled': heart_filled,
-    'heart': heart,
-    'help_circle_filled': help_circle_filled,
-    'help_circle': help_circle,
-    'help': help,
-    'history': history,
-    'home': home,
-    'hourglass': hourglass,
-    'image_error': image_error,
-    'image': image,
-    'info_circle_filled': info_circle_filled,
-    'info_circle': info_circle,
-    'internet': internet,
-    'jump': jump,
-    'laptop': laptop,
-    'layers': layers,
-    'link_unlink': link_unlink,
-    'link': link,
-    'loading_blue': loading_blue,
-    'loading': loading,
-    'loading_1': loading_1,
-    'location': location,
-    'lock_off': lock_off,
-    'lock_on': lock_on,
-    'login': login,
-    'logo_android': logo_android,
-    'logo_apple_filled': logo_apple_filled,
-    'logo_apple': logo_apple,
-    'logo_chrome_filled': logo_chrome_filled,
-    'logo_chrome': logo_chrome,
-    'logo_codepen': logo_codepen,
-    'logo_github_filled': logo_github_filled,
-    'logo_github': logo_github,
-    'logo_ie_filled': logo_ie_filled,
-    'logo_ie': logo_ie,
-    'logo_qq': logo_qq,
-    'logo_wechat': logo_wechat,
-    'logo_wecom': logo_wecom,
-    'logo_windows_filled': logo_windows_filled,
-    'logo_windows': logo_windows,
-    'logout': logout,
-    'mail': mail,
-    'menu_application': menu_application,
-    'menu_fold': menu_fold,
-    'menu_unfold': menu_unfold,
-    'minus_circle_filled': minus_circle_filled,
-    'minus_circle': minus_circle,
-    'minus_rectangle': minus_rectangle,
-    'mirror': mirror,
-    'mobile_vibrate': mobile_vibrate,
-    'mobile': mobile,
-    'money_circle': money_circle,
-    'more': more,
-    'move': move,
-    'next': next,
-    'notification_filled': notification_filled,
-    'notification': notification,
-    'order_adjustment_column': order_adjustment_column,
-    'order_ascending': order_ascending,
-    'order_descending': order_descending,
-    'page_first': page_first,
-    'page_last': page_last,
-    'pause_circle_filled': pause_circle_filled,
-    'photo': photo,
-    'pin_filled': pin_filled,
-    'pin': pin,
-    'play_circle_filled': play_circle_filled,
-    'play_circle_stroke': play_circle_stroke,
-    'play_circle': play_circle,
-    'play': play,
-    'poweroff': poweroff,
-    'precise_monitor': precise_monitor,
-    'previous': previous,
-    'print': print,
-    'qrcode': qrcode,
-    'queue': queue,
-    'rectangle': rectangle,
-    'refresh': refresh,
-    'relativity': relativity,
-    'remove': remove,
-    'rollback': rollback,
-    'root_list': root_list,
-    'rotation': rotation,
-    'round': round,
-    'save': save,
-    'scan': scan,
-    'search': search,
-    'secured': secured,
-    'server': server,
-    'service': service,
-    'setting': setting,
-    'share': share,
-    'shop': shop,
-    'slash': slash,
-    'sound': sound,
-    'star_filled': star_filled,
-    'star': star,
-    'stop_circle_filled': stop_circle_filled,
-    'stop_circle': stop_circle,
-    'stop_circle(1)': stop_circle_1,
-    'stop': stop,
-    'swap_left': swap_left,
-    'swap_right': swap_right,
-    'swap': swap,
-    't_design_logo': t_design_logo,
-    'thumb_down': thumb_down,
-    'thumb_up': thumb_up,
-    'time_filled': time_filled,
-    'time': time,
-    'tips': tips,
-    'tools': tools,
-    'unfold_less': unfold_less,
-    'unfold_more': unfold_more,
-    'upload': upload,
-    'usb': usb,
-    'user_add': user_add,
-    'user_avatar': user_avatar,
-    'user_circle': user_circle,
-    'user_clear': user_clear,
-    'user_talk': user_talk,
-    'user': user,
-    'usergroup_add': usergroup_add,
-    'usergroup_clear': usergroup_clear,
-    'usergroup': usergroup,
-    'video': video,
-    'view_column': view_column,
-    'view_list': view_list,
-    'view_module': view_module,
-    'wallet': wallet,
-    'wifi': wifi,
-    'zoom_in': zoom_in,
-    'zoom_out': zoom_out,
-  };
-}
diff --git a/pubspec.yaml b/pubspec.yaml
index 412f4c6a7..6cb6452fe 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -36,9 +36,6 @@ flutter:
     - family: TDIcons
       fonts:
         - asset: assets/tdesign/td_icons.ttf
-    - family: NewTDIcons
-      fonts:
-        - asset: assets/tdesign/td_icons_new.ttf
 
 
   # To add assets to your plugin package, add an assets section, like this: