
Иконки для каждой страны представлены в двух вариантах, в пропорции 1х1 и 4×3
Иконки для каждой страны представлены в двух вариантах, в пропорции 1х1 и 4×3
Скачиваем архив:
Подключаем стили 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 иконки можно посмотреть в этой теме
flag-icon-css на github
Установка SVG иконки графическим файлом, на HTML, CSS и JS
Движущийся влево и вправо цветок, реализованный на чистом CSS
Анимационная картинка летящей и играющей на гитаре коровы
Добавить комментарий: