Шрифтовые, монохромные иконки
16 Мая 2020 в 18:59

...

Сегодня собираюсь вас познакомить с шрифтовыми иконками Simple Line Icons. В архиве 162 иконки, как классических, так и оригинальных. Для создания нужного вам интерфейса на сайте, этих иконок вам будет предостаточно.

Для установки иконок на сайт нужно:

  1. Скачать архив и расспаковать его
  2. Залить необходимые файлы на сайт
  3. Подключаем стили и шрифты

А теперь подробнее:

После того как скачали архив и распаковали у себя на пк, вам нужно залить на сервер где находиться ваш сайт необходимые файлы, а именно:

  • Файл simple-line-icons.css из папки css в вашу папку css.
  • Папку fonts закидываем в корень вашего сайта.

Теперь нам нужно подключить иконки, что-бы они заработали. Далее нам нужно в блок <head> (где подключаются у вас все css и js файлы) вставить код подключения css файла:

<link rel="stylesheet" href="css/simple-line-icons.css">

Остаеться только вставить  иконки на страницу, делаеться это следующим образом:

<span class="имя иконки"></span>

Где имя иконки вставляем реальное название иконки, кстати посмотреть и выбрать имя нужной иконки вы можете в шпаргалке которая находиться в архиве index.html

Не забывайте, что это шрифт и с иконкой нужно работать как с шрифтом, выставлять font-size,font-weightline-height и тому подобное.

7
WLS_icon_line.rar 4

Коментарии пользователей