National Flag CSS Library – currency-flags

Author: transferwise
Views Total: 847 views
Official Page: Go to website
Last Update: April 2, 2021
License: MIT


National Flag CSS Library – currency-flags


currency-flags is a CSS library used to embed national flags into HTML document using plain HTML/CSS and base64 encoded images.

How to use it:

1. Download and import the stylesheet into your HTML document.

<link href="dist/currency-flags.min.css" rel="stylesheet">

2. Add the CSS class currency-flag to the element where you want to place the flag.

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

3. Specify which flag you want to generate using Currency Codes.

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

4. Specify the size of the flag:

  • currency-flag-sm: small
  • currency-flag-lg: large
  • currency-flag-xl: extra large
<div class="currency-flag currency-flag-cny currency-flag-xl"></div>


v3.2.0 (04/02/2021)

  • Use asset URLs instead of

See also  SnowFall Animation Using HTML and CSS

Leave a Reply

Your email address will not be published. Required fields are marked *