Flags

Bootstrap flags

Note: We are transitioning MDB4 to a legacy version and focusing on developing MDB5. While we'll continue to support for the transition period, we encourage you to migrate to MDB5. We're offering a huge discount on MDB5 PRO to help with your transition, enabling you to leverage the full potential of the latest version. You can find more information here.
upgrade with discount

A flag is used to represent a political state

To start working with Flags, please see "Getting Started" tab on this page.

Note: Flags integration is available from version 4.8.1 (released 13.05.2019).

Definition

Flag

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

        
            

          <i class="ae flag"></i>
          <i class="france flag"></i>
          <i class="myanmar flag"></i>

        
        
    

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