Awesome

ceri-flag

webpack based - load only what you need - svg inline flags.
See ceri-icon if you need a svg inline icon.

Features:

plain JS - no dependencies

supports:

(flg) flag-icon-css
(sq) 1x1 flag-icon-css

If you need other free flag sets, let me know..

Demo

Install

npm install --save-dev ceri-flag

Usage

general ceri component usage instructions
webpack.config:

// webpack.config.js
Flags = require("ceri-flag")
...
module.exports = {
  ...
  plugins:[
    ...
    new Flags(["flg-gb","sq-de"])
    ...
  ]
  ...
}

in your project

window.customElements.define("ceri-flag", require("ceri-flag"))

<ceri-flag name="flg-gb"></ceri-flag>

For examples see dev/.

Props

Name	type	default	description
name	String	-	(required) name of the icon
label	String	name	aria-label
size	Number	(font-size)	height of the icon in px
scale	Number	1	size multiplier

Development

Clone repository.

npm install
npm run dev

Browse to http://localhost:8080/.