50 лучших шрифтов с иконоками для веб-дизайна

Еще в 2012 году на сайте Speckyboy, Design Magazine был опубликован первый Icon Font, бесплатный и премиум наборы. Здесь собраны 50 лучших бесплатных шрифтов с иконками (Icon Fonts), которые появились с тех пор. Смотрите.

Хотя, Icon Fonts очень популярны, но везде есть свои подводные камни. Ian Feather (Ян Фетер) обсудил свои причины перехода от Icon Fonts к SVG и хитрости CSS при выборе между Icon Fonts и SVG. Обе публикации явно в пользу SVG. Но, в качестве контраргумента, Pictonic показал, что Icon Fonts грузятся на 10% быстрее SVG. Поэтому, прежде чем использовать шрифты, вам необходимо познакомится с этими соображениями.

Для того, чтобы убедиться, что ваши иконки всегда загружаются должным образом и имеют для различных браузеров, не поддерживающих @fontface, надежные резервные объявления вам необходимо взглянуть на руководящие принципы, разработанные в Filament Group, Пуленепробиваемый доступ к Icon Fonts (перевод появится немного позже).

Dashicons — официальный Icon Font от WordPress (197 иконок)

Официальный Icon Font WordPress

Dashicons. Загрузить →

Linea Iconset (730+ иконок)

Наборы иконок Linea IconSet 730+ в форматах SVG, PNG, WebFont для мобильных приложений

Linea Iconset. Загрузить →

Themify Icons (320+ иконок)

Themify 320+ иконок в форматах SVG, WebFont, бесплатно

Themify Icons. Загрузить →

Octicons на GitHub (178 иконок)

Octicons 178 иконон в формате WebFont, халява на GitHub

Octicons на GitHub. Загрузить →

iOS7 векторный Icon Font (100 иконок)

iOS7 100 векторных иконок для Photoshop, форматы PNG, WebFont на халяву

iOS7 iOS7 векторный Icon Font. Загрузить →

Genericons (120 иконок)

120 иконок Genericons в формате WebFont, бесплатно

Genericons. Загрузить →

Stroke 7 Icon Font (170 иконок)

Stroke 7 Icon Font

Stroke 7 Icon Font. Загрузить →

Stroke Icons (80 иконок)

Stroke Icons

Stroke Icons. Загрузить →

Icon-Works (134 иконок)

Icon-Works, бесплатно

Icon-Works. Загрузить →

Devicons — Icon Font для разработчиков (123 иконок)

Devicons — Icon Font для разработчиков

Devicons. Загрузить →

Solid Icons (210 иконок)

Solid Icons, форматы psd, png, svg и Webfont

Solid Icons. Загрузить →

77 Essential Icons (77 иконок)

77 Essential Icons

77 Essential Icons. Загрузить →

Tonicons Outline Icons (200 иконок)

Tonicons Outline Icons

Tonicons Outline Icons. Загрузить →

Stroke 7 – An iOS7 Inspired Thin Stroke Icon Font (170 иконок)

icon_font_2014_02-1

Stroke 7 – An iOS7. Загрузить →

The Elegant Icon Font (360 иконок)

The Elegant Icon Font, 360 иконок

The Elegant Icon Font. Загрузка страницы →

Dripicons — полностью бесплатный векторный шрифт in-line (95 иконок)

icon_font_2014_04-1

Dripicons. Загрузить →

Iconia — икона Шрифт С помощью трех стилей: Regular, круг и Cut (113 иконок)

icon_font_2014_05-1

Iconia. Загрузить →

Metrize Icons — иконки в стиле Metro (300 иконок)

Metrize Icons — 300 иконок в стиле Metro

Metrize Icons. Загрузить →

Icon Pack — стилизованный для строки шриф с иконками от Petras Nargela (40 иконок)

Icon Pack — стилизованный для строки шриф с иконками от Petras Nargela, форрматы psd, AI, svg, WebFont

Стилизованный для строки Icon Pack. Загрузить →

Ionicons — шрифт с огромными иконками для Ionic Framework (528 иконок)

Шрифт с 528 огромными иконками для Ionic Framework

Ionicons Загрузить →

Icon Pack (300+ иконки)

Icon Pack, 300+ иконок

Icon Pack. Загрузить →

IcoMoon — бесплатный пакет (450 иконок)

IcoMoon — бесплатный пакет, 450 иконок

IcoMoon. Загрузить →

Набор Web-иконок от MFG Labs Web (120 иконок)

