flag-icons-kit (sample)

Lightweight flag icons by ISO 3166-1 alpha-2 code. This repository is a starter template for an npm package that exposes a Flag React component and includes sample flag SVGs. It ships with both 4x3 and 1x1 sample flags. Add the full set (e.g. from lipis/flag-icons) before publishing.

Usage (after npm install):

import { Flag, getFlagUrl } from 'flag-icons-kit'

// Simple (lazy loads each flag on demand)
<Flag code="IN" ratio="4x3" width={48} />

// If you prefer to fetch the URL yourself:
getFlagUrl('US', '1x1').then(url => {
	// use the url as <img src={url} />
})

How to add full flag set:

1. Clone or download https://github.com/lipis/flag-icons
2. Copy flags/4x3 and flags/1x1 into src/flags/4x3 and src/flags/1x1 respectively.

Publishing notes:

• Keep react and react-dom as peerDependencies.
• Only include the dist folder in files when publishing.