Иконки для каждой страны представлены в двух вариантах, в пропорции 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
Смотрите также:
Massive Storage выполненный на SVG с CSS анимацией.
1155 бесплатных SVG иконок с логотипами популярных брендов
Движущийся влево и вправо цветок, реализованный на чистом CSS
как скачать у вас иконку?
Спасибо, за полезный контент! Но есть просьба, не хватает других флагов, например нету флага НАТО, СССР, ГДР... в любом случае есть куда двигаться)
Ну я даже и не знаю.а вот мне интересно почему ❓ нету флага мэна
Британской территории в индийском океане и ниуэ
Можно ли добавить флаги СССР и Российской Империи?
СССР сейчас конечно есть но СССР сейчас по другому сделан.
российской империи страны сейчас нет
Спасибо огромное!!!
Спасибо!