eb-flags

React components for 189 country flags as SVG icons.

Installation

npm install eb-flags
# or
yarn add eb-flags
# or
pnpm add eb-flags

Usage

Import individual flags

import { Brazil, Unitedstates, Japan } from 'eb-flags';

function App() {
  return (
    <div>
      <Brazil />
      <Unitedstates size={48} />
      <Japan size={64} className="rounded" />
    </div>
  );
}

Props

All flag components accept the following props:

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number \| string | 32 | Width and height of the flag | | ...props | SVGProps<SVGSVGElement> | - | All standard SVG attributes |

Examples

// Default size (32x32)
<Brazil />

// Custom size
<Brazil size={64} />

// With className
<Brazil className="shadow-lg rounded" />

// With inline styles
<Brazil style={{ border: '1px solid #ccc' }} />

// With event handlers
<Brazil onClick={() => console.log('Clicked!')} />

Available Flags (189)

Europe (44)

Albania, Andorra, Austria, Belgium, Bosniaherzegovina, Bulgaria, Croatia, Cyprus, Czechrepublic, Denmark, Estonia, Finland, France, Georgia, Germany, Greece, Hungary, Iceland, Ireland, Italy, Kosovo, Latvia, Liechtenstein, Lithuania, Luxembourg, Malta, Moldova, Monaco, Montenegro, Netherlands, Northmacedonia, Norway, Poland, Portugal, Romania, Russia, Sanmarino, Serbia, Slovakia, Slovenia, Spain, Sweden, Switzerland, Ukraine, Unitedkingdom, Vaticancity

Asia (49)

Afghanistan, Armenia, Azerbaijan, Bahrain, Bangladesh, Bhutan, Brunei, Cambodia, China, India, Indonesia, Iran, Iraq, Israel, Japan, Jordan, Kazakhstan, Kuwait, Laos, Lebanon, Malaysia, Maldives, Mongolia, Myanmar, Nepal, Northkorea, Oman, Pakistan, Palestine, Philippines, Qatar, Saudiarabia, Singapore, Southkorea, Srilanka, Syria, Taiwan, Tajikistan, Thailand, Turkey, Turkmenistan, Unitedarabemirates, Uzbekistan, Vietnam, Yemen

Africa (54)

Algeria, Angola, Benin, Botswana, Burkinafaso, Burundi, Cameroon, Capeverde, Centralafricanrepublic, Chad, Comoros, Democraticrepubliccongo, Djibouti, Egypt, Equatorialguinea, Eritrea, Eswatini, Ethiopia, Gabon, Gambia, Ghana, Guinea, Guineabissau, Ivorycoast, Kenya, Lesotho, Liberia, Libya, Madagascar, Malawi, Mali, Mauritania, Mauritius, Morocco, Mozambique, Namibia, Niger, Nigeria, Republiccongo, Rwanda, Senegal, Seychelles, Sierraleone, Somalia, Southafrica, Southsudan, Sudan, Tanzania, Togo, Tunisia, Uganda, Zambia, Zimbabwe

Americas (35)

Argentina, Bahamas, Barbados, Belize, Bolivia, Brazil, Canada, Chile, Colombia, Costarica, Cuba, Dominica, Ecuador, Elsalvador, Grenada, Guatemala, Guyana, Haiti, Honduras, Jamaica, Mexico, Nicaragua, Panama, Paraguay, Peru, Saintvincentgrenadines, Suriname, Trinidadtobago, Unitedstates, Uruguay, Venezuela

Oceania (14)

Australia, Fiji, Kiribati, Marshallislands, Micronesia, Nauru, Newzealand, Palau, Papuanewguinea, Samoa, Solomonislands, Tonga, Tuvalu, Vanuatu

TypeScript

This package includes TypeScript definitions. Each flag component exports its own props interface:

import { Brazil, type BrazilProps } from 'eb-flags';

License

MIT