Flags

React Bootstrap 5 Flags component

A flag is used to represent a political state.

Definition

Flag

A flag can use the two digit country code, the full name, or a common alias

        
            
          import React from 'react';
          import { MDBIcon } from 'mdb-react-ui-kit';

          export default function App() {
            return (
              <>
                <MDBIcon flag='ae' />
                <MDBIcon flag='france' />
                <MDBIcon flag='myanmar' />
              </>
            );
          }

Types

Many flag sets use SVG to render flags at multiple sizes. However svg flags usually appear blurry or render improperly at smaller sizes. MDB default theme uses an image sprite solution which provides crisper icons, but without the ability to resize

Search Flag

United States

Selected Flag

<i class="flag flag-united-states"></i>

Flag	Name	ISO 3166-2 Code ?	Additional Aliases