design-tokens icon indicating copy to clipboard operation
design-tokens copied to clipboard

Create optimized image assets for network icons

Open georgewrmarshall opened this issue 2 years ago • 1 comments

Description

Currently there are inconsistencies and some poor image assets for the networks across the extension. Could we provide a standard set of SVGs for all the networks that we host the image assets for.

Screenshot 2022-12-19 at 11 31 47 AM Screenshot 2022-12-19 at 11 32 02 AM

Technical Details

  • Create optimized quality svg image assets for Ethereum, Polygon, Arbitrum One, Aurora Mainnet, Avalanche Network C-Chain, BNB Smart Chain (previously Binance Smart Chain Mainnet), Celo Mainnet, Fantom Opera, Harmony Mainnet Shard 0, Optimism, Palm, Goerli, Sepolia, Localhost (do test networks as well it's easier if they're images for scaling)
  • Images should be square with a ratio of 1:1 512px in size
  • Prefixed with network-
  • Should be all svgs where possible and PNGs if svgs can't be found

Acceptance Criteria

  • All network assets exist and meet the above requirements

References

  • https://github.com/MetaMask/metamask-extension/issues/16647

georgewrmarshall avatar Dec 19 '22 19:12 georgewrmarshall

Here's the list of popular networks used by transactions. This can provide a starting point for consolidating a list of network icons https://mixpanel.com/project/2212883/view/2760759/app/insights#UG3o5jfnCvDU

brianacnguyen avatar Jan 04 '23 20:01 brianacnguyen