Flags

Flags based on CSS (UnoCSS) classes only.

Pure CSS flags:

Flag PL

<FlagPL />

Flag UA

<FlagUA />

Circle icon flags with shadow

                <Icon name="circle-flags:pl" class="shadow-md rounded-full" />
                <Icon name="circle-flags:fi" class="shadow-md rounded-full" />
                <Icon name="circle-flags:nl" class="shadow-md rounded-full" />
                <Icon name="circle-flags:no" class="shadow-md rounded-full" />
                <Icon name="circle-flags:ua" class="shadow-md rounded-full" />
                <Icon name="circle-flags:uk" class="shadow-md rounded-full" />

Props

FlagPL and FlagUA are static CSS components and take no props. Size them by wrapping in a sized container or pass utility classes via class.

For other flags, use the circle-flags icon collection via astro-icon — <Icon name="circle-flags:xx" /> where xx is the country code.