11 классных шрифтов иконок для ваших проектов

Шрифты иконок является хорошим инструментом для создания приложений и веб-сайтов в настоящее время. Они имеют очень много преимуществ по сравнению с фиксированными иконками:

  • масштабируемость
  • стилизация с помощью CSS (изменить размер, цвет и т.д.)
  • добавление границы и теней с помощью CSS
  • нет http запросов для изображений иконок

Это очень важные и ключевые преимущества.

Как использовать иконки шрифтов

Все, что вам нужно сделать, это загрузить CSS файл, и все уже готово!

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

<!-- подключаем css файл -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- используем шрифт иконок с помощью классов -->
<i class="ti-fire"></i>
<span class="ti-user"></span>

Давайте посмотрим лучшие шрифты, которые вы можете использовать для ваших проектов.

FontAwesome

fontawesoek-905x500[1]
image-934

Themify Icons

themifyicons-905x500[1]
image-935

Foundation Icons

foundation-iconfonts-905x500[1]
image-936

Ionicons

ionicons-905x500[1]
image-937

Octicons

octicons-905x500[1]
image-938

Linecons

linecons-905x500[1]
image-939

Open Iconic

openiconic-905x500[1]
image-940

Entypo

entypo-905x500[1]
image-941

JustVector

justvectoricons-905x500[1]
image-942

SVG Icons

svgfonts-905x500[1]
image-943

Payment Icons

paymentfonticons-905x500[1]
image-944

Вывод.

Все эти наборы иконок уникальны по-своему. Комбинируйте их, для создания своих собственные приложения или веб-сайт.