diff --git a/packages/vant-css/scripts/icon-template.css b/packages/vant-css/scripts/icon-template.css
index 80008e269..0bc5d715d 100644
--- a/packages/vant-css/scripts/icon-template.css
+++ b/packages/vant-css/scripts/icon-template.css
@@ -6,6 +6,7 @@
 }
 
 .van-icon {
+  width: 1em;
   display: inline-block;
   font: normal normal normal 14px/1 "<%= fontName %>";
   font-size: inherit;
diff --git a/packages/vant-css/src/icon.css b/packages/vant-css/src/icon.css
index 355298e90..cd627cf09 100644
--- a/packages/vant-css/src/icon.css
+++ b/packages/vant-css/src/icon.css
@@ -6,6 +6,7 @@
 }
 
 .van-icon {
+  width: 1em;
   display: inline-block;
   font: normal normal normal 14px/1 "vant-icon";
   font-size: inherit;
diff --git a/packages/vant-css/src/loading.css b/packages/vant-css/src/loading.css
index 737b785b1..330c3b478 100644
--- a/packages/vant-css/src/loading.css
+++ b/packages/vant-css/src/loading.css
@@ -60,6 +60,7 @@
     }
 
     &--spinner {
+      color: $gray;
       animation-timing-function: steps(12);
 
       i {
@@ -76,14 +77,12 @@
           display: block;
           margin: 0 auto;
           border-radius: 40%;
-          background-color: $gray;
+          background-color: currentColor;
         }
       }
 
       &.van-loading__spinner--white {
-        i::before {
-          background-color: #fff;
-        }
+        color: #fff;
       }
     }
   }