diff --git a/web/src/assets/icon-font/iconfont.css b/web/src/assets/icon-font/iconfont.css
index fe9033b0..dc17607d 100644
--- a/web/src/assets/icon-font/iconfont.css
+++ b/web/src/assets/icon-font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2479351 */
-  src: url('iconfont.woff2?t=1690537337895') format('woff2'),
-       url('iconfont.woff?t=1690537337895') format('woff'),
-       url('iconfont.ttf?t=1690537337895') format('truetype');
+  src: url('iconfont.woff2?t=1691822758372') format('woff2'),
+       url('iconfont.woff?t=1691822758372') format('woff'),
+       url('iconfont.ttf?t=1691822758372') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icontouming:before {
+  content: "\e60c";
+}
+
 .iconlieri:before {
   content: "\e60b";
 }
diff --git a/web/src/assets/icon-font/iconfont.ttf b/web/src/assets/icon-font/iconfont.ttf
index 4b0d897e..028f19ae 100644
Binary files a/web/src/assets/icon-font/iconfont.ttf and b/web/src/assets/icon-font/iconfont.ttf differ
diff --git a/web/src/assets/icon-font/iconfont.woff b/web/src/assets/icon-font/iconfont.woff
index 09e3ebb3..3a255b1f 100644
Binary files a/web/src/assets/icon-font/iconfont.woff and b/web/src/assets/icon-font/iconfont.woff differ
diff --git a/web/src/assets/icon-font/iconfont.woff2 b/web/src/assets/icon-font/iconfont.woff2
index 10ffcf6c..972819c3 100644
Binary files a/web/src/assets/icon-font/iconfont.woff2 and b/web/src/assets/icon-font/iconfont.woff2 differ
diff --git a/web/src/config/zh.js b/web/src/config/zh.js
index 21fccc0a..c33c1cdf 100644
--- a/web/src/config/zh.js
+++ b/web/src/config/zh.js
@@ -97,7 +97,8 @@ export const colorList = [
   '#0C797D',
   '#0062B1',
   '#653294',
-  '#AB149E'
+  '#AB149E',
+  'transparent'
 ]
 
 // 边框宽度
diff --git a/web/src/pages/Edit/components/Color.vue b/web/src/pages/Edit/components/Color.vue
index 661a06bf..bd81deb9 100644
--- a/web/src/pages/Edit/components/Color.vue
+++ b/web/src/pages/Edit/components/Color.vue
@@ -2,9 +2,10 @@
   <div class="colorContainer" :class="{ isDark: isDark }">
     <div class="colorList">
       <span
-        class="colorItem"
+        class="colorItem iconfont"
         v-for="item in colorList"
         :style="{ backgroundColor: item }"
+        :class="{ icontouming: item === 'transparent' }"
         :key="item"
         @click="clickColorItem(item)"
       ></span>
@@ -87,9 +88,13 @@ export default {
 
 .colorList {
   width: 240px;
+  display: flex;
+  flex-wrap: wrap;
 
   .colorItem {
-    display: inline-block;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 15px;
     height: 15px;
     margin-right: 5px;