diff --git a/src/components/icons/assets/tokens/ReusableSVGElements.tsx b/src/components/icons/assets/tokens/ReusableSVGElements.tsx
index 5a805724d..77365181f 100644
--- a/src/components/icons/assets/tokens/ReusableSVGElements.tsx
+++ b/src/components/icons/assets/tokens/ReusableSVGElements.tsx
@@ -1,37 +1,17 @@
 /**
- * Define svg's mask and gradient stroke for once
+ * Define reusable svg's element such as mask and gradient stroke in one place so that it can only be implemented once at top level
+ * To prevent multiple declaration of `id` if they are placed within individual svg file, this will cause these element to not display accordingly
  */
 export function ReusableSVGElements(): JSX.Element {
   return (
     <svg height={0} width={0} viewBox="0 0 0 0">
-      <mask
-        id="mask0_4212_33579"
-        maskUnits="userSpaceOnUse"
-        x="5"
-        y="5"
-        width="38"
-        height="38"
-      >
-        <path
-          d="M8.20741 22.9889C8.70153 15.0991 15.0531 8.72772 22.9412 8.21041C27.0877 7.93847 30.9217 9.27797 33.8861 11.6581C34.1738 11.8891 34.5859 11.8786 34.8612 11.6329L36.0239 10.5956C36.3688 10.2881 36.3617 9.74284 36.0054 9.44839C32.5476 6.59057 28.0582 4.93847 23.1876 5.14385C13.5277 5.55125 5.66724 13.3213 5.1543 22.9765C4.93245 27.1526 6.07766 31.0561 8.18085 34.281C8.43262 34.6672 8.97211 34.7341 9.31632 34.4272L10.4777 33.3909C10.7523 33.1459 10.8114 32.7385 10.6148 32.4275C8.90455 29.7217 7.98959 26.4659 8.20741 22.9889Z"
-          fill="#3E8AFA"
-        />
-        <path
-          d="M15.4831 25.1005L14.6135 26.2743C14.4078 26.6813 14.7039 27.1627 15.1601 27.1627H18.0058C18.9056 30.8827 21.4969 33.4195 24.9688 33.367C27.4337 33.367 29.2918 32.1415 30.5325 29.7011C30.6905 29.3906 30.552 29.0094 30.2337 28.8672L28.8764 28.2608C28.5775 28.1274 28.2253 28.2524 28.0804 28.5459C27.4397 29.846 26.3752 30.6746 24.9688 30.6746C23.6955 30.6746 22.674 30.0511 21.8915 28.7912C21.5856 28.3035 21.3422 27.7593 21.157 27.163H24.8017C25.0327 27.163 25.2441 27.0329 25.3483 26.8269L26.2179 25.6531C26.4236 25.2457 26.1275 24.7647 25.6713 24.7647H20.747C20.7328 24.5122 20.7241 24.2548 20.7241 23.9892C20.7214 23.726 20.7288 23.4685 20.7426 23.2148H24.8017C25.0327 23.2148 25.2441 23.0847 25.3483 22.8786L26.2179 21.7048C26.4236 21.2978 26.1275 20.8164 25.6713 20.8164H21.1527C21.8135 18.6615 23.1933 17.2497 24.9688 17.2776C26.3214 17.2776 27.3718 18.0181 28.0454 19.2312C28.1964 19.5032 28.5362 19.6074 28.8206 19.4816L30.1849 18.8793C30.5113 18.7351 30.6501 18.3405 30.4774 18.0282C29.2182 15.7539 27.3819 14.6114 24.9688 14.6114C22.7668 14.6114 21.0027 15.4867 19.6633 17.2245C18.8804 18.248 18.3352 19.4487 18.0118 20.8164H16.03C15.7991 20.8164 15.5876 20.9465 15.4834 21.1526L14.6138 22.3264C14.4081 22.7337 14.7043 23.2148 15.1604 23.2148H17.6844C17.6723 23.4695 17.6606 23.725 17.6606 23.9892C17.6572 24.2511 17.6636 24.5092 17.6747 24.7647H16.0303C15.7994 24.7647 15.5873 24.8944 15.4831 25.1005Z"
-          fill="#3E8AFA"
-        />
-        <path
-          d="M38.6837 13.5723C39.0279 13.2655 39.5674 13.3327 39.8192 13.7186C41.922 16.9428 43.0669 20.8463 42.8454 25.0221C42.3331 34.6772 34.4726 42.4476 24.8128 42.8554C19.9419 43.0607 15.4525 41.409 11.9943 38.5508C11.638 38.2564 11.6309 37.7112 11.9758 37.4036L13.1382 36.3663C13.4135 36.1206 13.8256 36.1102 14.1133 36.3411C17.078 38.7213 20.9116 40.0607 25.0582 39.7888C32.9462 39.2715 39.2978 32.9004 39.7923 25.011C40.0104 21.534 39.0955 18.2779 37.3852 15.572C37.1886 15.2611 37.2478 14.8537 37.5224 14.6086L38.6837 13.5723Z"
-          fill="#3E8AFA"
-        />
-      </mask>
       <defs>
         <linearGradient
-          id="paint0_linear_4212_33579"
-          x1="38.3163"
+          id="dEUROC_linear_gradient"
+          x1="38.3161"
           y1="39.8137"
-          x2="5.12695"
-          y2="6.62437"
+          x2="5.12679"
+          y2="6.62465"
           gradientUnits="userSpaceOnUse"
         >
           <stop offset="0.00751664" stopColor="#8656EF" />
diff --git a/src/components/icons/assets/tokens/dEUROC.tsx b/src/components/icons/assets/tokens/dEUROC.tsx
index fa27f3add..5a42947a9 100644
--- a/src/components/icons/assets/tokens/dEUROC.tsx
+++ b/src/components/icons/assets/tokens/dEUROC.tsx
@@ -13,16 +13,8 @@ export function dEUROC(props: SVGProps<SVGSVGElement>): JSX.Element {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M8.20741 22.9889C8.70153 15.0991 15.0531 8.72772 22.9412 8.21041C27.0877 7.93847 30.9217 9.27797 33.8861 11.6581C34.1738 11.8891 34.5859 11.8786 34.8612 11.6329L36.0239 10.5956C36.3688 10.2881 36.3617 9.74284 36.0054 9.44839C32.5476 6.59057 28.0582 4.93847 23.1876 5.14385C13.5277 5.55125 5.66724 13.3213 5.1543 22.9765C4.93245 27.1526 6.07766 31.0561 8.18085 34.281C8.43262 34.6672 8.97211 34.7341 9.31632 34.4272L10.4777 33.3909C10.7523 33.1459 10.8114 32.7385 10.6148 32.4275C8.90455 29.7217 7.98959 26.4659 8.20741 22.9889ZM15.4831 25.1005L14.6135 26.2743C14.4078 26.6813 14.7039 27.1627 15.1601 27.1627H18.0058C18.9056 30.8827 21.4969 33.4195 24.9688 33.367C27.4337 33.367 29.2918 32.1415 30.5325 29.7011C30.6905 29.3906 30.552 29.0094 30.2337 28.8672L28.8764 28.2608C28.5775 28.1274 28.2253 28.2524 28.0804 28.5459C27.4397 29.846 26.3752 30.6746 24.9688 30.6746C23.6955 30.6746 22.674 30.0511 21.8915 28.7912C21.5856 28.3035 21.3422 27.7593 21.157 27.163H24.8017C25.0327 27.163 25.2441 27.0329 25.3483 26.8269L26.2179 25.6531C26.4236 25.2457 26.1275 24.7647 25.6713 24.7647H20.7469C20.7328 24.5122 20.7241 24.2548 20.7241 23.9892C20.7214 23.726 20.7288 23.4685 20.7426 23.2148H24.8017C25.0327 23.2148 25.2441 23.0847 25.3483 22.8786L26.2179 21.7048C26.4236 21.2978 26.1275 20.8164 25.6713 20.8164H21.1527C21.8135 18.6615 23.1933 17.2497 24.9688 17.2776C26.3214 17.2776 27.3718 18.0181 28.0454 19.2312C28.1964 19.5032 28.5362 19.6074 28.8206 19.4816L30.1849 18.8793C30.5113 18.7351 30.6501 18.3405 30.4774 18.0282C29.2182 15.7539 27.3819 14.6114 24.9688 14.6114C22.7668 14.6114 21.0027 15.4867 19.6633 17.2245C18.8804 18.248 18.3352 19.4487 18.0118 20.8164H16.03C15.7991 20.8164 15.5876 20.9465 15.4834 21.1526L14.6138 22.3264C14.4081 22.7338 14.7043 23.2148 15.1604 23.2148H17.6844C17.6723 23.4695 17.6606 23.725 17.6606 23.9892C17.6572 24.2511 17.6636 24.5092 17.6747 24.7647H16.0303C15.7994 24.7647 15.5873 24.8944 15.4831 25.1005ZM38.6837 13.5723C39.0279 13.2655 39.5674 13.3327 39.8192 13.7186C41.922 16.9428 43.0669 20.8463 42.8454 25.0221C42.3331 34.6772 34.4726 42.4476 24.8128 42.8554C19.9419 43.0607 15.4525 41.409 11.9943 38.5508C11.638 38.2564 11.6309 37.7112 11.9758 37.4036L13.1382 36.3663C13.4135 36.1206 13.8256 36.1102 14.1133 36.3411C17.078 38.7213 20.9116 40.0607 25.0582 39.7888C32.9462 39.2715 39.2978 32.9004 39.7923 25.011C40.0104 21.534 39.0955 18.2779 37.3852 15.572C37.1886 15.2611 37.2478 14.8537 37.5224 14.6086L38.6837 13.5723Z"
-        fill="white"
+        fill="url(#dEUROC_linear_gradient)"
       />
-      <g mask="url(#mask0_4212_33579)">
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M5.12695 23.9996C5.12695 13.5764 13.5767 5.12671 23.9999 5.12671C34.4231 5.12671 42.8728 13.5764 42.8728 23.9996C42.8728 34.4228 34.4231 42.8726 23.9999 42.8726C13.5767 42.8726 5.12695 34.4228 5.12695 23.9996Z"
-          fill="url(#paint0_linear_4212_33579)"
-        />
-      </g>
     </svg>
   );
 }