Merge pull request #151 from deriv-com/update-icons

[Figma] Exported new changes
deriv-com · Apr 4, 2024 · 114f5c6 · 114f5c6
2 parents 3d14bdf + fc68e8b
commit 114f5c6
Show file tree

Hide file tree

Showing 4,287 changed files with 7,015 additions and 5,321 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(#421d63b881a6720f05ea4cca805ad5da__a)'>
+    <g clipPath='url(#89ecd1de7f4f5f740b95488baeb384a7__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='421d63b881a6720f05ea4cca805ad5da__a'>
+      <clipPath id='89ecd1de7f4f5f740b95488baeb384a7__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(#116fd35a786af8c43367c526a358982f__a)'>
+    <g clipPath='url(#f71e2000d1a258f7b422df0ad9af00ab__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='116fd35a786af8c43367c526a358982f__a'>
+      <clipPath id='f71e2000d1a258f7b422df0ad9af00ab__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDerivCtraderIcon.tsx b/src/react/Accounts/AccountsDerivCtraderIcon.tsx
@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Ref, forwardRef } from 'react';
+import { QuillSvgProps, sizes } from '../../types';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const AccountsDerivCtraderIcon = (
+  { iconSize = 'md', title, titleId, ...props }: QuillSvgProps & SVGRProps,
+  ref: Ref<SVGSVGElement>,
+) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    fill='none'
+    viewBox='0 0 32 32'
+    {...sizes[iconSize]}
+    role='img'
+    ref={ref}
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill='#E22526'
+      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='#B51E1E'
+      d='M6 0a6 6 0 0 0-6 6v.174l29.914-4.721A5.98 5.98 0 0 0 26 0zM30.532 2.068 25.044 32H26a6 6 0 0 0 6-6V6c0-1.504-.553-2.88-1.468-3.932'
+    />
+    <path
+      fill='#fff'
+      d='M9.007 17.071q0-.798.252-1.498a3.6 3.6 0 0 1 1.946-2.072q.7-.308 1.596-.308.588 0 1.078.112.49.098.952.294l-.434 1.666a5 5 0 0 0-.644-.196 3.4 3.4 0 0 0-.784-.084q-.924 0-1.386.574-.448.574-.448 1.512 0 .994.42 1.54.435.546 1.498.546.378 0 .812-.07a3.5 3.5 0 0 0 .798-.224l.294 1.708a5 5 0 0 1-.91.266 6 6 0 0 1-1.204.112q-1.008 0-1.736-.294a3.4 3.4 0 0 1-1.204-.826 3.3 3.3 0 0 1-.686-1.218q-.21-.715-.21-1.54M22.993 11.051v1.862h-2.926v7.84h-2.184v-7.84h-2.926v-1.862z'
+    />
+  </svg>
+);
+const ForwardRef = forwardRef(AccountsDerivCtraderIcon);
+export default ForwardRef;
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(#2478385491877957eb68665f8e4458cc__a)'>
+    <g clipPath='url(#aef42d081c9181092ad2f3c608d10cc6__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='2478385491877957eb68665f8e4458cc__a'>
+      <clipPath id='aef42d081c9181092ad2f3c608d10cc6__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(#bc818e743878e3029629726d757f2554__a)'>
+    <g clipPath='url(#c600d4f51c9ff9d79db46f5c5007ee89__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='bc818e743878e3029629726d757f2554__a'>
+      <clipPath id='c600d4f51c9ff9d79db46f5c5007ee89__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(#c72ace7f3ae9dad866bfca5fa75437f2__a)'>
+    <g clipPath='url(#3bd44e735df6db3795d259fc04754e68__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='c72ace7f3ae9dad866bfca5fa75437f2__a'>
+      <clipPath id='3bd44e735df6db3795d259fc04754e68__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(#62e837427c5969a567e1b8e1773ed7e4__a)'>
+    <g clipPath='url(#33e1d071ba8a0689d899f81313946906__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='62e837427c5969a567e1b8e1773ed7e4__a'>
+      <clipPath id='33e1d071ba8a0689d899f81313946906__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(#17a4aa4ed4074bc868efa0ab0733045c__a)'>
+    <g clipPath='url(#aa920ffe7e7480a275c0ec3cd2b14ccb__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='17a4aa4ed4074bc868efa0ab0733045c__a'>
+      <clipPath id='aa920ffe7e7480a275c0ec3cd2b14ccb__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>

diff --git a/src/react/Accounts/AccountsDmt5ZrsIcon.tsx b/src/react/Accounts/AccountsDmt5ZrsIcon.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Ref, forwardRef } from 'react';
+import { QuillSvgProps, sizes } from '../../types';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const AccountsDmt5ZrsIcon = (
+  { iconSize = 'md', title, titleId, ...props }: QuillSvgProps & SVGRProps,
+  ref: Ref<SVGSVGElement>,
+) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    fill='none'
+    viewBox='0 0 32 32'
+    {...sizes[iconSize]}
+    role='img'
+    ref={ref}
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <g clipPath='url(#5387f870ae6114a6ecf470e4fe3ad77c__a)'>
+      <path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
+      <path
+        fill='#0A559E'
+        d='M6 0a6 6 0 0 0-6 6v.174l29.914-4.721A5.98 5.98 0 0 0 26 0zM32 6c0-1.504-.553-2.88-1.468-3.933L26.602 23.5H32z'
+      />
+      <path fill='#9C0ABD' d='M0 23h32v3a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z' />
+      <path
+        fill='#fff'
+        d='M7.346 9.684q.216.396.492.984.288.576.588 1.26.312.672.612 1.38l.564 1.332.564-1.332q.3-.708.6-1.38.312-.684.588-1.26.288-.588.504-.984h1.704q.12.828.216 1.86.108 1.02.18 2.136.084 1.104.144 2.22.072 1.116.12 2.1h-1.824q-.036-1.212-.096-2.64t-.18-2.88a518 518 0 0 1-1.008 2.34 109 109 0 0 1-.9 2.124H8.906q-.168-.396-.408-.948-.24-.564-.504-1.176-.252-.612-.516-1.224l-.48-1.116q-.12 1.452-.18 2.88T6.722 18H4.898q.048-.984.108-2.1l.144-2.22q.084-1.116.18-2.136.108-1.032.228-1.86zM21.359 9.684v1.596H18.85V18h-1.872v-6.72H14.47V9.684zM25.322 15.552a1.2 1.2 0 0 0-.156-.612q-.156-.276-.54-.456t-1.032-.276a11.5 11.5 0 0 0-1.632-.096q.132-1.116.216-2.268t.132-2.16h4.5v1.5h-3q-.024.432-.06.84-.024.396-.06.696 1.752.12 2.58.828.84.696.84 1.944 0 .576-.204 1.068t-.612.852a2.9 2.9 0 0 1-1.032.564q-.612.204-1.44.204-.324 0-.684-.048a6 6 0 0 1-.684-.108 7 7 0 0 1-.588-.132 2.3 2.3 0 0 1-.408-.144l.324-1.476q.3.132.792.264.492.12 1.176.12.828 0 1.2-.324.372-.336.372-.78M13.816 26.075q-.192.198-.456.516-.264.312-.546.684t-.558.768a13 13 0 0 0-.492.756h2.118v.786h-3.27v-.558q.168-.306.408-.678a28 28 0 0 1 1.044-1.494q.276-.36.51-.642h-1.866v-.786h3.108zM15.762 25.379q.936 0 1.434.336.498.33.498 1.032 0 .438-.204.714-.198.27-.576.426.126.156.264.36.138.198.27.42.138.216.264.456.126.234.234.462h-1.05l-.234-.414a7 7 0 0 0-.24-.408 8 8 0 0 0-.24-.372q-.12-.18-.24-.324h-.462v1.518h-.936v-4.098a5 5 0 0 1 .63-.084 8 8 0 0 1 .588-.024m.054.798a3 3 0 0 0-.336.018v1.128h.264q.528 0 .756-.132t.228-.45q0-.306-.234-.432-.228-.132-.678-.132M19.68 28.871q.198 0 .324-.03a.7.7 0 0 0 .21-.09.3.3 0 0 0 .108-.138q.03-.078.03-.174 0-.204-.192-.336-.192-.138-.66-.294a6 6 0 0 1-.408-.162 1.6 1.6 0 0 1-.366-.234 1.2 1.2 0 0 1-.264-.342 1.1 1.1 0 0 1-.102-.492q0-.288.108-.516.108-.234.306-.396t.48-.246q.282-.09.636-.09a2.6 2.6 0 0 1 1.23.288l-.27.738a2.3 2.3 0 0 0-.39-.156 1.6 1.6 0 0 0-.51-.072q-.336 0-.486.096-.144.09-.144.282 0 .114.054.192t.15.144q.102.06.228.114l.288.102q.324.12.564.24.24.114.396.27a1 1 0 0 1 .24.366q.078.21.078.51 0 .582-.408.906-.408.318-1.23.318-.276 0-.498-.036a2.485 2.485 0 0 1-.69-.18 2 2 0 0 1-.204-.102l.264-.744q.186.102.456.186a2.5 2.5 0 0 0 .672.078'
+      />
+    </g>
+    <defs>
+      <clipPath id='5387f870ae6114a6ecf470e4fe3ad77c__a'>
+        <path fill='#fff' d='M0 0h32v32H0z' />
+      </clipPath>
+    </defs>
+  </svg>
+);
+const ForwardRef = forwardRef(AccountsDmt5ZrsIcon);
+export default ForwardRef;
diff --git a/src/react/Accounts/index.ts b/src/react/Accounts/index.ts
@@ -4,4 +4,6 @@ export { default as AccountsDmt5DerivedIcon } from './AccountsDmt5DerivedIcon';
 export { default as AccountsDmt5FinancialIcon } from './AccountsDmt5FinancialIcon';
 export { default as AccountsDmt5CfdsIcon } from './AccountsDmt5CfdsIcon';
 export { default as AccountsDmt5SwfIcon } from './AccountsDmt5SwfIcon';
