This package is a simple semantic wrapper for Muharrem Senyil & Flatstudio's Flat Flags icon set.
Use CDN to add stylesheet into your head section (using one with integrity hash could be a good practice):
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/krzysztofrewak/flat-flags-iconset@latest/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/krzysztofrewak/flat-flags-iconset@latest/style.css" integrity="sha384-typL+psvFGLzSJiF9ka5WmyYwYhYltLSIOJoXOf+ey7UKwkijRwY6YQIGqwOW2Io" crossorigin="anonymous">
Now you can insert a flag via country's ISO 3166-1 code combined with flat flag
CSS class:
<i class="is flat flag"></i>
<i class="md flat flag"></i>
Simple country names (and some abbreviations) are working too:
<i class="tunisia flat flag"></i>
<i class="uae flat flag"></i>
You can add resizing classes large
, huge
and giant
to receive bigger images. It's working also with container tagged flat flags
:
<i class="giant cyprus flat flag"></i>
<div class="huge flat flags">
<i class="australia flat flag"></i>
<i class="new zealand flat flag"></i>
</div>
You can rebuild style.css
(and readme.md
) from resources.json
via Python script in Docker container:
docker-compose run -w /application python python builder.py