diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index fbdf3c621..09367bc49 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -366,39 +366,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
             <div class="van-empty__image">
               <svg viewbox="0 0 160 160">
                 <defs>
-                  <linearGradient id="van-empty-a"
-                                  x1="64%"
-                                  y1="100%"
-                                  x2="64%"
-                  >
-                    <stop stop-color="#FFF"
-                          offset="0%"
-                          stop-opacity="0.5"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
-                  <linearGradient id="van-empty-b"
-                                  x1="64%"
-                                  y1="97%"
-                                  x2="64%"
-                                  y2="0%"
-                  >
-                    <stop stop-color="#F2F3F5"
-                          offset="0%"
-                          stop-opacity="0.3"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
                   <linearGradient x1="50%"
-                                  y1="0%"
                                   x2="50%"
                                   y2="100%"
                                   id="van-empty-5"
@@ -427,8 +395,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
                     >
                     </stop>
                   </linearGradient>
-                  <linearGradient x1="0%"
-                                  y1="45%"
+                  <linearGradient y1="45%"
                                   x2="100%"
                                   y2="54%"
                                   id="van-empty-7"
@@ -443,6 +410,23 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
                     </stop>
                   </linearGradient>
                 </defs>
+                <defs>
+                  <linearGradient id="van-empty-a"
+                                  x1="64%"
+                                  y1="100%"
+                                  x2="64%"
+                  >
+                    <stop stop-color="#FFF"
+                          offset="0%"
+                          stop-opacity="0.5"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M36 131V53H16v20H2v58h34z"
                         fill="url(#van-empty-a)"
@@ -453,6 +437,24 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
                   >
                   </path>
                 </g>
+                <defs>
+                  <linearGradient id="van-empty-b"
+                                  x1="64%"
+                                  y1="97%"
+                                  x2="64%"
+                                  y2="0%"
+                  >
+                    <stop stop-color="#F2F3F5"
+                          offset="0%"
+                          stop-opacity="0.3"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                         fill="url(#van-empty-b)"
@@ -548,39 +550,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
             <div class="van-empty__image">
               <svg viewbox="0 0 160 160">
                 <defs>
-                  <linearGradient id="van-empty-a"
-                                  x1="64%"
-                                  y1="100%"
-                                  x2="64%"
-                  >
-                    <stop stop-color="#FFF"
-                          offset="0%"
-                          stop-opacity="0.5"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
-                  <linearGradient id="van-empty-b"
-                                  x1="64%"
-                                  y1="97%"
-                                  x2="64%"
-                                  y2="0%"
-                  >
-                    <stop stop-color="#F2F3F5"
-                          offset="0%"
-                          stop-opacity="0.3"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
                   <linearGradient x1="50%"
-                                  y1="0%"
                                   x2="50%"
                                   y2="100%"
                                   id="van-empty-5"
@@ -609,8 +579,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
                     >
                     </stop>
                   </linearGradient>
-                  <linearGradient x1="0%"
-                                  y1="45%"
+                  <linearGradient y1="45%"
                                   x2="100%"
                                   y2="54%"
                                   id="van-empty-7"
@@ -625,6 +594,23 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
                     </stop>
                   </linearGradient>
                 </defs>
+                <defs>
+                  <linearGradient id="van-empty-a"
+                                  x1="64%"
+                                  y1="100%"
+                                  x2="64%"
+                  >
+                    <stop stop-color="#FFF"
+                          offset="0%"
+                          stop-opacity="0.5"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M36 131V53H16v20H2v58h34z"
                         fill="url(#van-empty-a)"
@@ -635,6 +621,24 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
                   >
                   </path>
                 </g>
+                <defs>
+                  <linearGradient id="van-empty-b"
+                                  x1="64%"
+                                  y1="97%"
+                                  x2="64%"
+                                  y2="0%"
+                  >
+                    <stop stop-color="#F2F3F5"
+                          offset="0%"
+                          stop-opacity="0.3"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                         fill="url(#van-empty-b)"
@@ -806,39 +810,7 @@ exports[`should render list-footer slot correctly 1`] = `
             <div class="van-empty__image">
               <svg viewbox="0 0 160 160">
                 <defs>
-                  <linearGradient id="van-empty-a"
-                                  x1="64%"
-                                  y1="100%"
-                                  x2="64%"
-                  >
-                    <stop stop-color="#FFF"
-                          offset="0%"
-                          stop-opacity="0.5"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
-                  <linearGradient id="van-empty-b"
-                                  x1="64%"
-                                  y1="97%"
-                                  x2="64%"
-                                  y2="0%"
-                  >
-                    <stop stop-color="#F2F3F5"
-                          offset="0%"
-                          stop-opacity="0.3"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
                   <linearGradient x1="50%"
-                                  y1="0%"
                                   x2="50%"
                                   y2="100%"
                                   id="van-empty-5"
@@ -867,8 +839,7 @@ exports[`should render list-footer slot correctly 1`] = `
                     >
                     </stop>
                   </linearGradient>
