CCY Icons

View icons

A set of 330+ meticulously combed currency icons (fiat and crypto) so that they:

• Render in a uniform, consistently sized manner.
• Use currentColor so that they can be easily colored using CSS color property.
• Don't contain excess junk.

SVGs can be directly used, or they can be used as React components, for example:

// Your build tool needs an .svg loader
import btcIcon from 'ccy-icons/icons/btc.svg' // And render it <img src={btcIcon} />

// Or in React:
import { BTC } from 'ccy-icons' // and render the component <BTC />

Important: icons don't set a width and height, you should set one or both with CSS, or allow the icon to fill its container.

Contributing

1. Fork the repo.
2. Run your SVG through https://jakearchibald.github.io/svgomg/ and then add it to src/icons.
3. yarn install, yarn build, yarn link.
4. cd www, yarn install, yarn link ccy-icons, yarn start.
5. Check that your icon looks correct (uses currentColor so switching theme works, has a viewBox, has no width or height attributes). If it doesn't then import your icon into Sketch or Figma, re-export (with trim transparent pixels), and re-run your svg through SVGOMG.
6. Once happy raise a PR including a screenshot of the icon in-situ.

Dev notes

To batch optimize/clean SVGs:

cd icons
svgo *.svg --config=svgo.yml