Flags

Flags allow us to visually communicate countries and currencies.

Our flag system is designed to be scalable, accessible and simple. Built from the same grid as our icons, they neatly balance reduction and recognition

The San Marino and Zambia flags, side by side.
Approach

Maximum simplicity

We’ve boiled every flag down to its most recognisable parts. It means they’ll stay as close as possible to the original design, no matter how small we squeeze them. Isn’t that right, Uganda?

The Uganda flag, increasing in size from left to right.

Harmonious

All flags in the set feature a refined palette of just 10 colours, to create visual harmony and consistency.

HEX:#FFFFFF
RGB: 255 / 255 / 255
HEX:#78C9FF
RGB: 120 / 201 / 255
HEX:#FFD400
RGB: 255 / 212 / 0
HEX:#FF7700
RGB: 255 / 119 / 0
HEX:#F0263C
RGB: 240 / 38 / 60
HEX:#000000
RGB: 0 / 0 / 0
HEX:#231D9A
RGB: 35 / 29 / 154
HEX:#005B13
RGB: 0 / 91 / 19
HEX:#CC9500
RGB: 204 / 149 / 0
HEX:#960A3C
RGB: 150 / 10 / 60

Circular

In another break from tradition, all flags come in circles. It keeps things clean and consistent.

The Argentinian flag.
The Australian flag.
The Austrian flag.
The Bangladesh flag.
The Belgian flag.
The Botswana flag.
The Brazilian flag.
The Bulgarian flag.
The Canadian flag.
The Chile flag.
The UAE flag.
The Chinese flag.
Circle flags in product.
Detailed flags

We've simplified some of our flags more than others. So we have detailed versions of some of our flags, which should be used when scaled above 150 pixels.

European flag
Australian flag
New Zealand flag
Panama flag
United States flag
China flag
The homepage UI of the Wise app.

When the flag is below 150px in size, use the simplified version.

A poster showing Wise flags.

When the flag is above 150px in size, use the detailed version.

Borders

Because flags vary in colour, we add borders so they don't bleed into the background when on a white design. Be sure to use Border Neutral around your flags when using them across editorial and product.

Flags with border on white background

Use a border on a flag when used on a white background.

Flag without border on white background

Go borderless when used on a white background.

Wise default flag

Whenever we’re in a position where we can’t use a flag, or we need to deal with multiple countries, we default to our Fast Flag icon.

The Fast Flag icon.
Flag library