-                  <linearGradient x1="0%"
-                                  y1="45%"
+                  <linearGradient y1="45%"
                                   x2="100%"
                                   y2="54%"
                                   id="van-empty-7"
@@ -883,6 +854,23 @@ exports[`should render list-footer slot correctly 1`] = `
                     </stop>
                   </linearGradient>
                 </defs>
+                <defs>
+                  <linearGradient id="van-empty-a"
+                                  x1="64%"
+                                  y1="100%"
+                                  x2="64%"
+                  >
+                    <stop stop-color="#FFF"
+                          offset="0%"
+                          stop-opacity="0.5"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M36 131V53H16v20H2v58h34z"
                         fill="url(#van-empty-a)"
@@ -893,6 +881,24 @@ exports[`should render list-footer slot correctly 1`] = `
                   >
                   </path>
                 </g>
+                <defs>
+                  <linearGradient id="van-empty-b"
+                                  x1="64%"
+                                  y1="97%"
+                                  x2="64%"
+                                  y2="0%"
+                  >
+                    <stop stop-color="#F2F3F5"
+                          offset="0%"
+                          stop-opacity="0.3"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                         fill="url(#van-empty-b)"
@@ -989,39 +995,7 @@ exports[`should render list-footer slot correctly 1`] = `
             <div class="van-empty__image">
               <svg viewbox="0 0 160 160">
                 <defs>
-                  <linearGradient id="van-empty-a"
-                                  x1="64%"
-                                  y1="100%"
-                                  x2="64%"
-                  >
-                    <stop stop-color="#FFF"
-                          offset="0%"
-                          stop-opacity="0.5"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
-                  <linearGradient id="van-empty-b"
-                                  x1="64%"
-                                  y1="97%"
-                                  x2="64%"
-                                  y2="0%"
-                  >
-                    <stop stop-color="#F2F3F5"
-                          offset="0%"
-                          stop-opacity="0.3"
-                    >
-                    </stop>
-                    <stop stop-color="#F2F3F5"
-                          offset="100%"
-                    >
-                    </stop>
-                  </linearGradient>
                   <linearGradient x1="50%"
-                                  y1="0%"
                                   x2="50%"
                                   y2="100%"
                                   id="van-empty-5"
@@ -1050,8 +1024,7 @@ exports[`should render list-footer slot correctly 1`] = `
                     >
                     </stop>
                   </linearGradient>
-                  <linearGradient x1="0%"
-                                  y1="45%"
+                  <linearGradient y1="45%"
                                   x2="100%"
                                   y2="54%"
                                   id="van-empty-7"
@@ -1066,6 +1039,23 @@ exports[`should render list-footer slot correctly 1`] = `
                     </stop>
                   </linearGradient>
                 </defs>
+                <defs>
+                  <linearGradient id="van-empty-a"
+                                  x1="64%"
+                                  y1="100%"
+                                  x2="64%"
+                  >
+                    <stop stop-color="#FFF"
+                          offset="0%"
+                          stop-opacity="0.5"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M36 131V53H16v20H2v58h34z"
                         fill="url(#van-empty-a)"
@@ -1076,6 +1066,24 @@ exports[`should render list-footer slot correctly 1`] = `
                   >
                   </path>
                 </g>
+                <defs>
+                  <linearGradient id="van-empty-b"
+                                  x1="64%"
+                                  y1="97%"
+                                  x2="64%"
+                                  y2="0%"
+                  >
+                    <stop stop-color="#F2F3F5"
+                          offset="0%"
+                          stop-opacity="0.3"
+                    >
+                    </stop>
+                    <stop stop-color="#F2F3F5"
+                          offset="100%"
+                    >
+                    </stop>
+                  </linearGradient>
+                </defs>
                 <g opacity=".8">
                   <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                         fill="url(#van-empty-b)"
diff --git a/packages/vant/src/empty/Empty.tsx b/packages/vant/src/empty/Empty.tsx
index f996ad771..e61fb69df 100644
--- a/packages/vant/src/empty/Empty.tsx
+++ b/packages/vant/src/empty/Empty.tsx
@@ -5,11 +5,21 @@ import {
   makeStringProp,
   createNamespace,
 } from '../utils';
