Tiny Flag React
Display country flags in less than 1KB with the magic of unicode (with graceful fallbacks).
Displays emoji by default, when not supported, falls back to an image tag.
Install
npm i --save tiny-flag-react
yarn add tiny-flag-react
Usage
import TinyFlag from "tiny-flag";
<TinyFlag
country="US" // ISO 3166-1 alpha-2 code
alt="United States Flag" // Used as the image alt tag
fallbackImageURL="https://cdn.jsdelivr.net/npm/react-flagkit@1.0.2/img/SVG/US.svg" // Used when emoji flags are not supported.
/>;
Recommended Fallback Images
Goes well with FlagKit and Webpack's file-loader for fallback images:
npm i --save https://github.com/madebybowtie/FlagKit.git
yarn add https://github.com/madebybowtie/FlagKit.git
let country = "US";
let countryName = "United States";
<TinyFlag
country={country}
countryName={countryName}
fallbackImageURL={require("FlagKit/Assets/SVG/" + country + ".svg").default}
>