Free Flags

Free Country Flag Icons CDN

Use flag icons directly from our CDN in your website, app, or CSS. No signup, no API key, no rate limits. Just copy the URL and go. A drop-in alternative to flag-icon-css and flag-icons CDN packages.

URL Pattern

All flag icons follow a consistent URL structure:

https://cdn.freeflags.org/{style}/{country}-flag-{style}-{size}.png
{style}Icon style — e.g. flat-circle, heart, shield
{country}Country slug — e.g. thailand, united-states, france
{size}Image size in pixels — 64, 128, or 512

Try the Flag Icon CDN

Pick a country flag and icon style to preview the CDN URL:

SVG (vector)

Available for flat-circle, flat-rectangle, and flat-square styles. Drop the size from the URL:

Available Flag Icon Styles

Use these style keys in the CDN flag icons URL:

KeyNameFormats
heartСердцеPNG
circle-badgeКруглый значокPNG
shieldЩитPNG
dropКапляPNG
bubble-markerМаркер-пузырьPNG
color-pinЦветная булавкаPNG
badgeЗначокPNG
rounded-badgeКруглый бейджPNG
square-pinКвадратная булавкаPNG
leaf-badgeЛистовой бейджPNG
flat-circleПлоский кругPNG, SVG
flat-rectangleПлоский прямоугольникPNG, SVG
flat-squareПлоский квадратPNG, SVG
flat-heartПлоское сердцеPNG
heart-badgeЗначок-сердцеPNG
flat-shieldПлоский щитPNG
square-badgeКвадратный значокPNG
square-shadowКвадрат с теньюPNG
stamp-rectangleМарка прямоугольнаяPNG
stamp-squareМарка квадратнаяPNG

Flag CDN Code Examples

Use country flag icons from CDN in HTML, CSS, React, or Markdown:

HTML

CSS

React

Markdown

Flag Icons CDN Usage Notes