National Flag CSS Library – currency-flags

Category: CSS & CSS3 , Recommended | April 2, 2021
Views Total:1,800 views
Official Page:Go to website
Last Update:April 2, 2021


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

You Might Be Interested In:

Leave a Reply