diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index 5d5a0ba5..78eec35f 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -510,8 +510,9 @@
 @uploader-upload-border-color: @gray-3;
 @uploader-upload-border-radius: 4px;
 @uploader-upload-background-color: @white;
-@uploader-delete-color: @white;
-@uploader-delete-background-color: rgba(0, 0, 0, .45);
+@uploader-delete-color: @gray-6;
+@uploader-delete-icon-size: 18px;
+@uploader-delete-background-color: @white;
 @uploader-file-background-color: @background-color;
 @uploader-file-icon-size: 20px;
 @uploader-file-icon-color: @gray-7;
diff --git a/packages/uploader/index.less b/packages/uploader/index.less
index b7cf8607..769f5a8b 100644
--- a/packages/uploader/index.less
+++ b/packages/uploader/index.less
@@ -51,15 +51,12 @@
 
     &-delete {
       position: absolute;
-      right: 0;
-      bottom: 0;
-      display: inline-block;
-      width: 18px;
-      height: 18px;
-      padding: 1px;
+      top: -8px;
+      right: -8px;
       color: @uploader-delete-color;
-      text-align: center;
+      font-size: @uploader-delete-icon-size;
       background-color: @uploader-delete-background-color;
+      border-radius: 100%;
     }
   }
 
diff --git a/packages/uploader/index.wxml b/packages/uploader/index.wxml
index 0237b616..75315820 100644
--- a/packages/uploader/index.wxml
+++ b/packages/uploader/index.wxml
@@ -28,7 +28,7 @@
         <view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url || item.path }}</view>
       </view>
       <van-icon
-        name="delete"
+        name="clear"
         class="van-uploader__preview-delete"
         data-index="{{ index }}"
         bind:tap="deleteItem"