Add token Icons (spike)

[MikeLockz]

We've been asked to add icons for tokens. There are a few different approaches to adding icons.

What are the options?

• include them in library

  • does that negatively impact bundle size?

• separate rimble package of only crypto icons

• determine an approach for how to integrate with current Icon component

  • does this break or extend nicely?

• rmdi package that scrapes the icons and wraps them in react components that play nice with styled-components (npm dependency)

  • can we extend this process to new, custom icons?

Requirements:

• svg only (where do we find these)
  • source from other open source projects
• which tokens?
  • whatever decision increases the utility and use of rimble-ui
  • How can we expand this to include other tokens/brands

Acceptance criteria:

• Figure out tree-shake icons
• Include RMDI + crypto icons
• try on existing rimble-ui library

e: 2d

[gesquinca]

references: https://github.com/c8r/pixo http://nicolasgallagher.com/making-svg-icon-libraries-for-react-apps/

resources: https://github.com/0xProject/0x-monorepo/tree/development/packages/instant/src/assets/icons https://github.com/atomiclabs/cryptocurrency-icons https://github.com/balance-io/cryptocurrency-icons https://github.com/balance-io/react-coin-icon