All components

Country Flag

Flag icon by ISO country code, wraps flag-icons.

flag-icons on GitHub

Rectangular

ISO 3166-1 alpha-2 country codes. Rectangular is the natural 4:3 aspect.

<CountryFlag code="gb" className="h-5 aspect-[4/3] rounded-sm" />
<CountryFlag code="us" className="h-5 aspect-[4/3] rounded-sm" />
<CountryFlag code="ca" className="h-5 aspect-[4/3] rounded-sm" />

Circle

Square aspect with rounded full, for circular badges like avatar overlays.

<CountryFlag code="gb" shape="circle" className="size-6" />
<CountryFlag code="us" shape="circle" className="size-6" />