diff --git a/src/assets/icons/DetailCompare.svg b/src/assets/icons/DetailCompare.svg
new file mode 100644
index 00000000..aeceaf6b
--- /dev/null
+++ b/src/assets/icons/DetailCompare.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" ?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
<g clip-path="url(#clip0_105_1836)">
+
<path d="M13 3.99976H6C4.89543 3.99976 4 4.89519 4 5.99976V17.9998C4 19.1043 4.89543 19.9998 6 19.9998H13M17 3.99976H18C19.1046 3.99976 20 4.89519 20 5.99976V6.99976M20 16.9998V17.9998C20 19.1043 19.1046 19.9998 18 19.9998H17M20 10.9998V12.9998M12 1.99976V21.9998" stroke="#292929" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+
</g>
+
<defs>
+
<clipPath id="clip0_105_1836">
+
<rect fill="white" height="24" transform="translate(0 -0.000244141)" width="24"/>
+
</clipPath>
+
</defs>
+
</svg>
\ No newline at end of file
diff --git a/src/component/Detail/model/index.vue b/src/component/Detail/model/index.vue
index 3d95a5aa..f4469076 100644
--- a/src/component/Detail/model/index.vue
+++ b/src/component/Detail/model/index.vue
@@ -26,7 +26,9 @@
 				<i v-show="!body && deleteShow" class="fi fi-br-check" @click="deleteNav(1)"></i> -->
 
 				<!-- 层 -->
-				<i class="fi fi-rr-copy" :title="$t('DesignDetail.compareTitle')" @mousedown="mousedownDesignImg" @mouseup="mousedownDesignImg" @touchstart="mousedownDesignImg" @touchend="mousedownDesignImg"></i>
+				<i :title="$t('DesignDetail.compareTitle')" @mousedown="mousedownDesignImg" @mouseup="mousedownDesignImg" @touchstart="mousedownDesignImg" @touchend="mousedownDesignImg">
+					<SvgIcon name="DetailCompare" size="30" />
+				</i>
 				
 			</div>
 			<position ref="position" @modelOnLoad="()=>$emit('modelOnLoad')" @canvasReload="()=>$emit('canvasReload')" @addSketch="()=>$emit('addSketch')" :imgDesignImg=imgDesignImg></position>