Представляем Вам полный набор SVG иконок основных платежных систем мира. Не стоит использовать иконки в формате PNG, когда есть SVG.
Если Вы разрабатываете интернет-магазин, то Вам обязательно понадобится показать иконки платежных систем, принимаемых на сайте. Чаще всего сайты в поиске предлагают иконки в JPG или PNG формате. Но такие элементы тяжело редактировать и подстраивать под общий дизайн сайта. Так почему же не воспользоваться гибким набором шрифтовых иконок, которые меняют цвет, размер, форму?
Использование:
Скачайте архив с файлам с сервера Github (ссылка выше). Подключите основной фай стилей:
|
1 |
<link href="../style.css" rel="stylesheet"> |
В нем указан импорт файла шрифта:
|
1 2 3 4 |
@font-face { font-family: 'payment-webfont'; src: url('fonts/payment-webfont.eot'); } |
HTML код с иконкой будет выглядеть следующим образом:
|
1 |
<li><i class="pw pw-clickandbuy"></i></li> |
Полный перечень названий иконок можно найти в документации или в самом файле стилей.