Skip to content

A community-led initiative to improve access to ERC20 token icons in a manner that is inclusive, transparent, and decentralized.

License

Notifications You must be signed in to change notification settings

CheeKeat10/tokenAssets

 
 

Repository files navigation

Token Assets

The goal of this project is to unify the cryptocurrency token assets under one CDN with pragmatic access.

The CDN supports SVG and PNGs (small, larger).

Usage

Currently the API/CDN endpoint is at:

https://assets.smold.app/api/token/[chainID]/[tokenAddress]/[fileName].[ext]

Usage

It's recommended to use PNG files. They are smaller and faster to load, come in two sizes (32x32 and 128x128) and are supported by all browsers. SVG files are also available, but they are larger and slower to load and can hurt performances for poorly optimized assets or very complex ones (ex: curvefi icon).

(Self) Hosting

The repo comes with two different server systems in _config:

  • a golang server, that serve the assets from github
  • a node server, configured to work with Vercel. If you want to self host, here is the config we are using:
Framework Preset: Next.js
Build Command: yarn --cwd _config/nodeAPI/ run build
Output Directory: _config/nodeAPI/.next
Install Command: yarn install && yarn --cwd _config/nodeAPI/ install
Development Command: next
Node Version: 18.x
Environment Variables: None

Supported chains

  • 1: Ethereum
  • 10: Optimism
  • 56: BSC
  • 100: Gnosis
  • 137: Polygon
  • 223: BSquared
  • 250: Fantom
  • 252: Fraxtal
  • 1101: Polygon zkEVM
  • 1135: Lisk
  • 8453: Base
  • 34443: Mode
  • 42161: Arbitrum
  • 43114: Avalanche
  • 60808: BOB
  • 81457: Blast
  • 1380012617: Rari
  • 1151111081099710: Solana

Contributing

You will need an SVG file of the logo of the asset. You can use Inkscape or a web tool like https://cloudconvert.com/svg-to-png to convert the SVG file into the PNGs.

With Inkscape you can run:

$ inkscape -w 128 -h 128 logo.svg -o logo-128.png
$ inkscape -w 32 -h 32 logo.svg -o logo-32.png

You can also use rsvg-convert from the librsvg2 package:

$ rsvg-convert -w 128 -h 128 logo.svg > logo-128.png
$ rsvg-convert -h 32 logo.svg > logo-32.png
<!-- or -->
$ rsvg-convert -h 32 logo.svg > logo-32.png && rsvg-convert -h 128 logo.svg > logo-128.png

Once ready, create a new directory with the chain ID, or use the existing one, and create a new directory for the token address (in lower case for EVM chains, or case sensitive for Solana) you are adding.

Fill-in the details when creating the pull-request, and we'll merge it shortly!

That's it, thank you!

About

A community-led initiative to improve access to ERC20 token icons in a manner that is inclusive, transparent, and decentralized.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Go 37.4%
  • JavaScript 33.3%
  • TypeScript 27.2%
  • Shell 2.1%