Merge pull request #153 from deriv-com/icons-sizes-type

chore: updated icons
deriv-com · Apr 8, 2024 · 33fc973 · 33fc973
2 parents 6badad5 + ab628f4
commit 33fc973
Show file tree

Hide file tree

Showing 4,224 changed files with 4,955 additions and 4,702 deletions.
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(#89ecd1de7f4f5f740b95488baeb384a7__a)'>
+    <g clipPath='url(#a89c226e551ee2b6fa98bae7408263e8__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='89ecd1de7f4f5f740b95488baeb384a7__a'>
+      <clipPath id='a89c226e551ee2b6fa98bae7408263e8__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(#f71e2000d1a258f7b422df0ad9af00ab__a)'>
+    <g clipPath='url(#a2c9a99c66504b2bb604498f5d26836f__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='f71e2000d1a258f7b422df0ad9af00ab__a'>
+      <clipPath id='a2c9a99c66504b2bb604498f5d26836f__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(#aef42d081c9181092ad2f3c608d10cc6__a)'>
+    <g clipPath='url(#f849928c6a663df1748638a29a30f5ac__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='aef42d081c9181092ad2f3c608d10cc6__a'>
+      <clipPath id='f849928c6a663df1748638a29a30f5ac__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(#c600d4f51c9ff9d79db46f5c5007ee89__a)'>
+    <g clipPath='url(#41fcd8e4ed6e7262b398bf6aa77a1955__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='c600d4f51c9ff9d79db46f5c5007ee89__a'>
+      <clipPath id='41fcd8e4ed6e7262b398bf6aa77a1955__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(#3bd44e735df6db3795d259fc04754e68__a)'>
+    <g clipPath='url(#74a4369965fb5a5f4a7d73cd9b465d29__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='3bd44e735df6db3795d259fc04754e68__a'>
+      <clipPath id='74a4369965fb5a5f4a7d73cd9b465d29__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(#33e1d071ba8a0689d899f81313946906__a)'>
+    <g clipPath='url(#9a91109cddcfc00b05ea0b2fa06ae72c__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='33e1d071ba8a0689d899f81313946906__a'>
+      <clipPath id='9a91109cddcfc00b05ea0b2fa06ae72c__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(#aa920ffe7e7480a275c0ec3cd2b14ccb__a)'>
+    <g clipPath='url(#4872071b957174ddda82a04ead2859e6__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='aa920ffe7e7480a275c0ec3cd2b14ccb__a'>
+      <clipPath id='4872071b957174ddda82a04ead2859e6__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(#5387f870ae6114a6ecf470e4fe3ad77c__a)'>
+    <g clipPath='url(#15265c27770a7b1781cbdb801cd502e2__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='5387f870ae6114a6ecf470e4fe3ad77c__a'>
+      <clipPath id='15265c27770a7b1781cbdb801cd502e2__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(#91955a56ed5be09b47864954d204e6fb__a)'>
+    <g clipPath='url(#5baa2112d80bdc3c57139df99da795d5__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='91955a56ed5be09b47864954d204e6fb__a'>
+      <clipPath id='5baa2112d80bdc3c57139df99da795d5__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(#65dd63f7ac8268fa616a45771ed0b856__a)'>
+    <g clipPath='url(#3c46ee8e406e08efef3a30a32597a5b6__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='65dd63f7ac8268fa616a45771ed0b856__a'>
+      <clipPath id='3c46ee8e406e08efef3a30a32597a5b6__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(#95d97a71372a4eac2e35e2992982a140__a)'>
+    <g clipPath='url(#8e30259f6fc01c1b76df3826bd3569be__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='95d97a71372a4eac2e35e2992982a140__a'>
+      <clipPath id='8e30259f6fc01c1b76df3826bd3569be__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(#b44c54848f8a93255f9d275ea5906f06__a)'>
+    <g clipPath='url(#86588f9453bbef13754fb174af34489e__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='b44c54848f8a93255f9d275ea5906f06__a'>
+      <clipPath id='86588f9453bbef13754fb174af34489e__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(#078c92ffc5f749b467a9b85710a9f390__a)'>
+    <g clipPath='url(#5e15a75bf2602c2865506409cbe90003__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='078c92ffc5f749b467a9b85710a9f390__a'>
+      <clipPath id='5e15a75bf2602c2865506409cbe90003__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(#b9f86ae91c9b926c7771f6ce0722e28d__a)'>
+    <g clipPath='url(#964111094edd5808c8ce3fe0e3ea754c__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='b9f86ae91c9b926c7771f6ce0722e28d__a'>
+      <clipPath id='964111094edd5808c8ce3fe0e3ea754c__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(#4987b495fbc6e6aab5b0adf66d03875e__a)'>
+    <g clipPath='url(#f0f8470fa7245a08c56a8b8b9274b137__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='4987b495fbc6e6aab5b0adf66d03875e__a'>
+      <clipPath id='f0f8470fa7245a08c56a8b8b9274b137__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(#62c3374cb643788702f9127da94dc16a__a)'>
+    <g clipPath='url(#fa3f22f42df3a929316e6a5854d1c7d1__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='62c3374cb643788702f9127da94dc16a__a'>
+      <clipPath id='fa3f22f42df3a929316e6a5854d1c7d1__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(#da6218eb3d66a20f1df5bc96c985f3e1__a)'>
+    <g clipPath='url(#74665d250ad8ed1a460e4fde64c3a797__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='da6218eb3d66a20f1df5bc96c985f3e1__a'>
+      <clipPath id='74665d250ad8ed1a460e4fde64c3a797__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(#d8e7899b64f0bbc704f3e36109e16da4__a)'>
+    <g clipPath='url(#ae92c05bf5bfb4aff3a1d3031c450c7a__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='d8e7899b64f0bbc704f3e36109e16da4__a'>
+      <clipPath id='ae92c05bf5bfb4aff3a1d3031c450c7a__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(#2a7ac9289f6027c939cfc816ac44da25__a)'>
+    <g clipPath='url(#584fd05766ab55a83219a0b05655c126__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='2a7ac9289f6027c939cfc816ac44da25__a'>
+      <clipPath id='584fd05766ab55a83219a0b05655c126__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(#a1a097745d332104ebc5825102c2cfb7__a)'>
+    <g clipPath='url(#b846c5752af47ba311d51f7b5c9fcca3__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='a1a097745d332104ebc5825102c2cfb7__a'>
+      <clipPath id='b846c5752af47ba311d51f7b5c9fcca3__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Currencies/CurrencyMaticIcon.tsx b/src/react/Currencies/CurrencyMaticIcon.tsx
@@ -20,7 +20,7 @@ export const CurrencyMaticIcon = (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
-    <g clipPath='url(#7d8b7da4a2e009653b521a8a780da6aa__a)'>
+    <g clipPath='url(#819669911b42680a10f07282ec9b4dab__a)'>
       <path
         fill='#8247E5'
         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 CurrencyMaticIcon = (
       />
     </g>
     <defs>
-      <clipPath id='7d8b7da4a2e009653b521a8a780da6aa__a'>
+      <clipPath id='819669911b42680a10f07282ec9b4dab__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>