diff --git a/src/assets/icons/_icon.scss b/src/assets/icons/_icon.scss
index b9ed579..96609ad 100644
--- a/src/assets/icons/_icon.scss
+++ b/src/assets/icons/_icon.scss
@@ -15,6 +15,7 @@ $icons: (
   area14-detail,
   area14,
   battery_charge,
+  door-area,
   battery,
   connect_off,
   connect_on,
diff --git a/src/assets/icons/dark/door-area.png b/src/assets/icons/dark/door-area.png
new file mode 100644
index 0000000..8864fce
Binary files /dev/null and b/src/assets/icons/dark/door-area.png differ
diff --git a/src/assets/icons/light/door-area.png b/src/assets/icons/light/door-area.png
new file mode 100644
index 0000000..8864fce
Binary files /dev/null and b/src/assets/icons/light/door-area.png differ
diff --git a/src/assets/icons/png/guanmenicon.png b/src/assets/icons/png/guanmenicon.png
new file mode 100644
index 0000000..8864fce
Binary files /dev/null and b/src/assets/icons/png/guanmenicon.png differ
diff --git a/src/components/editor-toolbar.vue b/src/components/editor-toolbar.vue
index cf105a1..cb26bfa 100644
--- a/src/components/editor-toolbar.vue
+++ b/src/components/editor-toolbar.vue
@@ -116,7 +116,7 @@ const canDelete = computed<boolean>(() => editor.value.current.value?.name === '
       :title="$t('门区域')"
       @click="mode = DOOR_AREA_TYPE as any"
     >
-      <i class="icon" :class="mode === (DOOR_AREA_TYPE as any) ? 'area14-active' : 'area14'" />
+      <i class="icon door-area" />
     </a-button>
     <a-divider class="size-24 mh-8" type="vertical" />
 
@@ -150,4 +150,7 @@ const canDelete = computed<boolean>(() => editor.value.current.value?.name === '
 .icon.area14-detail {
   font-size: 28px;
 }
+.door-area {
+  font-size: 22px !important;
+}
 </style>