+export { default as AccountsDmt5ZrsIcon } from './AccountsDmt5ZrsIcon';
 export { default as AccountsDerivXIcon } from './AccountsDerivXIcon';
+export { default as AccountsDerivCtraderIcon } from './AccountsDerivCtraderIcon';
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(#08188fbff9c161443213e99237eebaa5__a)'>
+    <g clipPath='url(#91955a56ed5be09b47864954d204e6fb__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='08188fbff9c161443213e99237eebaa5__a'>
+      <clipPath id='91955a56ed5be09b47864954d204e6fb__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(#421a151a8324f1399a53d288f0de1f63__a)'>
+    <g clipPath='url(#65dd63f7ac8268fa616a45771ed0b856__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='421a151a8324f1399a53d288f0de1f63__a'>
+      <clipPath id='65dd63f7ac8268fa616a45771ed0b856__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(#9221f908b886a346faf5831abc0d35dc__a)'>
+    <g clipPath='url(#95d97a71372a4eac2e35e2992982a140__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='9221f908b886a346faf5831abc0d35dc__a'>
+      <clipPath id='95d97a71372a4eac2e35e2992982a140__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(#ade73fbb4ab6c0e108f856e692f9afe8__a)'>
+    <g clipPath='url(#b44c54848f8a93255f9d275ea5906f06__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='ade73fbb4ab6c0e108f856e692f9afe8__a'>
+      <clipPath id='b44c54848f8a93255f9d275ea5906f06__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(#0f2ad02386707b52a999a89e288e3e28__a)'>
+    <g clipPath='url(#078c92ffc5f749b467a9b85710a9f390__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='0f2ad02386707b52a999a89e288e3e28__a'>
+      <clipPath id='078c92ffc5f749b467a9b85710a9f390__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(#d924fad3e0e1533996281f0eca94636a__a)'>
+    <g clipPath='url(#b9f86ae91c9b926c7771f6ce0722e28d__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='d924fad3e0e1533996281f0eca94636a__a'>
+      <clipPath id='b9f86ae91c9b926c7771f6ce0722e28d__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(#0c1342a82e122b958319ede8cf7e7048__a)'>
+    <g clipPath='url(#4987b495fbc6e6aab5b0adf66d03875e__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='0c1342a82e122b958319ede8cf7e7048__a'>
+      <clipPath id='4987b495fbc6e6aab5b0adf66d03875e__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(#c0213281ba974a5201d72147ad265ced__a)'>
+    <g clipPath='url(#62c3374cb643788702f9127da94dc16a__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='c0213281ba974a5201d72147ad265ced__a'>
+      <clipPath id='62c3374cb643788702f9127da94dc16a__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(#dc6c9aca6638407762f07dce9b452339__a)'>
+    <g clipPath='url(#da6218eb3d66a20f1df5bc96c985f3e1__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='dc6c9aca6638407762f07dce9b452339__a'>
+      <clipPath id='da6218eb3d66a20f1df5bc96c985f3e1__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(#b7c1078dc2eefebd4a6ec78e663cbf8c__a)'>
+    <g clipPath='url(#d8e7899b64f0bbc704f3e36109e16da4__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='b7c1078dc2eefebd4a6ec78e663cbf8c__a'>
+      <clipPath id='d8e7899b64f0bbc704f3e36109e16da4__a'>
         <path fill='#fff' d='M0 0h32v32H0z' />
       </clipPath>
     </defs>