CSS иконки флагов — Бесплатные CSS классы флагов стран

Quick Start

Add the stylesheet to your HTML, then use CSS classes:

1. Include the CSS

<link rel="stylesheet" href="https://cdn.freeflags.org/css/freeflags.min.css">

2. Use flag classes

<i class="ff ff-th"></i>           <!-- Thailand (default: flat-circle) -->
<i class="ff ff-us ff-heart"></i>  <!-- USA heart style -->
<i class="ff ff-jp ff-shield"></i> <!-- Japan shield style -->
<i class="ff ff-gb ff-lg"></i>     <!-- UK large size -->

Live Preview

Try different countries, styles, and sizes:

Country

Style

Size

<i class="ff ff-th"></i>

CSS Class Reference

Country Codes

Use the ISO 2-letter code as .ff-{code}:

.ff-auАвстралия

.ff-atАвстрия

.ff-azАзербайджан

.ff-alАлбания

.ff-dzАлжир

.ff-aoАнгола

.ff-adАндорра

.ff-agАнтигуа и Барбуда

.ff-arАргентина

.ff-amАрмения

.ff-afАфганистан

.ff-bsБагамы

.ff-bdБангладеш

.ff-bbБарбадос

.ff-bhБахрейн

.ff-byБеларусь

.ff-bzБелиз

.ff-beБельгия

.ff-bjБенин

.ff-bgБолгария

.ff-boБоливия

.ff-baБосния и Герцеговина

.ff-bwБотсвана

.ff-brБразилия

.ff-bnБруней

.ff-bfБуркина-Фасо

.ff-biБурунди

.ff-btБутан

.ff-vuВануату

.ff-vaВатикан

.ff-gbВеликобритания

.ff-huВенгрия

.ff-veВенесуэла

.ff-tlВосточный Тимор

.ff-vnВьетнам

.ff-gaГабон

.ff-htГаити

.ff-gyГайана

.ff-gmГамбия

.ff-ghГана

.ff-gtГватемала

.ff-gnГвинея

.ff-gwГвинея-Бисау

.ff-deГермания

.ff-hnГондурас

.ff-gdГренада

.ff-grГреция

.ff-geГрузия

.ff-dkДания

.ff-djДжибути

.ff-dmДоминика

.ff-doДоминиканская Республика

.ff-cdДР Конго

.ff-egЕгипет

.ff-zmЗамбия

.ff-zwЗимбабве

.ff-ilИзраиль

.ff-inИндия

.ff-idИндонезия

.ff-joИордания

.ff-iqИрак

.ff-irИран

.ff-ieИрландия

.ff-isИсландия

.ff-esИспания

.ff-itИталия

.ff-yeЙемен

.ff-cvКабо-Верде

.ff-kzКазахстан

.ff-khКамбоджа

.ff-cmКамерун

.ff-caКанада

.ff-qaКатар

.ff-keКения

.ff-cyКипр

.ff-kiКирибати

.ff-cnКитай

.ff-coКолумбия

.ff-kmКоморы

.ff-cgКонго

.ff-xkКосово

.ff-crКоста-Рика

.ff-ciКот-д'Ивуар

.ff-cuКуба

.ff-kwКувейт

.ff-kgКыргызстан

.ff-laЛаос

.ff-lvЛатвия

.ff-lsЛесото

.ff-lrЛиберия

.ff-lbЛиван

.ff-lyЛивия

.ff-ltЛитва

.ff-liЛихтенштейн

.ff-luЛюксембург

.ff-muМаврикий

.ff-mrМавритания

.ff-mgМадагаскар

.ff-mwМалави

.ff-myМалайзия

.ff-mlМали

.ff-mvМальдивы

.ff-mtМальта

.ff-maМарокко

.ff-mhМаршалловы Острова

.ff-mxМексика

.ff-fmМикронезия

.ff-mzМозамбик

.ff-mdМолдова

.ff-mcМонако

.ff-mnМонголия

.ff-mmМьянма

.ff-naНамибия

.ff-nrНауру

.ff-npНепал

