Skip to content
Flags for currency codes.
Branch: master
Clone or download
Latest commit fb3ff03 Nov 13, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist uncommited square-flags Oct 18, 2019
src Update SGD flag Nov 13, 2019
.gitignore removed ignore Oct 18, 2019 Update SGD flag Nov 13, 2019
CODEOWNERS Add @transferwise/design-system to codeowners Nov 13, 2019
LICENSE Initial commit May 19, 2016 Update Oct 24, 2019
package-lock.json Update SGD flag Nov 13, 2019


This package outputs two CSS files (minified and unminified) with classes for currency codes using base64 background images inlined.

How to use

1. Install

npm install --save currency-flags

2. Add CSS to page

3. Use

<div class="currency-flag currency-flag-usd"></div>

The currency-flag selector has a default display of inline-block, size of 24x16 and a background-size of cover. currency-flag-sm, currency-flag-lg and currency-flag-xl modifiers are available.


  1. Clone repo
  2. Add correctly sized (48x32) png files to src/flags
  3. Bump version number in package.json according to semver and add an item that a release will be based on to npm install to ensure the correct version in the lockfile.
  4. Submit your pull request from a feature branch and get code reviewed.
  5. If the pull request is approved and the CircleCI build passes, you will be able to squash and merge.
  6. Code will automatically be released to GitHub and published to npm according to the version specified in the changelog and package.json.
You can’t perform that action at this time.