Иконки для каждой страны представлены в двух вариантах, в пропорции 1х1 и 4×3
Подключение всех иконок
-
Скачиваем архив:
flag-icon-css.zip или с github -
Подключаем стили
css/flag-icon.css
илиcss/flag-icon.min.css
-
Для использования флагов, встроенных в текст, добавляем в тег
<span>
классы.flag-icon
и.flag-icon-xx
(где xx - код страны в формате ISO 3166-1-alpha-2). Если нужно установить флаг формате 1х1 (квадратный), то добавляем еще классflag-icon-squared
. Пример:<span class="flag-icon flag-icon-gr"></span> Россия
Россия
<span class="flag-icon flag-icon-gr flag-icon-squared"></span> Россия
Россия
Подключение конкретной иконки
Находим флаг нужной страны и скачиваем в формате 1х1 или 4х3. Далее размещаем эту SVG иконку на странице любым удобным способом. Варианты установки SVG иконки можно посмотреть в этой теме
Поиск по названию
Флаги ISO 3166-1
(Северная Корея)
Другие флаги
flag-icon-css на github
Смотрите также:
Движущийся влево и вправо цветок, реализованный на чистом CSS
Анимированная картинка на тему "Сидим дома"
3 варианта реализации изображения Свинки Пеппы на CSS
как скачать у вас иконку?
Спасибо, за полезный контент! Но есть просьба, не хватает других флагов, например нету флага НАТО, СССР, ГДР... в любом случае есть куда двигаться)
Ну я даже и не знаю.а вот мне интересно почему ❓ нету флага мэна
Британской территории в индийском океане и ниуэ
Можно ли добавить флаги СССР и Российской Империи?
СССР сейчас конечно есть но СССР сейчас по другому сделан.
российской империи страны сейчас нет
Спасибо огромное!!!
Спасибо!