Menu

Flag
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

Types

Since Fomantic 2.9.0, flags are based on SVG emojis in the default theme. If you want to return to the sprite approach using the famfamfam icon set (as used in Fomantic up to 2.8.8), you only have to change the @flag variable in your theme.config to 'famfamfam'. However, the famfamfam theme does not support sizing and lots of flags are missing.

You can reduce your custom generated CSS by adjusting the @flags variable in your themes flag.variables file to only the flags you need.
Flag Name ISO 3166-2 Code ? Additional Aliases

Size

A flag can vary in size

Small
Medium
Large
Big
Huge
Massive

Autosizing

If no specific size class is given, all flags are automatically sized according to the current element font-size

Within a header
Within a button


Within a label


Within a text

Dimmer Message
Dimmer sub-header