Skip to content

Commit

Permalink
Merge pull request #176 from deriv-com/update-icons
Browse files Browse the repository at this point in the history 
[Figma] Exported new changes
  • Loading branch information
@niloofar-deriv
niloofar-deriv authored Jul 10, 2024
2 parents c255216 + 777e137 commit 9e4a33d
Show file tree
Hide file tree
Showing 5,412 changed files with 19,075 additions and 24,399 deletions.
The diff you're trying to view is too large. We only load the first 3000 changed files.
5,409 changes: 2,861 additions & 2,548 deletions package-lock.json
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions scripts/svgr-configs/icons.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,8 @@ export const IconSvgReactOutPutConfig: Options = {
const shouldUseTemplate = !options.componentName.toLowerCase().includes('label-paired');
const shouldCleanFills =
options.pageName.toLowerCase().includes('system') ||
options.pageName.toLowerCase().includes('illustrative') ||
options.pageName === 'Legacy';
options.pageName.toLowerCase().includes('illustrative');
// options.pageName === 'Legacy';

const svgoConfig: OptimizeOptions = {
plugins: [
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDerivAccountDarkIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDerivAccountDarkIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#e2aadd328cb2dae97b72bbad7323b15e__a)'>
<g clipPath='url(#c5660a300f3c9ac63932a178421b4cef__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'
Expand All @@ -44,7 +44,7 @@ export const AccountsDerivAccountDarkIcon = (
/>
</g>
<defs>
<clipPath id='e2aadd328cb2dae97b72bbad7323b15e__a'>
<clipPath id='c5660a300f3c9ac63932a178421b4cef__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDerivAccountLightIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDerivAccountLightIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#1fff506371c3cb81592aa93b13fb9814__a)'>
<g clipPath='url(#ee2d4bc9ed185a082f5fdc7ff6fd01e2__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'
Expand All @@ -47,7 +47,7 @@ export const AccountsDerivAccountLightIcon = (
/>
</g>
<defs>
<clipPath id='1fff506371c3cb81592aa93b13fb9814__a'>
<clipPath id='ee2d4bc9ed185a082f5fdc7ff6fd01e2__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDerivXIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDerivXIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#b66017131962b5b43df5bd928b1c4ddd__a)'>
<g clipPath='url(#876df149b7125dfb5ce326dc5c99910f__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'
Expand All @@ -39,7 +39,7 @@ export const AccountsDerivXIcon = (
/>
</g>
<defs>
<clipPath id='b66017131962b5b43df5bd928b1c4ddd__a'>
<clipPath id='876df149b7125dfb5ce326dc5c99910f__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDmt5CfdsIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDmt5CfdsIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#2edb89117797e60cec05960840b109e0__a)'>
<g clipPath='url(#d1b82563bb207dbc3f575d67e33a5e53__a)'>
<path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
<path
fill='#0A559E'
Expand All @@ -33,7 +33,7 @@ export const AccountsDmt5CfdsIcon = (
/>
</g>
<defs>
<clipPath id='2edb89117797e60cec05960840b109e0__a'>
<clipPath id='d1b82563bb207dbc3f575d67e33a5e53__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDmt5DerivedIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDmt5DerivedIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#fa3d03f7622f908628836200ea5adf91__a)'>
<g clipPath='url(#1f0110e2fcf240f8d267f47f18171aef__a)'>
<path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
<path
fill='#0A559E'
Expand All @@ -33,7 +33,7 @@ export const AccountsDmt5DerivedIcon = (
/>
</g>
<defs>
<clipPath id='fa3d03f7622f908628836200ea5adf91__a'>
<clipPath id='1f0110e2fcf240f8d267f47f18171aef__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDmt5FinancialIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDmt5FinancialIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#db40d5e083816c0dc32ab28dd0a203ae__a)'>
<g clipPath='url(#c859135152409fe8a3e087b68cdeed16__a)'>
<path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
<path
fill='#0A559E'
Expand All @@ -33,7 +33,7 @@ export const AccountsDmt5FinancialIcon = (
/>
</g>
<defs>
<clipPath id='db40d5e083816c0dc32ab28dd0a203ae__a'>
<clipPath id='c859135152409fe8a3e087b68cdeed16__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDmt5StandardIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDmt5StandardIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#2f38decd8add88795e64f3bc718c5980__a)'>
<g clipPath='url(#68608aa6380cd13c96abc1e31f1a5ca7__a)'>
<path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
<path
fill='#0A559E'
Expand All @@ -33,7 +33,7 @@ export const AccountsDmt5StandardIcon = (
/>
</g>
<defs>
<clipPath id='2f38decd8add88795e64f3bc718c5980__a'>
<clipPath id='68608aa6380cd13c96abc1e31f1a5ca7__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDmt5SwfIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDmt5SwfIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#7fe62c6720354d6fa1d7af9d1bbf7ea2__a)'>
<g clipPath='url(#0ba5b56542f5d1d480dc5095493a71f1__a)'>
<path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
<path
fill='#0A559E'
Expand All @@ -33,7 +33,7 @@ export const AccountsDmt5SwfIcon = (
/>
</g>
<defs>
<clipPath id='7fe62c6720354d6fa1d7af9d1bbf7ea2__a'>
<clipPath id='0ba5b56542f5d1d480dc5095493a71f1__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Accounts/AccountsDmt5ZrsIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const AccountsDmt5ZrsIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#99fa8ec41a76342d88c47c8c79cf7f0e__a)'>
<g clipPath='url(#6a22a110d36104a253f711587c34d3f7__a)'>
<path fill='#0364B9' d='M26 0H6a6 6 0 0 0-6 6v17.5h32V6a6 6 0 0 0-6-6' />
<path
fill='#0A559E'
Expand All @@ -33,7 +33,7 @@ export const AccountsDmt5ZrsIcon = (
/>
</g>
<defs>
<clipPath id='99fa8ec41a76342d88c47c8c79cf7f0e__a'>
<clipPath id='6a22a110d36104a253f711587c34d3f7__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyAdaIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyAdaIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#06f1b37644108662f9ba79108401f85b__a)'>
<g clipPath='url(#63012244dd8c830867313c0b385b8cf6__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'
Expand All @@ -31,7 +31,7 @@ export const CurrencyAdaIcon = (
/>
</g>
<defs>
<clipPath id='06f1b37644108662f9ba79108401f85b__a'>
<clipPath id='63012244dd8c830867313c0b385b8cf6__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyAlgoIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyAlgoIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#12be3ba36faf541f7ed938fb4543e2da__a)'>
<g clipPath='url(#1082122f86f8c2c5847e8e5360facf95__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'
Expand All @@ -31,7 +31,7 @@ export const CurrencyAlgoIcon = (
/>
</g>
<defs>
<clipPath id='12be3ba36faf541f7ed938fb4543e2da__a'>
<clipPath id='1082122f86f8c2c5847e8e5360facf95__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyBatIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyBatIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#1be56d4bd9c9defa8db9685bb293f58f__a)'>
<g clipPath='url(#65765768956ee02d7b7ec56876d9cbb8__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'
Expand All @@ -33,7 +33,7 @@ export const CurrencyBatIcon = (
/>
</g>
<defs>
<clipPath id='1be56d4bd9c9defa8db9685bb293f58f__a'>
<clipPath id='65765768956ee02d7b7ec56876d9cbb8__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyBusdIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyBusdIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#b8c8404e9b0561adbef345c6cfe38e0d__a)'>
<g clipPath='url(#8d59fa586b94767f41c3fa8618ab42e8__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'
Expand All @@ -31,7 +31,7 @@ export const CurrencyBusdIcon = (
/>
</g>
<defs>
<clipPath id='b8c8404e9b0561adbef345c6cfe38e0d__a'>
<clipPath id='8d59fa586b94767f41c3fa8618ab42e8__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyDashIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyDashIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#bff29cb0c396a1e48036133762179aa0__a)'>
<g clipPath='url(#262e3d185896dc212e32866e4fb33263__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'
Expand All @@ -33,7 +33,7 @@ export const CurrencyDashIcon = (
/>
</g>
<defs>
<clipPath id='bff29cb0c396a1e48036133762179aa0__a'>
<clipPath id='262e3d185896dc212e32866e4fb33263__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyDogeIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyDogeIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#ba87b600cc702168d5e8aa3c2faf3b7a__a)'>
<g clipPath='url(#e418dcaf81445269aaaa97853e79dc25__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'
Expand Down Expand Up @@ -754,7 +754,7 @@ export const CurrencyDogeIcon = (
/>
</g>
<defs>
<clipPath id='ba87b600cc702168d5e8aa3c2faf3b7a__a'>
<clipPath id='e418dcaf81445269aaaa97853e79dc25__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyDotIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyDotIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#762b1c16f8a964563fae149816905342__a)'>
<g clipPath='url(#4060df83a3dba1ce619ecc9f0f81f6fb__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'
Expand All @@ -31,7 +31,7 @@ export const CurrencyDotIcon = (
/>
</g>
<defs>
<clipPath id='762b1c16f8a964563fae149816905342__a'>
<clipPath id='4060df83a3dba1ce619ecc9f0f81f6fb__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyEtcIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyEtcIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#621e893266e799ac06b3450a9dfc1610__a)'>
<g clipPath='url(#8fe27e2a897715857227565e7e1b6593__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'
Expand All @@ -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='621e893266e799ac06b3450a9dfc1610__a'>
<clipPath id='8fe27e2a897715857227565e7e1b6593__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyEursIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyEursIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#7ddc57b033b681bf0f7f90be7991887b__a)'>
<g clipPath='url(#7edb4d154e32312fc83b26f5aee8b11a__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'
Expand All @@ -33,7 +33,7 @@ export const CurrencyEursIcon = (
/>
</g>
<defs>
<clipPath id='7ddc57b033b681bf0f7f90be7991887b__a'>
<clipPath id='7edb4d154e32312fc83b26f5aee8b11a__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyFilIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyFilIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#ea50755445e6fdc4a1afbae5ba494680__a)'>
<g clipPath='url(#244676d1b4433183dcd388d806f15f91__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'
Expand All @@ -33,7 +33,7 @@ export const CurrencyFilIcon = (
/>
</g>
<defs>
<clipPath id='ea50755445e6fdc4a1afbae5ba494680__a'>
<clipPath id='244676d1b4433183dcd388d806f15f91__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyIdkIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyIdkIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#4bd48a7ae61a131f12a2ff2b3b0a868f__a)'>
<g clipPath='url(#4895aa35923092d1f050e9ed71eb7209__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'
Expand All @@ -31,7 +31,7 @@ export const CurrencyIdkIcon = (
/>
</g>
<defs>
<clipPath id='4bd48a7ae61a131f12a2ff2b3b0a868f__a'>
<clipPath id='4895aa35923092d1f050e9ed71eb7209__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
4 changes: 2 additions & 2 deletions src/react/Currencies/CurrencyLinkIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const CurrencyLinkIcon = (
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#26d9c2daa5527159340aac774e20ad09__a)'>
<g clipPath='url(#faa8137d353d65df90e66abb279d8786__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'
Expand All @@ -31,7 +31,7 @@ export const CurrencyLinkIcon = (
/>
</g>
<defs>
<clipPath id='26d9c2daa5527159340aac774e20ad09__a'>
<clipPath id='faa8137d353d65df90e66abb279d8786__a'>
<path fill='#fff' d='M0 0h32v32H0z' />
</clipPath>
</defs>
Expand Down
Loading

0 comments on commit 9e4a33d

Please sign in to comment.