React Beauty Flags

React Beauty Flags is a simple and elegant collection of over 250 flags from around the world, designed with a modern and user-friendly aesthetic. Perfect for your React projects, these flags include countries, regions, cities, historical symbols, and more.

Features

• 🌍 Over 250 beautifully designed flags
• 📦 Lightweight and easy to integrate
• 🎨 Simple, modern, and consistent design
• 🛠️ Fully customizable and open source

Installation

npm install react-beauty-flags

Usage

import { Flag } from "react-beauty-flags"

function App() {
  return (
    <div>
      <Flag code="Us" alt="United States" />
      <Flag code="Es" alt="Spain" />
      <Flag code="jp" alt="Japan" />
    </div>
  )
}

export default App

Props

• code (string): The ISO code of the flag to display.
• size (number | string, optional): Set the flag's width (height adjusts automatically).

All native svg's props can also be passed.

Flags Included

React Beauty Flags includes:

• Country flags
• Regional flags
• City flags
• Historical
• Symbolic flags

For a complete list, visit Flags Directory.

Contributing

Contributions are welcome! If you find a bug or have a flag design to add, feel free to open an issue or submit a pull request.

Author

Created by Pol Gubau Amores.

License

This project is open source under the MIT License.

Links

• 🌐 Website
• 📦 npm Package
• 🐙 GitHub Repository

---

Hope you enjoy using React Beauty Flags! 🚀