Skip to content

Commit

Permalink
feat(CoinIcon): update INTR and IBTC icon (#941)
Browse files Browse the repository at this point in the history
  • Loading branch information
@danielsimao
danielsimao authored Feb 15, 2023
1 parent da4609a commit 8820521
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 19 deletions.
40 changes: 26 additions & 14 deletions src/component-library/CoinIcon/icons/IBTC.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,33 @@ import { forwardRef } from 'react';
import { Icon, IconProps } from '@/component-library/Icon';

const IBTC = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
<Icon {...props} ref={ref} viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'>
<Icon {...props} ref={ref} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<title>IBTC</title>
<circle cx='22.5' cy='22.5' r='22' fill='#fff' stroke='#F90' />
<path
d='M37.468 35H17.14a.51.51 0 0 1-.274-.082l-7.344-4.766a.539.539 0 0 1-.219-.267.572.572 0 0 1-.017-.352.547.547 0 0 1 .19-.29.502.502 0 0 1 .32-.107h20.328a.5.5 0 0 1 .274.082l7.345 4.765a.54.54 0 0 1 .22.267c.042.113.049.237.017.353a.547.547 0 0 1-.191.29.502.502 0 0 1-.32.107ZM17.288 33.9h18.344l-5.656-3.667H11.632l5.656 3.667Zm18.915-18.037H15.875a.51.51 0 0 1-.274-.082l-7.345-4.766a.539.539 0 0 1-.219-.267.572.572 0 0 1-.018-.351.547.547 0 0 1 .19-.29.502.502 0 0 1 .319-.108H28.86c.097 0 .192.029.275.082l7.34 4.766a.539.539 0 0 1 .218.267.572.572 0 0 1 .018.352.547.547 0 0 1-.19.29.502.502 0 0 1-.32.107h.001Zm-20.18-1.098h18.344l-5.656-3.668H10.367l5.656 3.668Z'
fill='#1A0A2D'
/>
<path
d='M23.363 22.21c.422 0 .978-.05 1.29-.384a.755.755 0 0 0 .179-.261c.04-.1.06-.207.059-.315-.01-.76-.606-1.028-1.164-1.026h-.84l.006 1.949.095.012c.125.015.25.024.375.024Zm.42.63-.887.01.007 2.285h.897c.658 0 1.36-.305 1.362-1.147a1.068 1.068 0 0 0-.063-.407 1.03 1.03 0 0 0-.212-.347c-.352-.368-.934-.395-1.105-.394Z'
fill='#F90'
/>
<path
d='M27.186 18.527a5.125 5.125 0 0 0-3.738-1.501h-.055c-1.399.05-2.721.68-3.68 1.75a5.73 5.73 0 0 0-1.435 3.969c.04 1.47.63 2.863 1.644 3.877a5.157 5.157 0 0 0 3.767 1.532h.053a5.13 5.13 0 0 0 2.91-1.04 5.542 5.542 0 0 0 1.872-2.564 5.835 5.835 0 0 0 .2-3.224 5.637 5.637 0 0 0-1.538-2.799Zm-1.581 6.932a2.834 2.834 0 0 1-1.027.216h-.107l-.009.113v1.101h-.784v-1.222l-.773.006v1.214h-.791l-.002-1.21-1.329.012v-.546h.493c.1 0 .196-.043.266-.117a.407.407 0 0 0 .11-.28l-.013-4.12c0-.206-.156-.349-.377-.349l-.495-.036v-.76h1.343v-1.253h.778v1.254h.78v-1.257h.778v1.258h.143c.27 0 1.619.295 1.622 1.442 0 1.265-1.009 1.402-1.026 1.44l-.054.005c.056.006 1.374.272 1.365 1.737-.008.635-.3 1.089-.891 1.352Z'
fill='#F90'
/>
<g clipPath='url(#clip0_35_20)'>
<circle cx='12' cy='12' r='11.5' fill='white' stroke='#FF9900' />
<g clipPath='url(#clip1_35_20)'>
<path
d='M18.7522 17.9998H9.2658C9.22061 17.9996 9.17632 17.986 9.1378 17.9605L5.71038 15.6728C5.66418 15.6434 5.6283 15.5983 5.60835 15.5445C5.58841 15.4907 5.58553 15.4313 5.60016 15.3755C5.6148 15.3198 5.64612 15.2709 5.68923 15.2364C5.73233 15.202 5.78479 15.184 5.83838 15.1852H15.3248C15.37 15.1851 15.4143 15.1987 15.4528 15.2245L18.8802 17.5118C18.9266 17.5411 18.9627 17.5862 18.9828 17.6401C19.0028 17.694 19.0058 17.7535 18.9911 17.8094C18.9765 17.8653 18.945 17.9143 18.9018 17.9488C18.8585 17.9833 18.8059 18.0012 18.7522 17.9998ZM9.33485 17.4725H17.8953L15.2557 15.7121H6.69524L9.33485 17.4725ZM18.1618 8.81438H8.67545C8.63026 8.81423 8.58597 8.80064 8.54745 8.7751L5.11963 6.48737C5.07353 6.45803 5.0377 6.41303 5.01774 6.35938C4.99778 6.30573 4.99481 6.24645 5.00928 6.19078C5.02376 6.13511 5.05487 6.08619 5.09777 6.05164C5.14066 6.01709 5.19293 5.99886 5.24642 5.99979H14.7356C14.7808 5.99994 14.8251 6.01353 14.8636 6.03908L18.289 8.32681C18.3352 8.35619 18.3711 8.40131 18.391 8.45509C18.411 8.50888 18.4139 8.5683 18.3992 8.62404C18.3846 8.67979 18.3533 8.72871 18.3102 8.76315C18.2671 8.7976 18.2146 8.81561 18.161 8.81438H18.1618ZM8.7445 8.28752H17.305L14.6654 6.52665H6.10489L8.7445 8.28752Z'
fill='black'
/>
<path
d='M12.1698 11.8605C12.3664 11.8605 12.6261 11.8365 12.7718 11.6763C12.8075 11.6416 12.8359 11.5989 12.855 11.5512C12.8741 11.5035 12.8835 11.452 12.8825 11.4C12.8776 11.0355 12.5998 10.9068 12.3394 10.9076H11.9477L11.9501 11.8431L11.9945 11.8488C12.0527 11.8562 12.1112 11.8601 12.1698 11.8605ZM12.3652 12.163L11.9517 12.1678L11.955 13.2648H12.3737C12.6806 13.2648 13.0085 13.1185 13.0093 12.7143C13.0118 12.6478 13.0017 12.5813 12.9796 12.5191C12.9575 12.4569 12.9239 12.4002 12.8809 12.3525C12.7165 12.1757 12.4448 12.1626 12.3652 12.163Z'
fill='#FF9900'
/>
<path
d='M13.9538 10.0931C13.4827 9.61408 12.8559 9.35513 12.2094 9.37244H12.1835C11.531 9.39641 10.9137 9.69854 10.4665 10.2128C10.0193 10.7271 9.77856 11.4118 9.7968 12.1174C9.81504 12.823 10.0908 13.4921 10.5639 13.9786C11.0369 14.4651 11.6689 14.7294 12.3216 14.714H12.3463C12.8348 14.6965 13.3076 14.5228 13.7049 14.2149C14.1021 13.907 14.406 13.4787 14.578 12.9841C14.7501 12.4895 14.7826 11.9508 14.6715 11.4362C14.5604 10.9217 14.3106 10.4543 13.9538 10.0931ZM13.2157 13.4206C13.063 13.4856 12.9008 13.5206 12.7367 13.5241H12.6867L12.6826 13.5782V14.1068H12.3164V13.5201L11.9558 13.5232V14.1059H11.5867L11.5859 13.5254L10.9657 13.5306V13.2687H11.1959C11.2425 13.2685 11.2871 13.2483 11.32 13.2125C11.3528 13.1767 11.3712 13.1283 11.3711 13.0779L11.3651 11.1001C11.3651 11.0015 11.2924 10.933 11.189 10.933L10.958 10.9155V10.5506H11.5847V9.9495H11.9481V10.5514H12.3116V9.94819H12.675V10.5519H12.742C12.8676 10.5519 13.4971 10.6933 13.4987 11.2442C13.4987 11.8514 13.0279 11.9168 13.0198 11.9352L12.9948 11.9374C13.021 11.9404 13.636 12.0683 13.6316 12.7715C13.6279 13.0762 13.4914 13.294 13.2157 13.4206Z'
fill='#FF9900'
/>
</g>
</g>
<defs>
<clipPath id='clip0_35_20'>
<rect width='24' height='24' fill='white' />
</clipPath>
<clipPath id='clip1_35_20'>
<rect width='14' height='12' fill='white' transform='translate(5 6)' />
</clipPath>
</defs>
</Icon>
));

Expand Down
23 changes: 18 additions & 5 deletions src/component-library/CoinIcon/icons/INTR.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,25 @@ import { forwardRef } from 'react';
import { Icon, IconProps } from '@/component-library/Icon';

const INTR = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
<Icon {...props} ref={ref} viewBox='0 0 114 114' fill='none' xmlns='http://www.w3.org/2000/svg'>
<Icon {...props} ref={ref} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<title>INTR</title>
<circle cx='56.7854' cy='56.7854' r='56.7854' fill='white' />
<circle cx='58.1575' cy='58.9624' r='10.5' fill='black' />
<path d='M39.3814 41.4624L20.8275 28.4624H75.9336L94.4876 41.4624H39.3814Z' stroke='#181717' strokeWidth='2' />
<path d='M39.3639 88.4624L21.0138 76.4624H75.9511L94.3012 88.4624H39.3639Z' stroke='#181717' strokeWidth='2' />
<g clipPath='url(#clip0_35_8)'>
<circle cx='12' cy='12' r='11.5' fill='#2759B6' stroke='#001D7A' />
<g clipPath='url(#clip1_35_8)'>
<path
d='M18.7539 18H9.26488C9.2197 17.9999 9.17543 17.9874 9.13694 17.9639L5.70635 15.866C5.66123 15.8384 5.62644 15.7969 5.60723 15.748C5.58803 15.699 5.58546 15.6452 5.59993 15.5946C5.61439 15.5441 5.6451 15.4996 5.68739 15.4679C5.72969 15.4362 5.78126 15.419 5.8343 15.419H15.3246C15.3699 15.4191 15.4144 15.4316 15.453 15.455L18.8818 17.5516C18.9276 17.579 18.963 17.6205 18.9826 17.6697C19.0023 17.7189 19.005 17.7732 18.9905 17.8241C18.9759 17.8751 18.9449 17.9199 18.9022 17.9517C18.8594 17.9834 18.8073 18.0004 18.7539 18ZM9.33241 17.516H17.8947L15.2557 15.9025H6.69306L9.33241 17.516ZM18.163 9.57972H8.67268C8.62749 9.57964 8.5832 9.56716 8.54474 9.54364L5.11549 7.44704C5.07034 7.4194 5.03552 7.37793 5.01633 7.32892C4.99713 7.27991 4.9946 7.22603 5.00912 7.17547C5.02364 7.12491 5.05442 7.08042 5.09679 7.04875C5.13916 7.01708 5.1908 6.99997 5.24388 7H14.7342C14.7795 6.99999 14.824 7.01249 14.8626 7.03608L18.2914 9.13268C18.3365 9.1603 18.3713 9.20173 18.3905 9.2507C18.4097 9.29967 18.4123 9.3535 18.3978 9.40404C18.3833 9.45458 18.3526 9.49907 18.3103 9.53077C18.2681 9.56248 18.2165 9.57966 18.1634 9.57972H18.163ZM8.74199 9.09572H17.306L14.6649 7.484H6.10263L8.74199 9.09572ZM13.3077 11.451C13.0292 11.179 12.6535 11.0269 12.2623 11.0278H12.2468C11.8504 11.0297 11.471 11.1875 11.1921 11.4664C10.9132 11.7454 10.7577 12.1226 10.7596 12.5152C10.7615 12.9077 10.9209 13.2835 11.2025 13.5597C11.4842 13.8359 11.8651 13.99 12.2614 13.9881H12.2765C12.5721 13.9851 12.8601 13.8954 13.1042 13.7304C13.3483 13.5653 13.5374 13.3323 13.6478 13.0607C13.7582 12.7892 13.7848 12.4913 13.7242 12.2048C13.6637 11.9183 13.5187 11.656 13.3077 11.451Z'
fill='white'
/>
</g>
</g>
<defs>
<clipPath id='clip0_35_8'>
<rect width='24' height='24' fill='white' />
</clipPath>
<clipPath id='clip1_35_8'>
<rect width='14' height='11' fill='white' transform='translate(5 7)' />
</clipPath>
</defs>
</Icon>
));

Expand Down

2 comments on commit 8820521

@vercel
Copy link

@vercel vercel bot commented on 8820521 Feb 15, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

interbtc-ui-kintsugi-testnet – ./

interbtc-ui.vercel.app
interbtc-ui-kintsugi-testnet-interlay.vercel.app
kintnet.interlay.io
interbtc-ui-kintsugi-testnet-git-master-interlay.vercel.app

@vercel
Copy link

@vercel vercel bot commented on 8820521 Feb 15, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

interbtc-ui-interlay-testnet – ./

interbtc-ui-interlay-testnet-git-master-interlay.vercel.app
interbtc-ui-interlay-testnet-interlay.vercel.app
interbtc-ui-interlay-testnet.vercel.app
testnet.interlay.io

Please sign in to comment.