fix: Fix the problem that the same id in multiple svgs causes incorrect display (#1337)

packages/semi-icons/src/icons/IconLoading.tsx

@@ -13,7 +13,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
             aria-hidden={true}
             {...props}
         >
-            <g clipPath="url(#clip0)">
+            <g clipPath="url(#clip_loading)">
                 <path
                     fillRule="evenodd"
                     clipRule="evenodd"
@@ -22,7 +22,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 />
             </g>
             <defs>
-                <clipPath id="clip0">
+                <clipPath id="clip_loading">
                     <rect width={24} height={24} fill="currentColor" />
                 </clipPath>
             </defs>

packages/semi-icons/src/icons/IconSpin.tsx

@@ -13,7 +13,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
             aria-hidden={true}
             {...props}
         >
-            <g clipPath="url(#clip0)">
+            <g clipPath="url(#clip_spin)">
                 <path
                     fillRule="evenodd"
                     clipRule="evenodd"
@@ -34,7 +34,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                     <stop offset={0.301257} stopOpacity={0} stopColor="currentColor" />
                     <stop offset={0.466753} stopOpacity={1} stopColor="currentColor" />
                 </radialGradient>
-                <clipPath id="clip0">
+                <clipPath id="clip_spin">
                     <rect width={24} height={24} fill="currentColor" />
                 </clipPath>
             </defs>

packages/semi-icons/src/icons/IconTriangleArrow.tsx

@@ -13,14 +13,14 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
             aria-hidden={true}
             {...props}
         >
-            <g clipPath="url(#clip0)">
+            <g clipPath="url(#clip_triangle_arrow)">
                 <path
                     d="M24 9L24 10C20 10 18.5 11 16.5 13C14.5 15 14 16 12 16C10 16 9.5 15 7.5 13C5.5 11 4 10 -4.37115e-08 10L0 9L24 9Z"
                     fill="currentColor"
                 />
             </g>
             <defs>
-                <clipPath id="clip0">
+                <clipPath id="clip_triangle_arrow">
                     <rect width={24} height={24} fill="currentColor" transform="translate(24) rotate(90)" />
                 </clipPath>
             </defs>

packages/semi-icons/src/icons/IconUserAdd.tsx

@@ -13,7 +13,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
             aria-hidden={true}
             {...props}
         >
-            <g clipPath="url(#clip0)">
+            <g clipPath="url(#clip_user_add)">
                 <path
                     fillRule="evenodd"
                     clipRule="evenodd"
@@ -34,7 +34,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 />
             </g>
             <defs>
-                <clipPath id="clip0">
+                <clipPath id="clip_user_add">
                     <rect width={24} height={24} fill="currentColor" />
                 </clipPath>
             </defs>

packages/semi-icons/src/svgs/spin.svg

@@ -1 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2 3.78966C9.66551 2.57466 5.00465 5.26561 3.78964 9.80007C3.12066 12.2967 3.63433 14.8301 4.99177 16.8102C5.46019 17.4935 5.28601 18.4271 4.60273 18.8955C3.91945 19.364 2.98581 19.1898 2.51739 18.5065C0.685557 15.8344 -0.0134454 12.4023 0.891867 9.02361C2.5357 2.88875 8.84157 -0.751945 14.9764 0.891885C21.1113 2.53572 24.752 8.84159 23.1082 14.9765C22.8937 15.7767 22.0712 16.2515 21.271 16.0371C20.4708 15.8227 19.996 15.0002 20.2104 14.2C21.4254 9.66553 18.7344 5.00467 14.2 3.78966Z" fill="url(#paint0_angular)"/></g><defs><radialGradient id="paint0_angular" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12) rotate(15) scale(9.5 9.51825)"><stop/><stop offset="0.301257" stop-opacity="0" stop-color="#000" /><stop offset="0.466753" stop-opacity="1" stop-color="#000"/></radialGradient><clipPath id="clip0"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip_spin)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2 3.78966C9.66551 2.57466 5.00465 5.26561 3.78964 9.80007C3.12066 12.2967 3.63433 14.8301 4.99177 16.8102C5.46019 17.4935 5.28601 18.4271 4.60273 18.8955C3.91945 19.364 2.98581 19.1898 2.51739 18.5065C0.685557 15.8344 -0.0134454 12.4023 0.891867 9.02361C2.5357 2.88875 8.84157 -0.751945 14.9764 0.891885C21.1113 2.53572 24.752 8.84159 23.1082 14.9765C22.8937 15.7767 22.0712 16.2515 21.271 16.0371C20.4708 15.8227 19.996 15.0002 20.2104 14.2C21.4254 9.66553 18.7344 5.00467 14.2 3.78966Z" fill="url(#paint0_angular)"/></g><defs><radialGradient id="paint0_angular" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12) rotate(15) scale(9.5 9.51825)"><stop/><stop offset="0.301257" stop-opacity="0" stop-color="#000" /><stop offset="0.466753" stop-opacity="1" stop-color="#000"/></radialGradient><clipPath id="clip_spin"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>

packages/semi-icons/src/svgs/triangle_arrow.svg

@@ -1 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M24 9L24 10C20 10 18.5 11 16.5 13C14.5 15 14 16 12 16C10 16 9.5 15 7.5 13C5.5 11 4 10 -4.37115e-08 10L0 9L24 9Z" fill="black"/></g><defs><clipPath id="clip0"><rect width="24" height="24" fill="white" transform="translate(24) rotate(90)"/></clipPath></defs></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip_triangle_arrow)"><path d="M24 9L24 10C20 10 18.5 11 16.5 13C14.5 15 14 16 12 16C10 16 9.5 15 7.5 13C5.5 11 4 10 -4.37115e-08 10L0 9L24 9Z" fill="black"/></g><defs><clipPath id="clip_triangle_arrow"><rect width="24" height="24" fill="white" transform="translate(24) rotate(90)"/></clipPath></defs></svg>

packages/semi-icons/src/svgs/user_add.svg

@@ -1 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0796 19.8369C17.7027 17.6014 14.7559 15.5 10.4593 15.5C6.16267 15.5 3.21588 17.6014 1.83892 19.8369C1.19533 20.8817 2.10818 22 3.33535 22H17.5832C18.8104 22 19.7232 20.8817 19.0796 19.8369Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0499 10.4204C14.5723 10.2065 15.0693 9.55774 15.2962 8.71085C15.5913 7.60959 15.5327 6.62629 14.7285 6.3203C14.6504 2.48444 13.1369 1 9.96023 1C6.7838 1 5.27021 2.48424 5.19199 6.31952C4.38589 6.62467 4.32701 7.60866 4.62233 8.7108C4.84958 9.55892 5.34768 10.2083 5.87087 10.4213C6.71146 12.5727 8.24123 14.013 9.96023 14.013C11.6795 14.013 13.2094 12.5723 14.0499 10.4204Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 1C19.4478 1 19 1.44772 19 2V4H17C16.4478 4 16 4.44772 16 5C16 5.55228 16.4478 6 17 6H19V8C19 8.55228 19.4478 9 20 9C20.5523 9 21 8.55228 21 8V6H23C23.5523 6 24 5.55228 24 5C24 4.44772 23.5523 4 23 4H21V2C21 1.44772 20.5523 1 20 1Z" fill="black"/></g><defs><clipPath id="clip0"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip_user_add)"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0796 19.8369C17.7027 17.6014 14.7559 15.5 10.4593 15.5C6.16267 15.5 3.21588 17.6014 1.83892 19.8369C1.19533 20.8817 2.10818 22 3.33535 22H17.5832C18.8104 22 19.7232 20.8817 19.0796 19.8369Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0499 10.4204C14.5723 10.2065 15.0693 9.55774 15.2962 8.71085C15.5913 7.60959 15.5327 6.62629 14.7285 6.3203C14.6504 2.48444 13.1369 1 9.96023 1C6.7838 1 5.27021 2.48424 5.19199 6.31952C4.38589 6.62467 4.32701 7.60866 4.62233 8.7108C4.84958 9.55892 5.34768 10.2083 5.87087 10.4213C6.71146 12.5727 8.24123 14.013 9.96023 14.013C11.6795 14.013 13.2094 12.5723 14.0499 10.4204Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 1C19.4478 1 19 1.44772 19 2V4H17C16.4478 4 16 4.44772 16 5C16 5.55228 16.4478 6 17 6H19V8C19 8.55228 19.4478 9 20 9C20.5523 9 21 8.55228 21 8V6H23C23.5523 6 24 5.55228 24 5C24 4.44772 23.5523 4 23 4H21V2C21 1.44772 20.5523 1 20 1Z" fill="black"/></g><defs><clipPath id="clip_user_add"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>

packages/semi-illustrations/src/illustrations/IllustrationFailure.tsx

@@ -163,7 +163,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 d="M43.4007 78.8699C43.461 78.108 44.1276 77.5392 44.8895 77.5995C45.1407 77.6194 45.3966 77.6371 45.6572 77.6525C45.9083 77.6673 46.1551 77.6804 46.3977 77.6918C47.1612 77.7276 47.7511 78.3755 47.7153 79.1389C47.6795 79.9024 47.0316 80.4923 46.2681 80.4565C46.014 80.4446 45.756 80.4309 45.4941 80.4154C45.2155 80.399 44.9411 80.38 44.671 80.3586C43.9091 80.2983 43.3404 79.6318 43.4007 78.8699Z"
                 fill="var(--semi-color-primary)"
             />
-            <g clipPath="url(#clip0)">
+            <g clipPath="url(#clip_failure_96_39_65)">
                 <path
                     fillRule="evenodd"
                     clipRule="evenodd"
@@ -186,13 +186,13 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 fill="white"
                 stroke="#515151"
             />
-            <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x={98} y={44} width={36} height={27}>
+            <mask id="mask_failure_130_526" mask-type="alpha" maskUnits="userSpaceOnUse" x={98} y={44} width={36} height={27}>
                 <path
                     d="M130.526 62.1048C130.034 58.8 121.013 47.3537 114.448 47.0738L101.772 51.595L108.238 65.7517L125.493 68.8189C127.335 67.6825 130.92 64.7486 130.526 62.1048Z"
                     fill="#C4C4C4"
                 />
             </mask>
-            <g mask="url(#mask0)">
+            <g mask="url(#mask_failure_130_526)">
                 <path
                     d="M127.206 63.618C123.49 67.5606 117.328 67.774 113.443 64.1127C109.559 60.4514 109.408 54.2878 113.124 50.3452C116.84 46.4026 123.002 46.1893 126.886 49.8505C130.771 53.5118 130.922 59.6755 127.206 63.618Z"
                     fill="white"
@@ -297,7 +297,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 fill="white"
             />
             <defs>
-                <clipPath id="clip0">
+                <clipPath id="clip_failure_96_39_65">
                     <rect
                         width={44.4004}
                         height={44.4627}

packages/semi-illustrations/src/illustrations/IllustrationFailureDark.tsx

@@ -163,7 +163,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 d="M43.4007 78.8694C43.461 78.1075 44.1276 77.5387 44.8895 77.5991C45.1407 77.619 45.3966 77.6366 45.6572 77.652C45.9083 77.6668 46.1551 77.6799 46.3977 77.6913C47.1612 77.7271 47.7511 78.375 47.7153 79.1384C47.6795 79.9019 47.0316 80.4918 46.2681 80.456C46.014 80.4441 45.756 80.4304 45.4941 80.4149C45.2155 80.3985 44.9411 80.3795 44.671 80.3582C43.9091 80.2978 43.3404 79.6313 43.4007 78.8694Z"
                 fill="var(--semi-color-primary)"
             />
-            <g clipPath="url(#clip0)">
+            <g clipPath="url(#clip_failure_dark_46_27)">
                 <path
                     fillRule="evenodd"
                     clipRule="evenodd"
@@ -186,13 +186,13 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 fill="#C6CACD"
                 stroke="#1C1F23"
             />
-            <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x={101} y={47} width={30} height={22}>
+            <mask id="mask_failure_dark_130_527" mask-type="alpha" maskUnits="userSpaceOnUse" x={101} y={47} width={30} height={22}>
                 <path
                     d="M130.527 62.1043C130.034 58.7995 121.014 47.3532 114.449 47.0733L101.773 51.5945L108.238 65.7512L125.493 68.8184C127.335 67.682 130.921 64.7481 130.527 62.1043Z"
                     fill="#C4C4C4"
                 />
             </mask>
-            <g mask="url(#mask0)">
+            <g mask="url(#mask_failure_dark_130_527)">
                 <path
                     d="M127.206 63.6176C123.49 67.5601 117.328 67.7735 113.443 64.1122C109.559 60.4509 109.408 54.2873 113.124 50.3447C116.84 46.4022 123.002 46.1888 126.887 49.8501C130.771 53.5113 130.922 59.675 127.206 63.6176Z"
                     fill="#C6CACD"
@@ -297,7 +297,7 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
                 fill="#C6CACD"
             />
             <defs>
-                <clipPath id="clip0">
+                <clipPath id="clip_failure_dark_46_27">
                     <rect
                         width={44.4004}
                         height={44.4627}

packages/semi-illustrations/src/svgs/failure-dark.svg

@@ -36,16 +36,16 @@
 <path d="M37.6691 75.9706C38.0867 76.1589 38.5348 76.3348 39.0157 76.4968C39.7399 76.7409 40.1292 77.5259 39.8852 78.2502C39.6411 78.9744 38.8561 79.3637 38.1318 79.1197C37.5698 78.9303 37.0365 78.7215 36.5311 78.4935C36.5767 78.3355 37.0282 76.6692 37.2482 75.8557C37.3901 75.871 37.532 75.9087 37.6691 75.9706Z" fill="var(--semi-color-primary)"/>
 <path d="M55.0501 78.5666C55.1708 79.3213 54.6569 80.0309 53.9022 80.1516C53.4091 80.2305 52.8957 80.2968 52.3599 80.3504C51.5994 80.4264 50.9213 79.8715 50.8453 79.111C50.7692 78.3505 51.3241 77.6724 52.0846 77.5964C52.5696 77.5479 53.0289 77.4884 53.465 77.4186C54.2197 77.2979 54.9294 77.8119 55.0501 78.5666Z" fill="var(--semi-color-primary)"/>
 <path d="M43.4007 78.8694C43.461 78.1075 44.1276 77.5387 44.8895 77.5991C45.1407 77.619 45.3966 77.6366 45.6572 77.652C45.9083 77.6668 46.1551 77.6799 46.3977 77.6913C47.1612 77.7271 47.7511 78.375 47.7153 79.1384C47.6795 79.9019 47.0316 80.4918 46.2681 80.456C46.014 80.4441 45.756 80.4304 45.4941 80.4149C45.2155 80.3985 44.9411 80.3795 44.671 80.3582C43.9091 80.2978 43.3404 79.6313 43.4007 78.8694Z" fill="var(--semi-color-primary)"/>
-<g clip-path="url(#clip0)">
+<g clip-path="url(#clip_failure_dark_46_27)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M30.9045 46.8694C28.9309 39.7229 33.1312 32.3059 40.2688 30.3361C47.4063 28.3663 54.8182 32.5787 56.7918 39.7252C59.4325 49.2872 52.025 69.0037 51.649 69.6235C51.5459 69.792 51.387 69.9063 51.21 69.9551C51.0331 70.0039 50.838 69.9874 50.6631 69.8956C50.0222 69.5564 33.5451 56.4314 30.9045 46.8694ZM45.2597 48.4085C42.0243 49.3014 38.6639 47.3918 37.7692 44.1521C36.8745 40.9124 38.7791 37.5498 42.0143 36.657C45.2496 35.7641 48.6101 37.6737 49.5048 40.9134C50.3995 44.153 48.495 47.5156 45.2597 48.4085Z" fill="var(--semi-color-primary)"/>
 </g>
 <path d="M102.315 100.689C99.5168 102.244 96.6807 103.536 92.95 105.268L94.4346 109.189C96.5664 108.23 100.589 103.162 102.315 100.689Z" fill="#1C1F23"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M120.997 63.0355C129.853 65.1334 133.432 56.5347 134.117 54.2696C134.801 52.0046 128.52 42.4111 126.122 43.0773C125.987 43.115 125.829 43.157 125.652 43.2038C125.593 43.2193 125.532 43.2355 125.469 43.2521L125.469 43.2521C125.081 43.3543 124.616 43.4769 124.097 43.623C120.463 44.6457 114.172 46.8222 113.124 51.2465C111.829 56.7149 115.529 61.7401 120.997 63.0355Z" fill="#1C1F23"/>
 <path d="M134.496 64.7273C134.066 65.1978 133.296 65.4733 132.167 65.4633C131.049 65.4534 129.661 65.1618 128.113 64.6007C125.022 63.4797 121.389 61.3163 118.175 58.3814C114.923 55.4111 112.198 52.5779 110.583 49.9642C108.965 47.3474 108.529 45.0749 109.601 43.1176C110.147 42.1201 110.88 41.5274 111.71 41.2601C112.548 40.9902 113.536 41.0356 114.61 41.4129C116.767 42.1707 119.176 44.2399 121.092 47.4249C124.482 53.0614 127.976 55.6582 130.796 57.7547C131.276 58.1116 131.737 58.4539 132.174 58.7943C133.624 59.9228 134.451 61.1773 134.784 62.2682C135.12 63.3716 134.939 64.242 134.496 64.7273Z" fill="#C6CACD" stroke="#1C1F23"/>
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="101" y="47" width="30" height="22">
+<mask id="mask_failure_dark_130_527" mask-type="alpha" maskUnits="userSpaceOnUse" x="101" y="47" width="30" height="22">
 <path d="M130.527 62.1043C130.034 58.7995 121.014 47.3532 114.449 47.0733L101.773 51.5945L108.238 65.7512L125.493 68.8184C127.335 67.682 130.921 64.7481 130.527 62.1043Z" fill="#C4C4C4"/>
 </mask>
-<g mask="url(#mask0)">
+<g mask="url(#mask_failure_dark_130_527)">
 <path d="M127.206 63.6176C123.49 67.5601 117.328 67.7735 113.443 64.1122C109.559 60.4509 109.408 54.2873 113.124 50.3447C116.84 46.4022 123.002 46.1888 126.887 49.8501C130.771 53.5113 130.922 59.675 127.206 63.6176Z" fill="#C6CACD" stroke="#1C1F23"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M116.79 47.3517L116.774 47.7162C119.629 48.2226 125.342 50.307 125.347 54.593C125.353 59.9505 117.907 63.9254 110.882 58.0528C110.54 57.7671 110.224 57.5209 109.933 57.3112C109.986 59.9423 111.047 62.5402 113.1 64.4759C117.19 68.3305 123.668 68.0997 127.57 63.9603C131.471 59.821 131.319 53.3406 127.229 49.486C124.355 46.7768 120.301 46.0858 116.79 47.3517Z" fill="#1C1F23"/>
 <path d="M119.341 55.001C119.649 54.6958 119.652 54.1984 119.347 53.89C119.042 53.5816 118.544 53.5789 118.236 53.8841C117.928 54.1892 117.925 54.6865 118.23 54.995C118.535 55.3034 119.032 55.3061 119.341 55.001Z" fill="#1C1F23"/>
@@ -71,7 +71,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M133.433 123.46L142.64 121.651L142.958 123.273L133.752 125.082L133.433 123.46Z" fill="#C6CACD"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M145.504 133.113L154.711 131.305L155.029 132.927L145.823 134.735L145.504 133.113Z" fill="#C6CACD"/>
 <defs>
-<clipPath id="clip0">
+<clipPath id="clip_failure_dark_46_27">
 <rect width="44.4004" height="44.4627" fill="white" transform="matrix(0.963965 -0.266028 0.266198 0.963918 18.4214 34.6221)"/>
 </clipPath>
 </defs>

packages/semi-illustrations/src/svgs/failure.svg

@@ -37,16 +37,16 @@
 <path d="M37.6691 75.9711C38.0867 76.1594 38.5348 76.3353 39.0157 76.4973C39.7399 76.7414 40.1292 77.5264 39.8852 78.2507C39.6411 78.9749 38.8561 79.3642 38.1318 79.1201C37.5698 78.9307 37.0365 78.722 36.5311 78.494C36.5767 78.336 37.0282 76.6697 37.2482 75.8562C37.3901 75.8715 37.532 75.9092 37.6691 75.9711Z" fill="var(--semi-color-primary)"/>
 <path d="M55.0501 78.5671C55.1708 79.3217 54.6569 80.0314 53.9022 80.1521C53.4091 80.231 52.8957 80.2973 52.3599 80.3508C51.5994 80.4269 50.9213 79.872 50.8453 79.1115C50.7692 78.351 51.3241 77.6728 52.0846 77.5968C52.5696 77.5484 53.0289 77.4889 53.465 77.4191C54.2197 77.2984 54.9294 77.8124 55.0501 78.5671Z" fill="var(--semi-color-primary)"/>
 <path d="M43.4007 78.8699C43.461 78.108 44.1276 77.5392 44.8895 77.5995C45.1407 77.6194 45.3966 77.6371 45.6572 77.6525C45.9083 77.6673 46.1551 77.6804 46.3977 77.6918C47.1612 77.7276 47.7511 78.3755 47.7153 79.1389C47.6795 79.9024 47.0316 80.4923 46.2681 80.4565C46.014 80.4446 45.756 80.4309 45.4941 80.4154C45.2155 80.399 44.9411 80.38 44.671 80.3586C43.9091 80.2983 43.3404 79.6318 43.4007 78.8699Z" fill="var(--semi-color-primary)"/>
-<g clip-path="url(#clip0)">
+<g clip-path="url(#clip_failure_96_39_65)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M30.9046 46.8694C28.931 39.7229 33.1313 32.3059 40.2689 30.3361C47.4064 28.3663 54.8184 32.5787 56.792 39.7252C59.4326 49.2872 52.0251 69.0037 51.6492 69.6235C51.546 69.792 51.3871 69.9063 51.2102 69.9551C51.0332 70.0039 50.8382 69.9874 50.6632 69.8956C50.0223 69.5564 33.5453 56.4314 30.9046 46.8694ZM45.2598 48.4085C42.0245 49.3014 38.664 47.3918 37.7693 44.1521C36.8746 40.9124 38.7792 37.5498 42.0145 36.657C45.2497 35.7641 48.6103 37.6737 49.5049 40.9134C50.3996 44.153 48.4951 47.5156 45.2598 48.4085Z" fill="var(--semi-color-primary)"/>
 </g>
 <path d="M102.315 100.69C99.5168 102.244 96.6807 103.536 92.95 105.268L94.4346 109.189C96.5664 108.23 100.589 103.162 102.315 100.69Z" fill="#515151"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M120.997 63.0355C129.853 65.1334 133.432 56.5347 134.117 54.2696C134.801 52.0046 128.52 42.4111 126.122 43.0773C125.998 43.1118 125.855 43.15 125.696 43.1922C125.623 43.2113 125.548 43.2313 125.469 43.2521C122.367 44.0697 114.322 46.1902 113.124 51.2465C111.829 56.7149 115.529 61.7401 120.997 63.0355Z" fill="#515151"/>
 <path d="M134.495 64.7278C134.066 65.1983 133.296 65.4738 132.167 65.4638C131.049 65.4538 129.661 65.1623 128.113 64.6012C125.022 63.4801 121.389 61.3167 118.175 58.3818C114.923 55.4115 112.198 52.5784 110.582 49.9647C108.965 47.3479 108.529 45.0754 109.601 43.1181C110.147 42.1205 110.88 41.5279 111.71 41.2605C112.548 40.9907 113.536 41.0361 114.61 41.4134C116.767 42.1712 119.176 44.2404 121.092 47.4254C124.482 53.0618 127.976 55.6587 130.796 57.7552C131.276 58.112 131.737 58.4544 132.174 58.7948C133.623 59.9233 134.451 61.1778 134.783 62.2687C135.12 63.372 134.939 64.2425 134.495 64.7278Z" fill="white" stroke="#515151"/>
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="98" y="44" width="36" height="27">
+<mask id="mask_failure_130_526" mask-type="alpha" maskUnits="userSpaceOnUse" x="98" y="44" width="36" height="27">
 <path d="M130.526 62.1048C130.034 58.8 121.013 47.3537 114.448 47.0738L101.772 51.595L108.238 65.7517L125.493 68.8189C127.335 67.6825 130.92 64.7486 130.526 62.1048Z" fill="#C4C4C4"/>
 </mask>
-<g mask="url(#mask0)">
+<g mask="url(#mask_failure_130_526)">
 <path d="M127.206 63.618C123.49 67.5606 117.328 67.774 113.443 64.1127C109.559 60.4514 109.408 54.2878 113.124 50.3452C116.84 46.4026 123.002 46.1893 126.886 49.8505C130.771 53.5118 130.922 59.6755 127.206 63.618Z" fill="white" stroke="#515151"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M116.79 47.3522L116.774 47.7167C119.629 48.2231 125.342 50.3075 125.347 54.5935C125.353 59.951 117.907 63.9259 110.882 58.0533C110.54 57.7676 110.224 57.5214 109.933 57.3117C109.986 59.9427 111.047 62.5407 113.1 64.4764C117.19 68.331 123.668 68.1002 127.57 63.9608C131.471 59.8215 131.319 53.3411 127.229 49.4865C124.355 46.7773 120.301 46.0863 116.79 47.3522Z" fill="#515151"/>
 <path d="M119.341 55.001C119.649 54.6958 119.652 54.1984 119.347 53.89C119.042 53.5816 118.544 53.5789 118.236 53.8841C117.928 54.1892 117.925 54.6865 118.23 54.995C118.535 55.3034 119.032 55.3061 119.341 55.001Z" fill="#515151"/>
@@ -72,7 +72,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M133.433 123.46L142.64 121.651L142.958 123.273L133.752 125.082L133.433 123.46Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M145.504 133.113L154.711 131.304L155.029 132.926L145.823 134.735L145.504 133.113Z" fill="white"/>
 <defs>
-<clipPath id="clip0">
+<clipPath id="clip_failure_96_39_65">
 <rect width="44.4004" height="44.4627" transform="matrix(0.963965 -0.266028 0.266198 0.963918 18.4214 34.6221)" fill="white"/>
 </clipPath>
 </defs>