Иконки для сайта бесплатно
Иконочные шрифты отлично подходят для использования на сайтах и приложениях. Они имеют ряд преимуществ по сравнению с векторными изображениями:
- бесконечно масштабируемы;
- стилизуются с помощью CSS (цвет, размеры);
- можно добавить контур и тени с помощью CSS;
- нет запроса HTTP для добавления иконки.
Как использовать иконочные шрифты
Иконочные шрифты очень просто добавляются на сайт. Всё, что вам нужно сделать, загрузить CSS файл.
Для примера используем иконки FontAwesome. Подключим необходимый CSS файл и используем теги i или span с классом нужной вам иконки.
1 2 3 4 5 6 7 | <!-- Загружаем CSS file --> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <!-- используем иконки --> <!-- можем использовать теги i или span --> <i class="ti-fire"></i> <span class="ti-user"></span> |
Давайте посмотрим лучшие иконочные шрифты для вашего сайта.