Набор Web-иконок от MFG Labs Web

Набор Web-иконок от MFG Labs Web. Загрузить →

Font Awesome — бесплатный Icon Font (500+ иконок, рекомендую)

500+ иконок в Font Awesomt(рекомендую)

Font Awesome. Загрузить →

Foundation Icon Fonts 2 (140 иконок)

Foundation Icon Fonts 2

Foundation Icon Fonts 2. Загрузить →

Ligature Symbols (250+ иконки)

Ligature Symbols

Ligature Symbols. Загрузить →

OpenWeb бесплатный Icon Font (54 иконок)

OpenWeb Free Icon Font

OpenWeb Free Icon Font. Загрузить →

Соса — бесплатный Icon Font (120 иконок)

Соса — бесплатный Icon Font

Соса. Загрузить →

One div (91 иконок)

One div

One div. Загрузить →

PW Drawn Icon Font (80+ иконок)

PW Drawn Icon Font

PW Drawn Icon Font. Загрузка страница →

80 Mini Icons — иконки (80 иконок)

80 Mini Icons

80 Mini Icons. Скачать шрифт →

Fontelico (30 иконок)

Fontelico

Fontelico. Загрузить →

Typicons (88 иконок)

Typicons

Typicons. Загрузить →

Icons V.3 — бесплатный шрифт с иконками от Hüseyin Yilmaz (24 иконок)

Icons V.3 — бесплатный шрифт с иконками от Hüseyin Yilmaz

Icons V.3 от Hüseyin Yilmaz. Загрузить →

Genericons — иконки для WordPress (123 иконок)

Genericons — иконки для WordPress

Genericons. Загрузить →

Open Iconic — хорошо читабельный шрифт с иконками (218 иконок)

Open Iconic — хорошо читабельный шрифт с иконками

Open Iconic. Загрузить →

Linecons Free — бесплатный In-Line Icon Font (48 иконок)

Linecons Free — бесплатный In-Line Icon Font

Linecons Free. Загрузить →

Outlined Icons от Dario Ferrando (150 иконок)

Outlined Icons от Dario Ferrando

Outlined Icons от Dario Ferrando. Загрузить →

Feather Icon Set — простой и красивый Icon Font (130 иконок)

Feather Icon Set — простой и красивый Icon Font

Feather Icon Set. Загрузить →

Minimal — шрифт минималистичного дизайна (48 иконок)

Minimal — шрифт минималистичного дизайна

Minimal. Загрузить →

Icony (100 иконок)

Icony, 100 иконок

Icony. Загрузить →

Goodies Icon Font (25 иконок)

Goodies Icon Font

Goodies Icon Font. Загрузить →

Stackicons Social Icon Font (75 иконок)

Stackicons Social Icon Font

Stackicons Social. Загрузить →

Socialicious — библиотека социальных медиа-иконок (58) иконки

Socialicious — библиотека социальных медиа-иконок

Socialicious. Загрузить →

Mono Social — шрифт с иконками на основе набора Mono Social (100 иконок)

Mono Social — шрифт с иконками на основе набора Mono Social

Mono Social. Загрузить →

Social Media Icons (74 иконок)

Social Media Icons, 74 иконки

Social Media Icons. Загрузить →

Rondo — шрифт с социальными иконками (40 иконок)

Rondo — шрифт с социальными иконками, 40 иконок

Rondo. Загрузка страницы →

JustVector &mdsash; шрифт с социальными иконками (30 иконок)

JustVector &mdsash; шрифт с социальными иконками

JustVector. Загрузка страницы →

Social Media Set Glyph (30 иконок)

Social Media Set Glyph, 30 иконок

Social Media Set Glyph. Загрузить →

Infinity Space Icon Font (230 иконок)

Infinity Space Icon Font, 230 иконок

Infinity Space Icon Font. Загрузить →

Map Icons — шрифт для Google Maps (150+) иконки

Map Icons — шрифт для Google Maps, 130+ иконок

Map Icons. Загрузить →

Weather Icons — иконки для погоды (92 иконок)

Weather Icons — иконки для погоды, 92 иконки

Weather Icons. Загрузка страницы →

Meteocons (40 иконок)

Meteocons

Meteocons. Загрузить →

Оригинал: Top 50 Free Icon Fonts for Web Design

Print Friendly, PDF & Email

CC BY-NC 4.0 50 лучших шрифтов с иконоками для веб-дизайна, опубликовано К ВВ, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.


1 нравится это

Добавить комментарий