Иконки CSS

Дата: 18.11.2015Метки:

Я испытываю слабость ко всем нестандартным штукам. Поэтому, в этом посте хочу рассказать о понравившейся мне библиотеке CSS-иконок — Fort Awesome Icons. Библиотека иконок реализована на чистом CSS. Кроме статических вариантов в сборке представлены анимированные CSS-иконки. С полным набором CSS-иконок можно ознакомится на этой странице. Чтобы использовать CSS-иконки на своем сайте, необходимо добавить в одержимое HTML-документа код из примера ниже.

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

В зависимости от требуемого размера элемента, необходимо указать атрибут class. С полной информацией по использованию иконок можно ознакомится на странице GitHub.

Еще хороший ресурс с большим количеством иконок на различные темы icons8.