diff --git a/src/pull-refresh/PullRefresh.tsx b/src/pull-refresh/PullRefresh.tsx
index 3becd3dc7..a7a97261c 100644
--- a/src/pull-refresh/PullRefresh.tsx
+++ b/src/pull-refresh/PullRefresh.tsx
@@ -129,7 +129,7 @@ export default defineComponent({
         nodes.push(<div class={bem('text')}>{getStatusText()}</div>);
       }
       if (status === 'loading') {
-        nodes.push(<Loading size="16">{getStatusText()}</Loading>);
+        nodes.push(<Loading class={bem('loading')}>{getStatusText()}</Loading>);
       }
 
       return nodes;
diff --git a/src/pull-refresh/README.md b/src/pull-refresh/README.md
index 78fd4829b..c99567e6a 100644
--- a/src/pull-refresh/README.md
+++ b/src/pull-refresh/README.md
@@ -134,8 +134,9 @@ Use slots to custom tips.
 
 How to use: [Custom Theme](#/en-US/theme).
 
-| Name                          | Default Value   | Description |
-| ----------------------------- | --------------- | ----------- |
-| @pull-refresh-head-height     | `50px`          | -           |
-| @pull-refresh-head-font-size  | `@font-size-md` | -           |
-| @pull-refresh-head-text-color | `@gray-6`       | -           |
+| Name                            | Default Value   | Description |
+| ------------------------------- | --------------- | ----------- |
+| @pull-refresh-head-height       | `50px`          | -           |
+| @pull-refresh-head-font-size    | `@font-size-md` | -           |
+| @pull-refresh-head-text-color   | `@gray-6`       | -           |
+| @pull-refresh-loading-icon-size | `16px`          | -           |
diff --git a/src/pull-refresh/README.zh-CN.md b/src/pull-refresh/README.zh-CN.md
index 4a42855c9..2a085cfa8 100644
--- a/src/pull-refresh/README.zh-CN.md
+++ b/src/pull-refresh/README.zh-CN.md
@@ -141,11 +141,12 @@ export default {
 
 组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
 
-| 名称                          | 默认值          | 描述 |
-| ----------------------------- | --------------- | ---- |
-| @pull-refresh-head-height     | `50px`          | -    |
-| @pull-refresh-head-font-size  | `@font-size-md` | -    |
-| @pull-refresh-head-text-color | `@gray-6`       | -    |
+| 名称                            | 默认值          | 描述 |
+| ------------------------------- | --------------- | ---- |
+| @pull-refresh-head-height       | `50px`          | -    |
+| @pull-refresh-head-font-size    | `@font-size-md` | -    |
+| @pull-refresh-head-text-color   | `@gray-6`       | -    |
+| @pull-refresh-loading-icon-size | `16px`          | -    |
 
 ## 常见问题
 
diff --git a/src/pull-refresh/index.less b/src/pull-refresh/index.less
index b22b3adeb..f3a30af90 100644
--- a/src/pull-refresh/index.less
+++ b/src/pull-refresh/index.less
@@ -22,4 +22,11 @@
     text-align: center;
     transform: translateY(-100%);
   }
+
+  &__loading {
+    .van-loading__spinner {
+      width: @pull-refresh-loading-icon-size;
+      height: @pull-refresh-loading-icon-size;
+    }
+  }
 }
diff --git a/src/pull-refresh/test/__snapshots__/index.spec.ts.snap b/src/pull-refresh/test/__snapshots__/index.spec.ts.snap
index 43b18a3cb..ce5fa0aac 100644
--- a/src/pull-refresh/test/__snapshots__/index.spec.ts.snap
+++ b/src/pull-refresh/test/__snapshots__/index.spec.ts.snap
@@ -48,10 +48,8 @@ exports[`should render different head content in different pulling status 3`] =
        style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
   >
     <div class="van-pull-refresh__head">
-      <div class="van-loading van-loading--circular">
-        <span class="van-loading__spinner van-loading__spinner--circular"
-              style="width: 16px; height: 16px;"
-        >
+      <div class="van-loading van-loading--circular van-pull-refresh__loading">
+        <span class="van-loading__spinner van-loading__spinner--circular">
           <svg class="van-loading__circular"
                viewbox="25 25 50 50"
           >
@@ -78,10 +76,8 @@ exports[`should render different head content in different pulling status 4`] =
        style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
   >
     <div class="van-pull-refresh__head">
-      <div class="van-loading van-loading--circular">
-        <span class="van-loading__spinner van-loading__spinner--circular"
-              style="width: 16px; height: 16px;"
-        >
+      <div class="van-loading van-loading--circular van-pull-refresh__loading">
+        <span class="van-loading__spinner van-loading__spinner--circular">
           <svg class="van-loading__circular"
                viewbox="25 25 50 50"
           >
diff --git a/src/style/var.less b/src/style/var.less
index a3be7f0cb..8559478ee 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -614,6 +614,7 @@
 @pull-refresh-head-height: 50px;
 @pull-refresh-head-font-size: @font-size-md;
 @pull-refresh-head-text-color: @gray-6;
+@pull-refresh-loading-icon-size: 16px;
 
 // Radio
 @radio-size: 20px;