-import { renderNetwork, renderMaterial, renderError } from './Images';
+import {
+  renderError,
+  renderSearch,
+  renderNetwork,
+  renderMaterial,
+} from './Images';
 
 const [name, bem] = createNamespace('empty');
 
-const PRESET_IMAGES = ['error', 'search', 'default'];
+const PRESET_IMAGES: Record<string, () => JSX.Element> = {
+  error: renderError,
+  search: renderSearch,
+  network: renderNetwork,
+  default: renderMaterial,
+};
 
 const emptyProps = {
   image: makeStringProp('default'),
@@ -29,24 +39,7 @@ export default defineComponent({
       if (slots.image) {
         return slots.image();
       }
-
-      let { image } = props;
-
-      if (image === 'network') {
-        return renderNetwork();
-      }
-      if (image === 'default') {
-        return renderMaterial();
-      }
-      if (image === 'error') {
-        return renderError();
-      }
-
-      if (PRESET_IMAGES.includes(image)) {
-        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
-      }
-
-      return <img src={image} />;
+      return PRESET_IMAGES[props.image]?.() || <img src={props.image} />;
     };
 
     const renderDescription = () => {
diff --git a/packages/vant/src/empty/Images.tsx b/packages/vant/src/empty/Images.tsx
index ccd19d890..8b360e060 100644
--- a/packages/vant/src/empty/Images.tsx
+++ b/packages/vant/src/empty/Images.tsx
@@ -5,43 +5,49 @@ const renderStop = (color: string, offset: number, opacity?: number) => (
   <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
 );
 
-const renderBuildingDef = () => (
-  <linearGradient id={getId('a')} x1="64%" y1="100%" x2="64%">
-    {renderStop('#FFF', 0, 0.5)}
-    {renderStop('#F2F3F5', 100)}
-  </linearGradient>
-);
+const renderStops = (fromColor: string, toColor: string) => [
+  renderStop(fromColor, 0),
+  renderStop(toColor, 100),
+];
 
-const renderCloudDef = () => (
-  <linearGradient id={getId('b')} x1="64%" y1="97%" x2="64%" y2="0%">
-    {renderStop('#F2F3F5', 0, 0.3)}
-    {renderStop('#F2F3F5', 100)}
-  </linearGradient>
-);
+const renderShadow = (id: string) => [
+  <defs>
+    <radialGradient
+      id={getId(id)}
+      cx="50%"
+      cy="54%"
+      fx="50%"
+      fy="54%"
+      r="297%"
+      gradientTransform="matrix(-.16 0 0 -.33 .58 .72)"
+    >
+      {renderStop('#EBEDF0', 0)}
+      {renderStop('#F2F3F5', 100, 0.3)}
+    </radialGradient>
+  </defs>,
+  <ellipse fill={useId(id)} opacity=".8" cx="80" cy="140" rx="46" ry="8" />,
+];
 
-const renderShadowRef = () => (
-  <radialGradient
-    cx="50%"
-    cy="54%"
-    fx="50%"
-    fy="54%"
-    r="297%"
-    gradientTransform="matrix(-.16 0 0 -.33 .58 .72)"
-    id={getId('c')}
-  >
-    <stop stop-color="#EBEDF0" offset="0%" />
-    <stop stop-color="#F2F3F5" stop-opacity=".3" offset="100%" />
-  </radialGradient>
-);
-
-const renderBuilding = () => (
+const renderBuilding = () => [
+  <defs>
+    <linearGradient id={getId('a')} x1="64%" y1="100%" x2="64%">
+      {renderStop('#FFF', 0, 0.5)}
+      {renderStop('#F2F3F5', 100)}
+    </linearGradient>
+  </defs>,
   <g opacity=".8">
     <path d="M36 131V53H16v20H2v58h34z" fill={useId('a')} />
     <path d="M123 15h22v14h9v77h-31V15z" fill={useId('a')} />
-  </g>
-);
+  </g>,
+];
 
-const renderCloud = () => (
+const renderCloud = () => [
+  <defs>
+    <linearGradient id={getId('b')} x1="64%" y1="97%" x2="64%" y2="0%">
+      {renderStop('#F2F3F5', 0, 0.3)}
+      {renderStop('#F2F3F5', 100)}
+    </linearGradient>
+  </defs>,
   <g opacity=".8">
     <path
       d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
@@ -51,17 +57,12 @@ const renderCloud = () => (
       d="M19 23c2 0 3 1 4 3 2 0 4 2 4 4a4 4 0 0 1-4 3v1h-7v-1l-1 1c-2 0-3-2-3-4 0-1 1-3 3-3 0-2 2-4 4-4Z"
       fill={useId('b')}
     />
-  </g>
-);
-
-const renderShadow = () => (
-  <ellipse fill={useId('c')} opacity=".8" cx="80" cy="140" rx="46" ry="8" />
-);
+  </g>,
+];
 
 export const renderNetwork = () => (
   <svg viewBox="0 0 160 160">
     <defs>
-      {renderBuildingDef()}
       <linearGradient id={getId(1)} x1="64%" y1="100%" x2="64%">
         {renderStop('#FFF', 0, 0.5)}
         {renderStop('#F2F3F5', 100)}
@@ -71,8 +72,7 @@ export const renderNetwork = () => (
         {renderStop('#DCDEE0', 100, 0)}
       </linearGradient>
       <linearGradient id={getId(3)} x1="100%" x2="100%" y2="100%">
-        {renderStop('#EAEDF0', 0)}
-        {renderStop('#DCDEE0', 100)}
+        {renderStops('#EAEDF0', '#DCDEE0')}
       </linearGradient>
       <radialGradient
         id={getId(4)}
@@ -112,19 +112,14 @@ export const renderNetwork = () => (
 export const renderMaterial = () => (
   <svg viewBox="0 0 160 160">
     <defs>
-      {renderBuildingDef()}
-      {renderCloudDef()}
-      <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id={getId(5)}>
-        {renderStop('#F2F3F5', 0)}
-        {renderStop('#DCDEE0', 100)}
+      <linearGradient x1="50%" x2="50%" y2="100%" id={getId(5)}>
+        {renderStops('#F2F3F5', '#DCDEE0')}
       </linearGradient>
       <linearGradient x1="95%" y1="48%" x2="5.5%" y2="51%" id={getId(6)}>
-        {renderStop('#EAEDF1', 0)}
-        {renderStop('#DCDEE0', 100)}
+        {renderStops('#EAEDF1', '#DCDEE0')}
       </linearGradient>
-      <linearGradient x1="0%" y1="45%" x2="100%" y2="54%" id={getId(7)}>
-        {renderStop('#EAEDF1', 0)}
-        {renderStop('#DCDEE0', 100)}
+      <linearGradient y1="45%" x2="100%" y2="54%" id={getId(7)}>
+        {renderStops('#EAEDF1', '#DCDEE0')}
       </linearGradient>
     </defs>
     {renderBuilding()}
@@ -157,20 +152,52 @@ export const renderMaterial = () => (
 export const renderError = () => (
   <svg viewBox="0 0 160 160">
     <defs>
-      {renderBuildingDef()}
-      {renderCloudDef()}
-      {renderShadowRef()}
-      <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id={getId(8)}>
-        {renderStop('#F2F3F5', 0)}
-        {renderStop('#DCDEE0', 100)}
+      <linearGradient x1="50%" x2="50%" y2="100%" id={getId(8)}>
+        {renderStops('#EAEDF1', '#DCDEE0')}
       </linearGradient>
     </defs>
     {renderBuilding()}
     {renderCloud()}
-    {renderShadow()}
+    {renderShadow('c')}
     <path
       d="m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z"
       fill={useId(8)}
     />
   </svg>
 );
+
+export const renderSearch = () => (
+  <svg viewBox="0 0 160 160">
+    <defs>
+      <linearGradient x1="50%" y1="100%" x2="50%" id={getId(9)}>
+        {renderStops('#EEE', '#D8D8D8')}
+      </linearGradient>
+      <linearGradient x1="100%" y1="50%" y2="50%" id={getId(10)}>
+        {renderStops('#F2F3F5', '#DCDEE0')}
+      </linearGradient>
+      <linearGradient x1="50%" x2="50%" y2="100%" id={getId(11)}>
+        {renderStops('#F2F3F5', '#DCDEE0')}
+      </linearGradient>
+      <linearGradient x1="50%" x2="50%" y2="100%" id={getId(12)}>
+        {renderStops('#FFF', '#F7F8FA')}
+      </linearGradient>
+    </defs>
+    {renderBuilding()}
+    {renderCloud()}
+    {renderShadow('d')}
+    <g transform="rotate(-45 113 -4)" fill="none">
+      <rect fill={useId(9)} x="24" y="52.8" width="5.8" height="19" rx="1" />
+      <rect fill={useId(10)} x="22.1" y="67.3" width="9.9" height="28" rx="1" />
+      <circle stroke={useId(11)} stroke-width="8" cx="27" cy="27" r="27" />
+      <circle fill={useId(12)} cx="27" cy="27" r="16" />
+      <path
+        d="M37 7c-8 0-15 5-16 12"
+        stroke={useId(11)}
+        stroke-width="3"
+        opacity=".5"
+        stroke-linecap="round"
+        transform="rotate(45 29 13)"
+      />
+    </g>
+  </svg>
+);
diff --git a/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
index b648a395f..c17a0b3eb 100644
--- a/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
@@ -6,39 +6,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-empty__image">
       <svg viewbox="0 0 160 160">
         <defs>
-          <linearGradient id="van-empty-a"
-                          x1="64%"
-                          y1="100%"
-                          x2="64%"
-          >
-            <stop stop-color="#FFF"
-                  offset="0%"
-                  stop-opacity="0.5"
-            >
-            </stop>
-            <stop stop-color="#F2F3F5"
-                  offset="100%"
-            >
-            </stop>
-          </linearGradient>
-          <linearGradient id="van-empty-b"
-                          x1="64%"
-                          y1="97%"
-                          x2="64%"
-                          y2="0%"
-          >
-            <stop stop-color="#F2F3F5"
-                  offset="0%"
-                  stop-opacity="0.3"
-            >
-            </stop>
-            <stop stop-color="#F2F3F5"
-                  offset="100%"
-            >
-            </stop>
-          </linearGradient>
           <linearGradient x1="50%"
-                          y1="0%"
                           x2="50%"
                           y2="100%"
                           id="van-empty-5"
@@ -67,8 +35,7 @@ exports[`should render demo and match snapshot 1`] = `
             >
             </stop>
           </linearGradient>
-          <linearGradient x1="0%"
-                          y1="45%"
+          <linearGradient y1="45%"
                           x2="100%"
                           y2="54%"
                           id="van-empty-7"
@@ -83,6 +50,23 @@ exports[`should render demo and match snapshot 1`] = `
             </stop>
           </linearGradient>
         </defs>
+        <defs>
+          <linearGradient id="van-empty-a"
+                          x1="64%"
+                          y1="100%"
+                          x2="64%"
+          >
+            <stop stop-color="#FFF"
+                  offset="0%"
+                  stop-opacity="0.5"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M36 131V53H16v20H2v58h34z"
                 fill="url(#van-empty-a)"
@@ -93,6 +77,24 @@ exports[`should render demo and match snapshot 1`] = `
           >
           </path>
         </g>
+        <defs>
+          <linearGradient id="van-empty-b"
+                          x1="64%"
+                          y1="97%"
+                          x2="64%"
+                          y2="0%"
+          >
+            <stop stop-color="#F2F3F5"
+                  offset="0%"
+                  stop-opacity="0.3"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                 fill="url(#van-empty-b)"
@@ -228,6 +230,22 @@ exports[`should render demo and match snapshot 1`] = `
         <div class="van-empty">
           <div class="van-empty__image">
             <svg viewbox="0 0 160 160">
+              <defs>
+                <linearGradient x1="50%"
+                                x2="50%"
+                                y2="100%"
+                                id="van-empty-8"
+                >
+                  <stop stop-color="#EAEDF1"
+                        offset="0%"
+                  >
+                  </stop>
+                  <stop stop-color="#DCDEE0"
+                        offset="100%"
+                  >
+                  </stop>
+                </linearGradient>
+              </defs>
               <defs>
                 <linearGradient id="van-empty-a"
                                 x1="64%"
@@ -244,6 +262,18 @@ exports[`should render demo and match snapshot 1`] = `
                   >
                   </stop>
                 </linearGradient>
+              </defs>
+              <g opacity=".8">
+                <path d="M36 131V53H16v20H2v58h34z"
+                      fill="url(#van-empty-a)"
+                >
+                </path>
+                <path d="M123 15h22v14h9v77h-31V15z"
+                      fill="url(#van-empty-a)"
+                >
+                </path>
+              </g>
+              <defs>
                 <linearGradient id="van-empty-b"
                                 x1="64%"
                                 y1="97%"
@@ -260,50 +290,7 @@ exports[`should render demo and match snapshot 1`] = `
                   >
                   </stop>
                 </linearGradient>
-                <radialGradient cx="50%"
-                                cy="54%"
-                                fx="50%"
-                                fy="54%"
-                                r="297%"
-                                gradienttransform="matrix(-.16 0 0 -.33 .58 .72)"
-                                id="van-empty-c"
-                >
-                  <stop stop-color="#EBEDF0"
-                        offset="0%"
-                  >
-                  </stop>
-                  <stop stop-color="#F2F3F5"
-                        stop-opacity=".3"
-                        offset="100%"
-                  >
-                  </stop>
-                </radialGradient>
-                <linearGradient x1="50%"
-                                y1="0%"
-                                x2="50%"
-                                y2="100%"
-                                id="van-empty-8"
-                >
-                  <stop stop-color="#F2F3F5"
-                        offset="0%"
-                  >
-                  </stop>
-                  <stop stop-color="#DCDEE0"
-                        offset="100%"
-                  >
-                  </stop>
-                </linearGradient>
               </defs>
-              <g opacity=".8">
-                <path d="M36 131V53H16v20H2v58h34z"
-                      fill="url(#van-empty-a)"
-                >
-                </path>
-                <path d="M123 15h22v14h9v77h-31V15z"
-                      fill="url(#van-empty-a)"
-                >
-                </path>
-              </g>
               <g opacity=".8">
                 <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                       fill="url(#van-empty-b)"
@@ -314,6 +301,26 @@ exports[`should render demo and match snapshot 1`] = `
                 >
                 </path>
               </g>
+              <defs>
+                <radialGradient id="van-empty-c"
+                                cx="50%"
+                                cy="54%"
+                                fx="50%"
+                                fy="54%"
+                                r="297%"
+                                gradienttransform="matrix(-.16 0 0 -.33 .58 .72)"
+                >
+                  <stop stop-color="#EBEDF0"
+                        offset="0%"
+                  >
+                  </stop>
+                  <stop stop-color="#F2F3F5"
+                        offset="100%"
+                        stop-opacity="0.3"
+                  >
+                  </stop>
+                </radialGradient>
+              </defs>
               <ellipse fill="url(#van-empty-c)"
                        opacity=".8"
                        cx="80"
@@ -359,39 +366,7 @@ exports[`should render demo and match snapshot 1`] = `
     >
       <svg viewbox="0 0 160 160">
         <defs>
-          <linearGradient id="van-empty-a"
-                          x1="64%"
-                          y1="100%"
-                          x2="64%"
-          >
-            <stop stop-color="#FFF"
-                  offset="0%"
-                  stop-opacity="0.5"
-            >
-            </stop>
-            <stop stop-color="#F2F3F5"
-                  offset="100%"
-            >
-            </stop>
-          </linearGradient>
-          <linearGradient id="van-empty-b"
-                          x1="64%"
-                          y1="97%"
-                          x2="64%"
-                          y2="0%"
-          >
-            <stop stop-color="#F2F3F5"
-                  offset="0%"
-                  stop-opacity="0.3"
-            >
-            </stop>
-            <stop stop-color="#F2F3F5"
-                  offset="100%"
-            >
-            </stop>
-          </linearGradient>
           <linearGradient x1="50%"
-                          y1="0%"
                           x2="50%"
                           y2="100%"
                           id="van-empty-5"
@@ -420,8 +395,7 @@ exports[`should render demo and match snapshot 1`] = `
             >
             </stop>
           </linearGradient>
-          <linearGradient x1="0%"
-                          y1="45%"
+          <linearGradient y1="45%"
                           x2="100%"
                           y2="54%"
                           id="van-empty-7"
@@ -436,6 +410,23 @@ exports[`should render demo and match snapshot 1`] = `
             </stop>
           </linearGradient>
         </defs>
+        <defs>
+          <linearGradient id="van-empty-a"
+                          x1="64%"
+                          y1="100%"
+                          x2="64%"
+          >
+            <stop stop-color="#FFF"
+                  offset="0%"
+                  stop-opacity="0.5"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M36 131V53H16v20H2v58h34z"
                 fill="url(#van-empty-a)"
@@ -446,6 +437,24 @@ exports[`should render demo and match snapshot 1`] = `
           >
           </path>
         </g>
+        <defs>
+          <linearGradient id="van-empty-b"
+                          x1="64%"
+                          y1="97%"
+                          x2="64%"
+                          y2="0%"
+          >
+            <stop stop-color="#F2F3F5"
+                  offset="0%"
+                  stop-opacity="0.3"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                 fill="url(#van-empty-b)"
@@ -541,39 +550,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-empty__image">
       <svg viewbox="0 0 160 160">
         <defs>
-          <linearGradient id="van-empty-a"
-                          x1="64%"
-                          y1="100%"
-                          x2="64%"
-          >
-            <stop stop-color="#FFF"
-                  offset="0%"
-                  stop-opacity="0.5"
-            >
-            </stop>
-            <stop stop-color="#F2F3F5"
-                  offset="100%"
-            >
-            </stop>
-          </linearGradient>
-          <linearGradient id="van-empty-b"
-                          x1="64%"
-                          y1="97%"
-                          x2="64%"
-                          y2="0%"
-          >
-            <stop stop-color="#F2F3F5"
-                  offset="0%"
-                  stop-opacity="0.3"
-            >
-            </stop>
-            <stop stop-color="#F2F3F5"
-                  offset="100%"
-            >
-            </stop>
-          </linearGradient>
           <linearGradient x1="50%"
-                          y1="0%"
                           x2="50%"
                           y2="100%"
                           id="van-empty-5"
@@ -602,8 +579,7 @@ exports[`should render demo and match snapshot 1`] = `
             >
             </stop>
           </linearGradient>
-          <linearGradient x1="0%"
-                          y1="45%"
+          <linearGradient y1="45%"
                           x2="100%"
                           y2="54%"
                           id="van-empty-7"
@@ -618,6 +594,23 @@ exports[`should render demo and match snapshot 1`] = `
             </stop>
           </linearGradient>
         </defs>
+        <defs>
+          <linearGradient id="van-empty-a"
+                          x1="64%"
+                          y1="100%"
+                          x2="64%"
+          >
+            <stop stop-color="#FFF"
+                  offset="0%"
+                  stop-opacity="0.5"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M36 131V53H16v20H2v58h34z"
                 fill="url(#van-empty-a)"
@@ -628,6 +621,24 @@ exports[`should render demo and match snapshot 1`] = `
           >
           </path>
         </g>
+        <defs>
+          <linearGradient id="van-empty-b"
+                          x1="64%"
+                          y1="97%"
+                          x2="64%"
+                          y2="0%"
+          >
+            <stop stop-color="#F2F3F5"
+                  offset="0%"
+                  stop-opacity="0.3"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
                 fill="url(#van-empty-b)"
diff --git a/packages/vant/src/empty/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/empty/test/__snapshots__/index.spec.ts.snap
index db5d6f4ed..f0170d931 100644
--- a/packages/vant/src/empty/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/empty/test/__snapshots__/index.spec.ts.snap
@@ -5,39 +5,7 @@ exports[`should render bottom slot correctly 1`] = `
   <div class="van-empty__image">
     <svg viewbox="0 0 160 160">
       <defs>
-        <linearGradient id="van-empty-a"
-                        x1="64%"
-                        y1="100%"
-                        x2="64%"
-        >
-          <stop stop-color="#FFF"
-                offset="0%"
-                stop-opacity="0.5"
-          >
-          </stop>
-          <stop stop-color="#F2F3F5"
-                offset="100%"
-          >
-          </stop>
-        </linearGradient>
-        <linearGradient id="van-empty-b"
-                        x1="64%"
-                        y1="97%"
-                        x2="64%"
-                        y2="0%"
-        >
-          <stop stop-color="#F2F3F5"
-                offset="0%"
-                stop-opacity="0.3"
-          >
-          </stop>
-          <stop stop-color="#F2F3F5"
-                offset="100%"
-          >
-          </stop>
-        </linearGradient>
         <linearGradient x1="50%"
-                        y1="0%"
                         x2="50%"
                         y2="100%"
                         id="van-empty-5"
@@ -66,8 +34,7 @@ exports[`should render bottom slot correctly 1`] = `
           >
           </stop>
         </linearGradient>
-        <linearGradient x1="0%"
-                        y1="45%"
+        <linearGradient y1="45%"
                         x2="100%"
                         y2="54%"
                         id="van-empty-7"
@@ -82,6 +49,23 @@ exports[`should render bottom slot correctly 1`] = `
           </stop>
         </linearGradient>
       </defs>
+      <defs>
+        <linearGradient id="van-empty-a"
+                        x1="64%"
+                        y1="100%"
+                        x2="64%"
+        >
+          <stop stop-color="#FFF"
+                offset="0%"
+                stop-opacity="0.5"
+          >
+          </stop>
+          <stop stop-color="#F2F3F5"
+                offset="100%"
+          >
+          </stop>
+        </linearGradient>
+      </defs>
       <g opacity=".8">
         <path d="M36 131V53H16v20H2v58h34z"
               fill="url(#van-empty-a)"
@@ -92,6 +76,24 @@ exports[`should render bottom slot correctly 1`] = `
         >
         </path>
       </g>
+      <defs>
+        <linearGradient id="van-empty-b"
+                        x1="64%"
+                        y1="97%"
+                        x2="64%"
+                        y2="0%"
+        >
+          <stop stop-color="#F2F3F5"
+                offset="0%"
+                stop-opacity="0.3"
+          >
+          </stop>
+          <stop stop-color="#F2F3F5"
+                offset="100%"
+          >
+          </stop>
+        </linearGradient>
+      </defs>
       <g opacity=".8">
         <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
               fill="url(#van-empty-b)"
@@ -176,39 +178,7 @@ exports[`should render description slot correctly 1`] = `
   <div class="van-empty__image">
     <svg viewbox="0 0 160 160">
       <defs>
-        <linearGradient id="van-empty-a"
-                        x1="64%"
-                        y1="100%"
-                        x2="64%"
-        >
-          <stop stop-color="#FFF"
-                offset="0%"
-                stop-opacity="0.5"
-          >
-          </stop>
-          <stop stop-color="#F2F3F5"
-                offset="100%"
-          >
-          </stop>
-        </linearGradient>
-        <linearGradient id="van-empty-b"
-                        x1="64%"
-                        y1="97%"
-                        x2="64%"
-                        y2="0%"
-        >
-          <stop stop-color="#F2F3F5"
-                offset="0%"
-                stop-opacity="0.3"
-          >
-          </stop>
-          <stop stop-color="#F2F3F5"
-                offset="100%"
-          >
-          </stop>
-        </linearGradient>
         <linearGradient x1="50%"
-                        y1="0%"
                         x2="50%"
                         y2="100%"
                         id="van-empty-5"
@@ -237,8 +207,7 @@ exports[`should render description slot correctly 1`] = `
           >
           </stop>
         </linearGradient>
-        <linearGradient x1="0%"
-                        y1="45%"
+        <linearGradient y1="45%"
                         x2="100%"
                         y2="54%"
                         id="van-empty-7"
@@ -253,6 +222,23 @@ exports[`should render description slot correctly 1`] = `
           </stop>
         </linearGradient>
       </defs>
+      <defs>
+        <linearGradient id="van-empty-a"
+                        x1="64%"
+                        y1="100%"
+                        x2="64%"
+        >
+          <stop stop-color="#FFF"
+                offset="0%"
+                stop-opacity="0.5"
+          >
+          </stop>
+          <stop stop-color="#F2F3F5"
+                offset="100%"
+          >
+          </stop>
+        </linearGradient>
+      </defs>
       <g opacity=".8">
         <path d="M36 131V53H16v20H2v58h34z"
               fill="url(#van-empty-a)"
@@ -263,6 +249,24 @@ exports[`should render description slot correctly 1`] = `
         >
         </path>
       </g>
+      <defs>
+        <linearGradient id="van-empty-b"
+                        x1="64%"
+                        y1="97%"
+                        x2="64%"
+                        y2="0%"
+        >
+          <stop stop-color="#F2F3F5"
+                offset="0%"
+                stop-opacity="0.3"
+          >
+          </stop>
+          <stop stop-color="#F2F3F5"
+                offset="100%"
+          >
+          </stop>
+        </linearGradient>
+      </defs>
       <g opacity=".8">
         <path d="M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z"
               fill="url(#van-empty-b)"
@@ -355,21 +359,6 @@ exports[`should render svg when image is network 1`] = `
   <div class="van-empty__image">
     <svg viewbox="0 0 160 160">
       <defs>
-        <linearGradient id="van-empty-a"
-                        x1="64%"
-                        y1="100%"
-                        x2="64%"
-        >
-          <stop stop-color="#FFF"
-                offset="0%"
-                stop-opacity="0.5"
-          >
-          </stop>
-          <stop stop-color="#F2F3F5"
-                offset="100%"
-          >
-          </stop>
-        </linearGradient>
         <linearGradient id="van-empty-1"
                         x1="64%"
                         y1="100%"
@@ -434,6 +423,23 @@ exports[`should render svg when image is network 1`] = `
         </radialGradient>
       </defs>
       <g fill="none">
+        <defs>
+          <linearGradient id="van-empty-a"
+                          x1="64%"
+                          y1="100%"
+                          x2="64%"
+          >
+            <stop stop-color="#FFF"
+                  offset="0%"
+                  stop-opacity="0.5"
+            >
+            </stop>
+            <stop stop-color="#F2F3F5"
+                  offset="100%"
+            >
+            </stop>
+          </linearGradient>
+        </defs>
         <g opacity=".8">
           <path d="M36 131V53H16v20H2v58h34z"
                 fill="url(#van-empty-a)"