Merge pull request #198 from deriv-com/new-icons-collection

New Icons
deriv-com · Oct 17, 2024 · def5ae7 · def5ae7
2 parents 3f4dc83 + 419c76f
commit def5ae7
Show file tree

Hide file tree

Showing 4,933 changed files with 8,701 additions and 5,515 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(#ca92dab6271289f5377ef37384ccaad3__a)'>
+    <g clipPath='url(#0e8519a0f8d33282bdbd7a15a2bd3b00__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='ca92dab6271289f5377ef37384ccaad3__a'>
+      <clipPath id='0e8519a0f8d33282bdbd7a15a2bd3b00__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(#76791e95a7ccfd94f182dce655e8e5ad__a)'>
+    <g clipPath='url(#4880eff028ff3ae2972be42fdd4b1980__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='76791e95a7ccfd94f182dce655e8e5ad__a'>
+      <clipPath id='4880eff028ff3ae2972be42fdd4b1980__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(#ff6b400bb8f3f58ba6f9c841ab6e576e__a)'>
+    <g clipPath='url(#573df3275c21b7654bfd9d69d5b9757b__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='ff6b400bb8f3f58ba6f9c841ab6e576e__a'>
+      <clipPath id='573df3275c21b7654bfd9d69d5b9757b__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(#6e375991949dfa8471bd66a0f8286046__a)'>
+    <g clipPath='url(#6ce5f0394c390d13e3341982b04b7351__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='6e375991949dfa8471bd66a0f8286046__a'>
+      <clipPath id='6ce5f0394c390d13e3341982b04b7351__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(#b6569e8a324f42761def73c2e043ba7b__a)'>
+    <g clipPath='url(#3556281125eaa760ccfb07e9e7e11312__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='b6569e8a324f42761def73c2e043ba7b__a'>
+      <clipPath id='3556281125eaa760ccfb07e9e7e11312__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(#76f54526e8a464ac605de82441546326__a)'>
+    <g clipPath='url(#8b6159a53c80560b6fe084d362befa45__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='76f54526e8a464ac605de82441546326__a'>
+      <clipPath id='8b6159a53c80560b6fe084d362befa45__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(#fb3f532a28e5aed976bd24a244cbc298__a)'>
+    <g clipPath='url(#1779d7d492b0c54581458f25db65f50f__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='fb3f532a28e5aed976bd24a244cbc298__a'>
+      <clipPath id='1779d7d492b0c54581458f25db65f50f__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(#2baf7ad9b16014c415240a1e03a9cd3c__a)'>
+    <g clipPath='url(#8cbbe7eeae7f4cf6502f1b75730c4f13__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='2baf7ad9b16014c415240a1e03a9cd3c__a'>
+      <clipPath id='8cbbe7eeae7f4cf6502f1b75730c4f13__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(#087ff4909d08c962ee4bdd2cf01feb02__a)'>
+    <g clipPath='url(#bbdf9a44785f790cf45d922d20e6728c__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='087ff4909d08c962ee4bdd2cf01feb02__a'>
+      <clipPath id='bbdf9a44785f790cf45d922d20e6728c__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(#f738c7daa39fbb914357d3a2ba0d5183__a)'>
+    <g clipPath='url(#b9c160b1d651a08e0e17c5f81e37927d__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='f738c7daa39fbb914357d3a2ba0d5183__a'>
+      <clipPath id='b9c160b1d651a08e0e17c5f81e37927d__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(#fe62611adb46327c0593776513704ab0__a)'>
+    <g clipPath='url(#ad3c5ce5d8079ebea932b992a43c3f36__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='fe62611adb46327c0593776513704ab0__a'>
+      <clipPath id='ad3c5ce5d8079ebea932b992a43c3f36__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(#a9065b1ca66a6526701cc2b33b7c987e__a)'>
+    <g clipPath='url(#5cdcd459ed88ec933fdb541dbe5f19a1__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='a9065b1ca66a6526701cc2b33b7c987e__a'>
+      <clipPath id='5cdcd459ed88ec933fdb541dbe5f19a1__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(#5fd4041878e80c02be7c14fe49008154__a)'>
+    <g clipPath='url(#7004c7ecc70d475365b7d8ed69f03c72__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='5fd4041878e80c02be7c14fe49008154__a'>
+      <clipPath id='7004c7ecc70d475365b7d8ed69f03c72__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(#acbda78f9c38c1a489fb0f136ce45286__a)'>
+    <g clipPath='url(#f04546dd87fe0ed3342ae3ad0e34dc5c__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='acbda78f9c38c1a489fb0f136ce45286__a'>
+      <clipPath id='f04546dd87fe0ed3342ae3ad0e34dc5c__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(#6b713c9a7b03251b330e8d791d11493f__a)'>
+    <g clipPath='url(#277f70ea86f8bb0f5b67853e8d5cbdaa__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='6b713c9a7b03251b330e8d791d11493f__a'>
+      <clipPath id='277f70ea86f8bb0f5b67853e8d5cbdaa__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(#8847b6ac186b49bd150759ad57f404a2__a)'>
+    <g clipPath='url(#fd78d39789ea14006cf886c9292c0518__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='8847b6ac186b49bd150759ad57f404a2__a'>
+      <clipPath id='fd78d39789ea14006cf886c9292c0518__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(#3e66598d0134b5f6543430b7ca46bbc3__a)'>
+    <g clipPath='url(#060aaf010d6c20065fbd71c71c52eb89__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='3e66598d0134b5f6543430b7ca46bbc3__a'>
+      <clipPath id='060aaf010d6c20065fbd71c71c52eb89__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(#d64d4d59434b7da5a972b81657c03a80__a)'>
+    <g clipPath='url(#b83e050f7a73dba4d11db24fbf303f41__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='d64d4d59434b7da5a972b81657c03a80__a'>
+      <clipPath id='b83e050f7a73dba4d11db24fbf303f41__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(#1f0bfa55244161f9f1dbf644880a3a39__a)'>
+    <g clipPath='url(#88f17eb218e6c146e5f3fcb58b69b21b__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='1f0bfa55244161f9f1dbf644880a3a39__a'>
+      <clipPath id='88f17eb218e6c146e5f3fcb58b69b21b__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(#7d1e73d0285d591b8d9337f6569b5b26__a)'>
+    <g clipPath='url(#9f75a224c0ab3f46386ad7c15118155a__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='7d1e73d0285d591b8d9337f6569b5b26__a'>
+      <clipPath id='9f75a224c0ab3f46386ad7c15118155a__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(#725df0bc09a274353b38eac5f6b90daf__a)'>
+    <g clipPath='url(#c0b562e3472ed71455089d5d43c1891e__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='725df0bc09a274353b38eac5f6b90daf__a'>
+      <clipPath id='c0b562e3472ed71455089d5d43c1891e__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(#eb33d25a638925a1a2a21c16a612fc39__a)'>
+    <g clipPath='url(#5addf2c2425545b9d532abc73ed317b4__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='eb33d25a638925a1a2a21c16a612fc39__a'>
+      <clipPath id='5addf2c2425545b9d532abc73ed317b4__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>