Иконки в виде перьев · Flaticon Feathers

Иконки  - Flaticon Feather

Набор из 10 бесплатных иконок в виде перьев которые можно подключить на любом сайте, сделано описание по использованию, иконки предоставлены в виде файлов разных типов включая шрифты.

Подключение и настройка иконок Flaticon Feathers

Для подключения иконок с перьями скачайте архив, загрузите на сервер своего сайта шрифты и укажите путь к ним в файле flaticon.css, загрузите отредактированный файл CSS на сервер и подключите его на страницах использующих иконки при помощи @import.

<style>
@import url("//atmpl.ru/design/free-icons/2015/feathers/flaticon.css");
</style>

Добавьте свойство определяющее семейство шрифта font-family:'Flaticon'; для элементов демонстрирующих иконки.

Пример подключения Flaticon Feathers


<div style="font-family:'Flaticon';text-align:center;font-size:5rem;color:#000;">
<i class="flaticon-bird71"></i>
<i class="flaticon-feather22"></i>
<i class="flaticon-feather25"></i>
<span class="flaticon-feather27"></span>
<span class="flaticon-feather29"></span>
</div>
<div class="flaticon-bird72" style="font-family:'Flaticon';margin:0 auto;text-align:center;font-size:10rem;color:red;"></div>

Настройка дизайна иконок Flaticon Feathers


flaticon-bird71

flaticon-bird72

flaticon-feather22

flaticon-feather23

flaticon-feather24

flaticon-feather25

flaticon-feather26

flaticon-feather27

flaticon-feather28

flaticon-feather29

Тени для иконок

font-size:44px;
Начальный цвет тени
Конечный цвет тени
Цвет текста
Цвет фона


Скачать иконки Flaticon Feathers бесплатно

Flaticon Feathers

Рейтинг: 5.0/5 из 3



Добавлено Автор Ник Источник Просмотров Комментариев Теги
15-01-2015 Михаил Меренков aTmpl © 637 0 Icons, иконки