.ff-neНигер

.ff-ngНигерия

.ff-nlНидерланды

.ff-niНикарагуа

.ff-nzНовая Зеландия

.ff-noНорвегия

.ff-aeОАЭ

.ff-omОман

.ff-pkПакистан

.ff-pwПалау

.ff-paПанама

.ff-pgПапуа — Новая Гвинея

.ff-pyПарагвай

.ff-peПеру

.ff-plПольша

.ff-ptПортугалия

.ff-ruРоссия

.ff-rwРуанда

.ff-roРумыния

.ff-svСальвадор

.ff-wsСамоа

.ff-smСан-Марино

.ff-stСан-Томе и Принсипи

.ff-saСаудовская Аравия

.ff-kpСеверная Корея

.ff-mkСеверная Македония

.ff-scСейшелы

.ff-snСенегал

.ff-vcСент-Винсент и Гренадины

.ff-knСент-Китс и Невис

.ff-lcСент-Люсия

.ff-rsСербия

.ff-sgСингапур

.ff-syСирия

.ff-skСловакия

.ff-siСловения

.ff-sbСоломоновы Острова

.ff-soСомали

.ff-sdСудан

.ff-srСуринам

.ff-usСША

.ff-slСьерра-Леоне

.ff-tjТаджикистан

.ff-thТаиланд

.ff-tzТанзания

.ff-tgТого

.ff-toТонга

.ff-ttТринидад и Тобаго

.ff-tvТувалу

.ff-tnТунис

.ff-tmТуркменистан

.ff-trТурция

.ff-ugУганда

.ff-uzУзбекистан

.ff-uaУкраина

.ff-uyУругвай

.ff-fjФиджи

.ff-phФилиппины

.ff-fiФинляндия

.ff-frФранция

.ff-hrХорватия

.ff-cfЦАР

.ff-tdЧад

.ff-meЧерногория

.ff-czЧехия

.ff-clЧили

.ff-chШвейцария

.ff-seШвеция

.ff-lkШри-Ланка

.ff-ecЭквадор

.ff-gqЭкваториальная Гвинея

.ff-erЭритрея

.ff-szЭсватини

.ff-eeЭстония

.ff-etЭфиопия

.ff-zaЮАР

.ff-krЮжная Корея

.ff-ssЮжный Судан

.ff-jmЯмайка

.ff-jpЯпония

Style Modifiers

Add a style class to change the icon shape:

.ff-heartСердце

.ff-circle-badgeКруглый значок

.ff-shieldЩит

.ff-dropКапля

.ff-bubble-markerМаркер-пузырь

.ff-color-pinЦветная булавка

.ff-badgeЗначок

.ff-rounded-badgeКруглый бейдж

.ff-square-pinКвадратная булавка

.ff-leaf-badgeЛистовой бейдж

.ff-flat-circleПлоский круг

.ff-flat-rectangleПлоский прямоугольник

.ff-flat-squareПлоский квадрат

.ff-flat-heartПлоское сердце

.ff-heart-badgeЗначок-сердце

.ff-flat-shieldПлоский щит

.ff-square-badgeКвадратный значок

.ff-square-shadowКвадрат с тенью

.ff-stamp-rectangleМарка прямоугольная

.ff-stamp-squareМарка квадратная

Size Classes

.ff-sm16px

.ff-md24px

.ff-lg32px

.ff-xl48px

.ff-2x64px

.ff-3x96px

Use with Frameworks

React / JSX

// In your component
<i className="ff ff-th ff-lg" />

// Or dynamic
<i className={`ff ff-${countryCode} ff-heart`} />

Vue

<i :class="['ff', `ff-${country}`, 'ff-circle-badge']"></i>

Angular

<i [class]="'ff ff-' + countryCode + ' ff-shield'"></i>

Compared to flag-icon-css

freeflags.cssflag-icon-css

CDN only (no npm)YesYes

Multiple styles13 styles1 style

PNG + SVGYesSVG only

Size classes6 sizes2 sizes

Free foreverYesYes

Free Country Flag Icons CSS Classes