refactor(desktop): all icons updated

emqx · Jan 26, 2024 · 200850d · 200850d
1 parent 462f5a3
commit 200850d
Show file tree

Hide file tree

Showing 14 changed files with 488 additions and 366 deletions.
diff --git a/src/assets/font/iconfont.css b/src/assets/font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 1257443 */
-  src: url('iconfont.woff2?t=1668757527838') format('woff2'),
-       url('iconfont.woff?t=1668757527838') format('woff'),
-       url('iconfont.ttf?t=1668757527838') format('truetype');
+  src: url('iconfont.woff2?t=1706248596667') format('woff2'),
+       url('iconfont.woff?t=1706248596667') format('woff'),
+       url('iconfont.ttf?t=1706248596667') format('truetype');
 }
 
 .iconfont {
@@ -13,148 +13,192 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-mqtt:before {
-  content: "\e79a";
+.icon-create-new:before {
+  content: "\e7fa";
 }
 
-.icon-a-createnew:before {
-  content: "\e792";
+.icon-x:before {
+  content: "\e801";
 }
 
-.icon-connections:before {
-  content: "\e790";
+.icon-more:before {
+  content: "\e7e1";
 }
 
-.icon-help:before {
-  content: "\e78b";
+.icon-new:before {
+  content: "\e7e5";
 }
 
-.icon-github:before {
-  content: "\e75b";
+.icon-stop-timing:before {
+  content: "\e7ec";
 }
 
-.icon-website:before {
-  content: "\e75a";
+.icon-stop-script:before {
+  content: "\e7f6";
 }
 
-.icon-faq:before {
-  content: "\e759";
+.icon-script:before {
+  content: "\e7f3";
 }
 
-.icon-discord:before {
-  content: "\e66e";
+.icon-log:before {
+  content: "\e7ed";
 }
 
-.icon-cloud-logo:before {
-  content: "\e602";
+.icon-viewer:before {
+  content: "\e7fc";
 }
 
-.icon-download:before {
-  content: "\e6ab";
+.icon-backup:before {
+  content: "\e7f1";
 }
 
-.icon-language:before {
-  content: "\e61b";
+.icon-bytes-statistics:before {
+  content: "\e7f2";
 }
 
-.icon-youtube:before {
-  content: "\e612";
+.icon-import-data:before {
+  content: "\e7f4";
 }
 
-.icon-linkedin:before {
-  content: "\e601";
-}
-
-.icon-more:before {
-  content: "\e6e5";
+.icon-about:before {
+  content: "\e7f5";
 }
 
 .icon-edit:before {
-  content: "\e6e2";
+  content: "\e7f7";
 }
 
-.icon-a-stopscrip:before {
-  content: "\e6e0";
+.icon-copy:before {
+  content: "\e7f8";
 }
 
-.icon-a-clearhistory:before {
-  content: "\e6e4";
+.icon-connections:before {
+  content: "\e7f9";
 }
 
-.icon-a-stoptiming:before {
-  content: "\e6df";
+.icon-refresh:before {
+  content: "\e7fb";
 }
 
 .icon-collapse:before {
-  content: "\e6e1";
+  content: "\e7fd";
 }
 
-.icon-copy:before {
-  content: "\e6e3";
+.icon-chat:before {
+  content: "\e7fe";
 }
 
-.icon-a-bytesstatistics:before {
-  content: "\e6dd";
+.icon-disconnect:before {
+  content: "\e7ff";
 }
 
-.icon-delete:before {
-  content: "\e6de";
+.icon-hide-connections:before {
+  content: "\e800";
 }
 
-.icon-log:before {
-  content: "\e6d8";
+.icon-help:before {
+  content: "\e7e2";
 }
 
-.icon-script:before {
-  content: "\e6dc";
+.icon-timed-message:before {
+  content: "\e7e3";
 }
 
-.icon-new:before {
-  content: "\e6db";
+.icon-use-script:before {
+  content: "\e7e4";
 }
 
-.icon-a-timedmessage:before {
-  content: "\e6c6";
+.icon-new-window:before {
+  content: "\e7e6";
 }
 
-.icon-a-exportdata:before {
-  content: "\e6c9";
+.icon-delete:before {
+  content: "\e7e7";
 }
 
-.icon-a-importdata:before {
-  content: "\e6cb";
+.icon-send:before {
+  content: "\e7e8";
 }
 
-.icon-search:before {
-  content: "\e6cc";
+.icon-clear-history:before {
+  content: "\e7e9";
 }
 
-.icon-about:before {
-  content: "\e6ce";
+.icon-export-data:before {
+  content: "\e7ea";
+}
+
+.icon-frame:before {
+  content: "\e7eb";
+}
+
+.icon-down:before {
+  content: "\e7ee";
 }
 
 .icon-right:before {
-  content: "\e6d1";
+  content: "\e7ef";
 }
 
 .icon-left:before {
-  content: "\e6d2";
+  content: "\e7f0";
 }
 
-.icon-middle:before {
-  content: "\e6d3";
+.icon-run-script:before {
+  content: "\e7db";
 }
 
-.icon-a-newwindow:before {
-  content: "\e6d4";
+.icon-middle:before {
+  content: "\e7dc";
 }
 
 .icon-settings:before {
-  content: "\e6d6";
+  content: "\e7dd";
 }
 
-.icon-a-usescript:before {
-  content: "\e6d7";
+.icon-show-connections:before {
+  content: "\e7da";
+}
+
+.icon-website:before {
+  content: "\e7de";
+}
+
+.icon-search:before {
+  content: "\e7df";
+}
+
+.icon-mqtt:before {
+  content: "\e79a";
+}
+
+.icon-github:before {
+  content: "\e75b";
+}
+
+.icon-faq:before {
+  content: "\e759";
+}
+
+.icon-discord:before {
+  content: "\e66e";
+}
+
+.icon-cloud-logo:before {
+  content: "\e602";
+}
+
+.icon-language:before {
+  content: "\e61b";
+}
+
+.icon-youtube:before {
+  content: "\e612";
+}
+
+.icon-linkedin:before {
+  content: "\e601";
 }
 
 .icon-fold:before {
@@ -165,10 +209,6 @@
   content: "\e6da";
 }
 
-.icon-triangle:before {
-  content: "\e8e3";
-}
-
 .icon-qq:before {
   content: "\e615";
 }
@@ -177,19 +217,11 @@
   content: "\e73a";
 }
 
-.icon-we-chat:before {
+.icon-wechat:before {
   content: "\e70e";
 }
 
-.icon-ttww:before {
-  content: "\e6c7";
-}
-
 .icon-slack:before {
   content: "\e641";
 }
 
-.icon-send:before {
-  content: "\e62f";
-}
-
diff --git a/src/assets/font/iconfont.js b/src/assets/font/iconfont.js