deriv-com · niloofar-deriv · Jun 28, 2024 · Jun 28, 2024
diff --git a/scripts/svgr-configs/icons.ts b/scripts/svgr-configs/icons.ts
@@ -52,7 +52,7 @@ export const IconSvgReactOutPutConfig: Options = {
     const shouldCleanFills =
       options.pageName.toLowerCase().includes('system') ||
       options.pageName.toLowerCase().includes('illustrative') ||
-      options.pageName.toLowerCase().includes('Legacy');
+      options.pageName === 'Legacy';
 
     const svgoConfig: OptimizeOptions = {
       plugins: [

diff --git a/src/react/Accounts/AccountsDerivAccountDarkIcon.tsx b/src/react/Accounts/AccountsDerivAccountDarkIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDerivAccountDarkIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#bef26ae050ed5a89a56f9362360faade__a)'>
+    <g clipPath='url(#e2aadd328cb2dae97b72bbad7323b15e__a)'>
       <path fill='#fff' d='M0 6a6 6 0 0 1 6-6h20a6 6 0 0 1 6 6v20a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z' />
       <path
         fill='#EF8933'
@@ -44,7 +44,7 @@ export const AccountsDerivAccountDarkIcon = (
       />
     </g>
     <defs>
-      <clipPath id='bef26ae050ed5a89a56f9362360faade__a'>
+      <clipPath id='e2aadd328cb2dae97b72bbad7323b15e__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDerivAccountLightIcon.tsx b/src/react/Accounts/AccountsDerivAccountLightIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDerivAccountLightIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#919fad4828f27ba87e93adb95bad87b7__a)'>
+    <g clipPath='url(#1fff506371c3cb81592aa93b13fb9814__a)'>
       <path
         fill='#414652'
         d='M0 6a6 6 0 0 1 6-6h20a6 6 0 0 1 6 6v20a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z'
@@ -47,7 +47,7 @@ export const AccountsDerivAccountLightIcon = (
       />
     </g>
     <defs>
-      <clipPath id='919fad4828f27ba87e93adb95bad87b7__a'>
+      <clipPath id='1fff506371c3cb81592aa93b13fb9814__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDerivXIcon.tsx b/src/react/Accounts/AccountsDerivXIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDerivXIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#b69b2f3122690bfa24b6b57a1def95ce__a)'>
+    <g clipPath='url(#b66017131962b5b43df5bd928b1c4ddd__a)'>
       <path
         fill='#FF444F'
         d='M0 6a6 6 0 0 1 6-6h20a6 6 0 0 1 6 6v20a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z'
@@ -39,7 +39,7 @@ export const AccountsDerivXIcon = (
       />
     </g>
     <defs>
-      <clipPath id='b69b2f3122690bfa24b6b57a1def95ce__a'>
+      <clipPath id='b66017131962b5b43df5bd928b1c4ddd__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5CfdsIcon.tsx b/src/react/Accounts/AccountsDmt5CfdsIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDmt5CfdsIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#d6e741c11637d650f91f056d8786fc32__a)'>
+    <g clipPath='url(#2edb89117797e60cec05960840b109e0__a)'>
       <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
       <path
         fill='#0A559E'
@@ -33,7 +33,7 @@ export const AccountsDmt5CfdsIcon = (
       />
     </g>
     <defs>
-      <clipPath id='d6e741c11637d650f91f056d8786fc32__a'>
+      <clipPath id='2edb89117797e60cec05960840b109e0__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5DerivedIcon.tsx b/src/react/Accounts/AccountsDmt5DerivedIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDmt5DerivedIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#a7f2f03e07ced944e5b1ded7354d443e__a)'>
+    <g clipPath='url(#fa3d03f7622f908628836200ea5adf91__a)'>
       <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
       <path
         fill='#0A559E'
@@ -33,7 +33,7 @@ export const AccountsDmt5DerivedIcon = (
       />
     </g>
     <defs>
-      <clipPath id='a7f2f03e07ced944e5b1ded7354d443e__a'>
+      <clipPath id='fa3d03f7622f908628836200ea5adf91__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5FinancialIcon.tsx b/src/react/Accounts/AccountsDmt5FinancialIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDmt5FinancialIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#2e8ccb18beda5532c786e94f45f29670__a)'>
+    <g clipPath='url(#db40d5e083816c0dc32ab28dd0a203ae__a)'>
       <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
       <path
         fill='#0A559E'
@@ -33,7 +33,7 @@ export const AccountsDmt5FinancialIcon = (
       />
     </g>
     <defs>
-      <clipPath id='2e8ccb18beda5532c786e94f45f29670__a'>
+      <clipPath id='db40d5e083816c0dc32ab28dd0a203ae__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5StandardIcon.tsx b/src/react/Accounts/AccountsDmt5StandardIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDmt5StandardIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#9643eef905e2640ea935837e256c4c31__a)'>
+    <g clipPath='url(#2f38decd8add88795e64f3bc718c5980__a)'>
       <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
       <path
         fill='#0A559E'
@@ -33,7 +33,7 @@ export const AccountsDmt5StandardIcon = (
       />
     </g>
     <defs>
-      <clipPath id='9643eef905e2640ea935837e256c4c31__a'>
+      <clipPath id='2f38decd8add88795e64f3bc718c5980__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5SwfIcon.tsx b/src/react/Accounts/AccountsDmt5SwfIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDmt5SwfIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#233ea86eebd67f11285d2d5eb5b872b2__a)'>
+    <g clipPath='url(#7fe62c6720354d6fa1d7af9d1bbf7ea2__a)'>
       <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
       <path
         fill='#0A559E'
@@ -33,7 +33,7 @@ export const AccountsDmt5SwfIcon = (
       />
     </g>
     <defs>
-      <clipPath id='233ea86eebd67f11285d2d5eb5b872b2__a'>
+      <clipPath id='7fe62c6720354d6fa1d7af9d1bbf7ea2__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5ZrsIcon.tsx b/src/react/Accounts/AccountsDmt5ZrsIcon.tsx
@@ -20,7 +20,7 @@ export const AccountsDmt5ZrsIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#275e7c553332481b3f3ed83cd802dc24__a)'>
+    <g clipPath='url(#99fa8ec41a76342d88c47c8c79cf7f0e__a)'>
       <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
       <path
         fill='#0A559E'
@@ -33,7 +33,7 @@ export const AccountsDmt5ZrsIcon = (
       />
     </g>
     <defs>
-      <clipPath id='275e7c553332481b3f3ed83cd802dc24__a'>
+      <clipPath id='99fa8ec41a76342d88c47c8c79cf7f0e__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyAdaIcon.tsx b/src/react/Currencies/CurrencyAdaIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyAdaIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#eaf523697b8abca887e4f30312d2058c__a)'>
+    <g clipPath='url(#06f1b37644108662f9ba79108401f85b__a)'>
       <path
         fill='#0033AD'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -31,7 +31,7 @@ export const CurrencyAdaIcon = (
       />
     </g>
     <defs>
-      <clipPath id='eaf523697b8abca887e4f30312d2058c__a'>
+      <clipPath id='06f1b37644108662f9ba79108401f85b__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyAlgoIcon.tsx b/src/react/Currencies/CurrencyAlgoIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyAlgoIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#917bf1dca5e34b54e1c3e282a15e010f__a)'>
+    <g clipPath='url(#12be3ba36faf541f7ed938fb4543e2da__a)'>
       <path
         fill='#000'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -31,7 +31,7 @@ export const CurrencyAlgoIcon = (
       />
     </g>
     <defs>
-      <clipPath id='917bf1dca5e34b54e1c3e282a15e010f__a'>
+      <clipPath id='12be3ba36faf541f7ed938fb4543e2da__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyBatIcon.tsx b/src/react/Currencies/CurrencyBatIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyBatIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#548148028a8e6ec6ae3151c81b743437__a)'>
+    <g clipPath='url(#1be56d4bd9c9defa8db9685bb293f58f__a)'>
       <path
         fill='#FF5000'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -33,7 +33,7 @@ export const CurrencyBatIcon = (
       />
     </g>
     <defs>
-      <clipPath id='548148028a8e6ec6ae3151c81b743437__a'>
+      <clipPath id='1be56d4bd9c9defa8db9685bb293f58f__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyBusdIcon.tsx b/src/react/Currencies/CurrencyBusdIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyBusdIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#9e86720ebda5f50236760afd4903f6fc__a)'>
+    <g clipPath='url(#b8c8404e9b0561adbef345c6cfe38e0d__a)'>
       <path
         fill='#F0B90B'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -31,7 +31,7 @@ export const CurrencyBusdIcon = (
       />
     </g>
     <defs>
-      <clipPath id='9e86720ebda5f50236760afd4903f6fc__a'>
+      <clipPath id='b8c8404e9b0561adbef345c6cfe38e0d__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyDashIcon.tsx b/src/react/Currencies/CurrencyDashIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyDashIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#1b2b191b81a1c5d5f8a6ead40823e738__a)'>
+    <g clipPath='url(#bff29cb0c396a1e48036133762179aa0__a)'>
       <path
         fill='#4165A5'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -33,7 +33,7 @@ export const CurrencyDashIcon = (
       />
     </g>
     <defs>
-      <clipPath id='1b2b191b81a1c5d5f8a6ead40823e738__a'>
+      <clipPath id='bff29cb0c396a1e48036133762179aa0__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyDogeIcon.tsx b/src/react/Currencies/CurrencyDogeIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyDogeIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#594c1559c1753d976705802cf24f1aec__a)'>
+    <g clipPath='url(#ba87b600cc702168d5e8aa3c2faf3b7a__a)'>
       <path
         fill='#C2A633'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -754,7 +754,7 @@ export const CurrencyDogeIcon = (
       />
     </g>
     <defs>
-      <clipPath id='594c1559c1753d976705802cf24f1aec__a'>
+      <clipPath id='ba87b600cc702168d5e8aa3c2faf3b7a__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyDotIcon.tsx b/src/react/Currencies/CurrencyDotIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyDotIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#eb41d3615ea0e9a38b8d37cf1f7c1eda__a)'>
+    <g clipPath='url(#762b1c16f8a964563fae149816905342__a)'>
       <path
         fill='#E6007A'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -31,7 +31,7 @@ export const CurrencyDotIcon = (
       />
     </g>
     <defs>
-      <clipPath id='eb41d3615ea0e9a38b8d37cf1f7c1eda__a'>
+      <clipPath id='762b1c16f8a964563fae149816905342__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyEtcIcon.tsx b/src/react/Currencies/CurrencyEtcIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyEtcIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#f91ff81b69536746abaa06c9faded5e5__a)'>
+    <g clipPath='url(#621e893266e799ac06b3450a9dfc1610__a)'>
       <path
         fill='#0B8311'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -37,7 +37,7 @@ export const CurrencyEtcIcon = (
       <path fill='#5B9C5B' d='m16.039 16.566 7.07-.612-7.067 3.826z' />
     </g>
     <defs>
-      <clipPath id='f91ff81b69536746abaa06c9faded5e5__a'>
+      <clipPath id='621e893266e799ac06b3450a9dfc1610__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyEursIcon.tsx b/src/react/Currencies/CurrencyEursIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyEursIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#5696e6b4d8a6ef56f051c71eab1b86a3__a)'>
+    <g clipPath='url(#7ddc57b033b681bf0f7f90be7991887b__a)'>
       <path
         fill='#fff'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -33,7 +33,7 @@ export const CurrencyEursIcon = (
       />
     </g>
     <defs>
-      <clipPath id='5696e6b4d8a6ef56f051c71eab1b86a3__a'>
+      <clipPath id='7ddc57b033b681bf0f7f90be7991887b__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyFilIcon.tsx b/src/react/Currencies/CurrencyFilIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyFilIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#565d089bafce013c019ba6142d0b1aa5__a)'>
+    <g clipPath='url(#ea50755445e6fdc4a1afbae5ba494680__a)'>
       <path
         fill='#0090FF'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -33,7 +33,7 @@ export const CurrencyFilIcon = (
       />
     </g>
     <defs>
-      <clipPath id='565d089bafce013c019ba6142d0b1aa5__a'>
+      <clipPath id='ea50755445e6fdc4a1afbae5ba494680__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyIdkIcon.tsx b/src/react/Currencies/CurrencyIdkIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyIdkIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#b06a125138613608acb2c6c363740074__a)'>
+    <g clipPath='url(#4bd48a7ae61a131f12a2ff2b3b0a868f__a)'>
       <path
         fill='#fff'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -31,7 +31,7 @@ export const CurrencyIdkIcon = (
       />
     </g>
     <defs>
-      <clipPath id='b06a125138613608acb2c6c363740074__a'>
+      <clipPath id='4bd48a7ae61a131f12a2ff2b3b0a868f__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyLinkIcon.tsx b/src/react/Currencies/CurrencyLinkIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyLinkIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#d161eb001e42e6a8c18dbf5b960238ef__a)'>
+    <g clipPath='url(#26d9c2daa5527159340aac774e20ad09__a)'>
       <path
         fill='#2A5ADA'
         d='M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0s16 7.163 16 16'
@@ -31,7 +31,7 @@ export const CurrencyLinkIcon = (
       />
     </g>
     <defs>
-      <clipPath id='d161eb001e42e6a8c18dbf5b960238ef__a'>
+      <clipPath id='26d9c2daa5527159340aac774e20ad09__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>