Getting Started

You can use NPM or CDN to get started with Vue Flag Icons.

With NPM

To install this package run the NPM command:

npm i v-flag-icons
  • Import vFlagIcons as a global component in main.js:
import vFlagIcons from 'v-flag-icons'
import 'v-flag-icons/css/rectangular.min.css'

Vue.use(vFlagIcons)
  • Import vFlagIcons in a specific component:
import vFlagIcons from 'v-flag-icons'
import 'v-flag-icons/css/rectangular.min.css'

new Vue({
    components: {
        vFlagIcons
    }
})

Now you can call in a component like this:

<vf-icon country="bd"/>

With CDN

You can also use our CDN links to start using Vue Flag Icons. Here's the CDN links:

<!-- js : production version, optimized for size and speed -->
<script src="https://cdn.jsdelivr.net/npm/v-flag-icons"></script>

<script type="text/javascript">
    Vue.use(vFlagIcons);
</script>

Our all flag CSS links:

<!-- styles : production version -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/v-flag-icons/css/rectangular.min.css">

To get specific version CDN, just call like this:

<!-- js -->
https://cdn.jsdelivr.net/npm/v-flag-icons@1.0.5

<!-- style -->
https://cdn.jsdelivr.net/npm/v-flag-icons@1.0.5/css/mast.min.css

Now you can call in a component as usual:

<vf-icon country="bd"/>
Last Updated: 4/18/2020, 7:06:47 AM