trezor / trezor-suite

Trezor Suite Monorepo

Home Page:https://trezor.io/trezor-suite

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

EVM tokens/ Icons

MiroslavProchazka opened this issue · comments

add Tokens icons next to the token name

URL:
coingeckoId from networks config
contractAddress
quality nothing or @2x
https://data.trezor.io/suite/icons/coins/${coingeckoId}_${contractAddress}${quality}.webp

Example:
https://data.trezor.io/suite/icons/coins/arbitrum-nova_0x6dcb98f460457fe4952e12779ba852f82ecc62c1.webp
https://data.trezor.io/suite/icons/coins/arbitrum-nova_0x6dcb98f460457fe4952e12779ba852f82ecc62c1@2x.webp

Screenshot 2024-06-11 at 17 14 15

  • The circle is fiat amount of total fiat amount of tokens
  • https://ui-avatars.com/ for missing icons use something like

+1 to this feature. Having icons next to well known EVM tokens is very useful thing to illustrate better when dealing with them on each chain.

Not only to EVM tokens but also to Solana or Cardano tokens as well if possible.

Sizes: 24px, 48px (2x)
URL https://data.trezor.io/cryptoIcons/{coin}.webp
file name: [coinId].webp or [network]_[contract].webp
bitcoin.webp, bitcoin@2x.webp
ethereum.webp, ethereum@2x.webp
ethereum_0xdAC17F958D2ee523a2206206994597C13D831ec7.webp, ethereum_0xdAC17F958D2ee523a2206206994597C13D831ec7@2x.webp

This component should be probably very similar to packages/suite/src/views/dashboard/components/AssetsView/components/AssetCoinLogo.tsx