flag-icons
A set of flags for use with iron-icon
[ This description is mirrored from README.md at github.com/Dabolus/flag-icons on 2019-05-22 ]
<flag-icons>
flag-icons
is an iconset that allows you to easily display flags
on you application/website.
It features 195 flat icons with rounded corners, that can be useful if you want to allow the user to change the language in you internationalized application.
Note: the credits for the original flags go to Muharrem Şenyıl.
I just ported them to SVG and then to an iconset.
Installation
bower install --save Dabolus/flag-icons
Usage
Using an iconset is extremely simple. These are the steps you need to follow:
- Load the iconset:
<link rel="import" href="../bower_components/flag-icons/flag-icons.html">
- Insert your icon using
iron-icon
<iron-icon icon="flag:gb"></iron-icon>
- Done!
The flags can also be used inside a paper-icon-button
.
Example with normal iron-icon
s:
<iron-icon icon="flag:af"></iron-icon>
<iron-icon icon="flag:al"></iron-icon>
<iron-icon icon="flag:dz"></iron-icon>
Example with paper-icon-button
s:
<paper-icon-button icon="flag:ad"></paper-icon-button>
<paper-icon-button icon="flag:ag"></paper-icon-button>
<paper-icon-button icon="flag:ar"></paper-icon-button>
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- iron-icon#PolymerElements/iron-icon#^2.0.0
- iron-iconset-svg#PolymerElements/iron-iconset-svg#^2.0.0
- polymer#Polymer/polymer#^2.0.0
- Released
- 2017-08-08
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent