There is no official HTML markup for CSS font icons, but two ways are commonly used. You can use either one with block items like the anchor tag <a> or with span items <span>. It is up to you which to use for your font icons.

If your page is written in Asciidoc, there is an even easier way: use the Asciidoc markups below.

Country flag icons come in two styles: rectangle rectangle and square squared. The default is rectangle (a 4:3 shape). For a more compact look, you can use the square style (a 1:1 shape).

You can change how big a flag icon is to make it stand out more, or to fit it in a tight spot. Just use the optional size setting.

See below for what sizes you can use.

For more layout control, you can add extra CSS styles called modifiers to your flag icons. Here is an example:

Germany, rectangle style
Germany, square style

Find all flags available, listed in A-Z order.