Choose and configure flags

SVG Flags Pro extends SVG Flags - Country Flag Blocks and Galleries with more ways to present flags in WordPress. Its searchable selector includes 271 current country, territory, regional, and organisation flags. Countries and territories use alpha-2 codes; the bundled flag-icons library also delivers codes for regional and organisation flags.

SVG flags scale to any size without losing quality and keep a fixed aspect ratio: 4:3 by default or 1:1 for square displays. The block editor provides a visual setup with real-time previews. Choose flags, then adjust their size, ratio, captions, and layout.

Blocks for flags and galleries

The add-on provides three dynamic blocks:

• SVG Flag renders a lightweight flag with CSS.
• SVG Flag Image makes an image with country-name alternative text.
• SVG Flag Grid arranges flags in a responsive gallery with up to eight columns, adjustable spacing, captions, and square or 4:3 proportions.

Linked displays and directory search

SVG Flags Pro adds linked flag cards and responsive linked grids for pages where flags lead into related content. A searchable flag directory helps users locate an entry. Headings, custom captions, and tooltips add context, while further presentation controls let you adjust how flag information appears.

These options can be used for country directories, international service pages, regional navigation, location lists, and organisation collections.

Block editor and shortcode use

Build displays in the block editor and review them in the live preview. Shortcodes are also available for classic-editor content and templates. Use [svg-flag flag="gb"] for a flag, [svg-flag-image flag="fr"] for an accessible image, or [svg-flag-grid flags="gb,us,ca,fr" columns="4" caption="true"] for a gallery.

Installation

Install SVG Flags Pro in WordPress, then add its blocks in the block editor or place a shortcode in classic-editor content or a template. Select flags, configure the show, and check the preview while building the page.