Иконочные шрифты для верстальщиков — Программирование и не только
При разработке современных сайтов сложно представить жизнь без использования шрифтов, состоящих из иконок. Применение шрифтов с иконками дает огромные преимущества при разработке сайта — это работа с иконками как с обычным текстом (можно применять CSS-стили), они прекрасно масштабируются (являются векторными изображениями), уменьшение количества HTTP-запросов при отображении (на загрузку растровых изображений понадобилось бы больше запросов), меньший размер по сравнению с обычными изображениями, поддержка различными браузерами.
Конечно же, есть и такие недостатки как цвет иконки обычно ограничен одним цветом, а для использования недостаточно просто вставить иконку на страницу как при работе с обычными изображениями. Но данные недостатки легко компенсируются их преимуществами перед растровыми иконками.
Давайте рассмотрим бесплатные и полезные пакеты иконочных шрифтов.
Font Awesome
IcoMoon — в этом бесплатном пакете вам будут доступны 490 векторных иконок. Если вам не терпеться посмотреть на доступные иконки.
Linearicons — менее богатый пакет на количество иконок (всего 170 иконок для бесплатной версии). В принципе есть все базовые иконки для веб-разработчика.
Ionicons — данный чудеснейший пакет включает в себя 730 премиальных иконок и доступен совершенно бесплатно. Среди такого количества я думаю можно найти все что нужно для своего веб-проекта. В шрифт включены иконки для ценителей плоского и минималистического дизайна. Однозначно, рекомендую!
Ligature Symbols — бесплатный шрифт без лишних иконок. Содержит все необходимые иконки для web. Для тех, кому важна скорость загрузки и не надо ничего лишнего. Кстати, не так уж и мало иконок — около 240 штук.
Stroke 7 Icon Font Set — вас ждут 202 плоские иконки. Приятно для взгляда и очень современно. Рекомендую ознакомиться.
Material Icons — это восхитительные, красиво обработанные символы для обычных действий и предметов. Загрузите на рабочий стол, чтобы использовать их в своих цифровых продуктах для Android, iOS и в Интернете.
Themify Icons — 320+ бесплатных иконок для веб-дизайна и приложений. Специально созданы для ценителей Apple iOS 7.
Foundation Icon Fonts 3 — в принципе обычные иконки, но возможно кому-то именно этот пакет подойдет для работы. Иконок в нем около 283 штук.
Sosa — пакет реалистичных иконок от команды разработчиков tenbytwenty. Иконок мало, так что для крупного проекта не подойдет.
Linea — на сайте для удобства доступно несколько бесплатных пакетов с векторными иконками: базовый пакет, погода, музыка, коммерция, программное обеспечение, разработка, указатели. Плоский дизайн и аккуратность присутствует. В сумме свыше 730+ иконок.
К сожалению, захватить все множество бесплатных векторных иконок не возможно за раз. Поэтому, как только будут появляться интересные пакеты бесплатных шрифтов, я буду их размещать в данном обзоре. Если вы хотите помочь мне с наполнением данной статьи или поделиться интересными иконками, то с радостью выслушаю все ваши комментарии.
Спасибо и следите за обновлениями на моем сайте.
Иконочные шрифты или SVG — что выбрать в 2018? – База знаний Timeweb Community
Графические иконки — ключевой элемент практически любого сайта или приложения. Как правило, весят они немного, однако вопрос выбора формата все равно остается актуальным. Если не брать в расчет стандартные форматы изображений, у разработчиков есть два основных варианта: использовать SVG либо иконочные шрифты (icon fonts). Что лучше? Разберемся ниже.
Эволюция иконок
Перед тем, как появился язык стилей CSS, все иконки на сайтах представляли собой изображения. Но так как файлы изображений много весят, разработчики стремились найти один или несколько альтернативных способов отображения маленьких иконок. Например, CSS-спрайты позволили разработчикам хранить все иконки на одном изображении, но из-за проблем с доступностью этот способ не стал популярным способом отображения иконок — и в 2012 на смену им пришли иконочные шрифты. А сейчас многие разработчики отдают предпочтение масштабируемой векторной графике — SVG (Scalable Vector Graphics).
Что такое иконочные шрифты
Иконочные шрифты — текстовые файлы, которые можно модифицировать при помощи CSS. Как следствие, масштабируются они гораздо лучше, чем растровые изображения, т.к. изменение размера не ведет к ухудшению качества изображения. Изменение цвета или добавление тени — все это сделать так же легко, как и при работе с обычным текстом. В сети можно легко найти бесплатные для использования шрифты либо можно создать свой собственный шрифт. К минусам можно отнести то, что большинство наборов со шрифтами содержат иконки, которые вы, скорее всего, не будете использовать — и они будут просто занимать место.
Но, как и у CSS-спрайтов, иконочные шрифты имеют свои недостатки — например, для того, чтобы корректно их отобразить, браузеру приходится делать дополнительные запросы на сервер, что может привести к FOIT (Flash of Invisible Text) — ситуации, когда шрифт не отображается вообще. По этой и другим причинам многие разработчики делают выбор в пользу SVG.
Что такое SVG
SVG (Scalable Vector Graphics) позволяет отображать в браузере векторную графику. Формат SVG быстро стал новым стандартом для иконок и анимации. Они быстрее загружаются, прекрасно масштабируются и более надежные в использовании, чем иконочные шрифты. Векторная графика полностью стоит из кода и весит гораздо меньше, чем изображения в форматах JPG или PNG и большинство библиотек иконочных шрифтов.
Сравнение
Настало время сравнить SVG и иконочные шрифты по нескольким параметрам.
1. Размер
Если использовать встроенный SVG, то есть прописывать SVG в CSS, то код может стать тяжелым и громоздким. К тому же встроенный SVG код не кэшируется пользовательскими браузерами, в отличие от внешних SVG файлов. Поэтому если на определенной странице сайта много разных иконок, то иконочные шрифты будут предпочтительнее встроенных SVG изображений (но при условии, что вы не используете готовую библиотеку иконочных шрифтов).
Важно понимать, что 10 оптимизированных SVG иконок, скорее всего, будут весить меньше, чем целая библиотека иконочных шрифтов. А вот если вы создадите библиотеку только с теми иконками, которые нужны вам, то такая библиотека будет выигрывать по весу.
2. Производительность
Иконочные шрифты могут кэшироваться, а значит, они загружаются быстрее. В то же время для их загрузки нужен дополнительный HTTP-запрос.
Встроенные SVG иконки не требуют дополнительного запроса, но и кэшироваться браузером они тоже не могут.
Можно собрать SVG файлы в отдельный внешний файл — и тогда его можно будет кэшировать.
Опять же, производительность во многом зависит от того, сколько весят ваши иконочные шрифты/SVG.
3. Гибкость
Оба формата можно настраивать с использованием CSS, но SVG дает гораздо больше возможностей, например, сделать иконки разноцветными.
Иконочным шрифтам можно прописывать CSS-стили (тень, цвет и т.д.), их можно массово изменять при помощи одного правила в CSS, их можно анимировать.
4. Поддержка браузеров
Какой бы формат вы ни выбрали, его все равно нужно будет дорабатывать для того, чтобы обеспечить поддержку старых браузеров. Т.к. иконочные шрифты существуют дольше, чем SVG, то и поддержка у них шире — их увидят все, кто использует IE 6 и более новые версии.С другой стороны, сейчас подавляющее большинство пользователей использует современные браузеры, так что на этот пункт сильного внимания обращать не стоит. Единственный нюанс, о котором стоит помнить — IE и Edge не всегда правильно масштабируют SVG файлы.
5. Масштабируемость
И иконочные шрифты, и SVG — это векторные форматы. Поэтому их можно легко увеличивать или уменьшать без потери качества. Браузеры интерпретируют иконочные шрифты как текст, поэтому они могут сглаживаться — и при сравнении SVG изображения выглядят чуть более резкими, чем иконочные шрифты.
Вывод
До сих пор в среде разработчиков нет единого мнения о том, что лучше использовать — иконочные шрифты или SVG. Суть в том, что зачастую многое зависит от поставленных задач и проекта в целом.
Но все же сейчас чаще всего используют SVG — у этого языка разметки лучше масштабируемость, UX (пользовательский опыт), и он поддерживается всеми основными браузерами. Существует мнение, что один из трендов 2018 года — это уход от иконочных шрифтов к иконкам в формате SVG.
В то же время иконочные шрифты станут хорошим решением для проекта с большим количеством иконок в одном стиле.
А что вы используете в разработке, SVG или иконочные шрифты?
Иконочные шрифты для сайта
В последнее время, все чаще на сайтах используются иконочные шрифты. Иконочный шрифт — это шрифт, который содержит в себе набор иконок различной тематики. Таких шрифтов уже не мало, в этой статье расскажу о самых популярных и самых интересных из них.
Но сперва расскажем зачем нужны иконочные шрифты и стоит ли их подключать на сайт. Иконочные шрифты нужны для того, чтобы вам было проще оформлять свой сайт различными иконками. Представьте, как трудно подбирать различные иконки для своего сайта, ведь нужно учесть их размер, цвет, стиль, тематику и т.п. А как было бы просто, если бы вам не нужно было бы заниматься долгим и нудным подбором иконки для вашей статьи, какого-то информационного блока, заголовка и т.п., а просто прописать нужное обозначение иконки и вуаля, иконка уже отображается на вашем сайте!
Как подключить иконочный шрифт
Иконочные шрифты включают в себя сотни разнообразных иконок, различной тематики. Как правило они все выполнены в едином стиле, что упрощает их восприятие и делает ваш сайт более эстетичным. Подключение шрифта, не займет у вас много времени, а установка иконки займет у вас пару минут. Обычно для подключения иконочного шрифта нужно всего лишь вставить ссылку на шрифт в
сайта. После чего уже можно вставлять иконки на свои страницы. Некоторые сервисы позволяют собрать свой набор иконок, после чего его можно скачать для установки на сайт.Список иконочных шрифтов
- Font awesome 5, 6
fontawesome.io - Font awesome 4
fontawesome.ru - Fontello
fontello.com - Pictonic
pictonic.co - Open iconic
useiconic.com - Icons 8
icons8.com - Material Design icons
materialdesignicons.com
Если у вас возникли проблемы с подключением какого-то шрифта, вы можете обратиться к специалистам нашей веб-студии. Они помогут вам правильно подключить иконочный шрифт за небольшую плату.
Иконочные шрифты
- Иконочные шрифты
- это шрифты, каждый символ которого представлен иконкой.
—
Иконочные шрифты в последнее время набрали большую популярность в современных веб-сайтах, ниже мы расскажем почему.
До появления иконочных шрифтов дизайнеры и верстальщики делали сайты с использованием растровых иконок. Это было красиво, но довольно неудобно. Современный Интернет меняется и на место растровых иконок пришли векторные иконки, выполненные в виде шрифтов.
Принцип работы таких шрифтов прост, к web странице, с помощью CSS стилей, подключается дополнительный файл шрифта. Веб-мастер в стилях сайта указывает свойства иконок (размер, цвет, тень и прочие) и в разметке страницы пишет специальные теги, на месте которых и появляются иконки.
Рассмотрим плюсы и минусы использования иконочных шрифтов:
Преимущества
- множество уже готовых наборов иконок с общей стилистикой;
- удобный поиск по иконкам дают сами авторы наборов;
- иконочные шрифты одинаково четко отображаются на всех экранах устройств, даже retina;
- упростился процесс работы верстальщика при составлении HTML верстки макета;
- иконки грузятся в виде одного файла шрифта, стало проще и выгоднее использовать CDN;
- можно выбрать цвет иконки и ее размер;
- можно манипулировать фоном иконки, например выставить цвет или залить изображением;
- можно изменять CSS стили иконки при наведении пользователем мышкой на иконку, то есть добавить больше интерактивности;
- к иконке можно применить современные CSS3 стили, такие как тени, трансформации и анимация.
Недостатки
- дизайнеру трудней изменить внешний вид иконки, так как требуются дополнительные знания векторной графики и соответствующих программных пакетов;
- после изменения иконки, необходимо собирать набор иконок в файлы шрифта и конвертировать в различные форматы, что без навыков и соответствующего ПО сделать проблематично (час
Таблица значений иконок Font Awesome. Как использовать иконки Font Awesome | Торгово
Font Awesome — что это?
Font Awesome — это набор готовых масштабируемых иконок для сайта. Иконки Font Awesome можно добавлять на сайт, как обычный текст и через CSS. Это даёт возможность изменять цвет, шрифт, тень иконок и многое другое. Для использования на своём сайте иконок Font Awesome необходимо подключить файл стилей иконок.
Файл стилей иконок Font Awesome подключается в главном файле сайта между тэгами и :
После того, как файл стилей подключен, можно использовать иконки на своем сайте.
Как использовать иконки Font Awesome на сайте:
1. Можно использовать в текстовом редакторе сайта использовав название иконки:
Можем увеличить размер иконки добавив классы: fa-lg, fa-2x, fa-3x, fa-4x или fa-5x
Пример добавления класса для увеличения иконки Font Awesome:
fa-lg fa-2x fa-3x fa-4x fa-5xДелаем иконки с фиксированной шириной
Используя класс fa-fw можно зафиксировать ширину иконки. Используется для создания меню с иконками.
Использование иконок в маркированном списке.
Классы fa-ul и fa-li заменяют маркеры по умолчанию в …
- элемент списка
- элемент списка
- элемент списка
- элемент списка
- элемент списка
- элемент списка
Анимация иконок Font Awesome.
Добавив классы fa-spin, fa-pulse, fa-spinner, fa-refresh или fa-cog сделаем вращающиеся иконки. Анимация не поддерживается в IE8 — IE9.
2. Иконку Font Awesome можно добавить в таблице стилей CSS:
Используя псевдокласс :before иконку можно добавить перед текстом, а при помощи псевдокласса :after иконка добавится после текста.
.cssclass:before { content: «\f039»; }
В параметре контент указываем не название иконки а её код.
fa-glass»\f000″
fa-music»\f001″
fa-search»\f002″
fa-envelope-o»\f003″
fa-heart»\f004″
fa-star»\f005″
fa-star-o»\f006″
fa-user»\f007″
fa-film»\f008″
fa-th-large»\f009″
fa-th»\f00a»
fa-th-list»\f00b»
fa-check»\f00c»
fa-times»\f00d»
fa-search-plus»\f00e»
fa-search-minus»\f010″
fa-power-off»\f011″
fa-signal»\f012″
fa-cog»\f013″
fa-trash-o»\f014″
fa-home»\f015″
fa-file-o»\f016″
fa-clock-o»\f017″
fa-road»\f018″
fa-download»\f019″
fa-arrow-circle-o-down»\f01a»
fa-arrow-circle-o-up»\f01b»
fa-inbox»\f01c»
fa-play-circle-o»\f01d»
fa-repeat»\f01e»
fa-refresh»\f021″
fa-list-alt»\f022″
fa-lock»\f023″
fa-flag»\f024″
fa-headphones»\f025″
fa-volume-off»\f026″
fa-volume-down»\f027″
fa-volume-up»\f028″
fa-qrcode»\f029″
fa-barcode»\f02a»
fa-tag»\f02b»
fa-tags»\f02c»
fa-book»\f02d»
fa-bookmark»\f02e»
fa-print»\f02f»
fa-camera»\f030″
fa-font»\f031″
fa-bold»\f032″
fa-italic»\f033″
fa-text-height»\f034″
fa-text-width»\f035″
fa-align-left»\f036″
fa-align-center»\f037″
fa-align-right»\f038″
fa-align-justify»\f039″
fa-list»\f03a»
fa-outdent»\f03b»
fa-indent»\f03c»
fa-video-camera»\f03d»
fa-picture-o»\f03e»
fa-pencil»\f040″
fa-map-marker»\f041″
fa-adjust»\f042″
fa-tint»\f043″
fa-pencil-square-o»\f044″
fa-share-square-o»\f045″
fa-check-square-o»\f046″
fa-arrows»\f047″
fa-step-backward»\f048″
fa-fast-backward»\f049″
fa-backward»\f04a»
fa-play»\f04b»
fa-pause»\f04c»
fa-stop»\f04d»
fa-forward»\f04e»
fa-fast-forward»\f050″
fa-step-forward»\f051″
fa-eject»\f052″
fa-chevron-left»\f053″
fa-chevron-right»\f054″
fa-plus-circle»\f055″
fa-minus-circle»\f056″
fa-times-circle»\f057″
fa-check-circle»\f058″
fa-question-circle»\f059″
fa-info-circle»\f05a»
fa-crosshairs»\f05b»
fa-times-circle-o»\f05c»
fa-check-circle-o»\f05d»
fa-ban»\f05e»
fa-arrow-left»\f060″
fa-arrow-right»\f061″
fa-arrow-up»\f062″
fa-arrow-down»\f063″
fa-share»\f064″
fa-expand»\f065″
fa-compress»\f066″
fa-plus»\f067″
fa-minus»\f068″
fa-asterisk»\f069″
fa-exclamation-circle»\f06a»
fa-gift»\f06b»
fa-leaf»\f06c»
fa-fire»\f06d»
fa-eye»\f06e»
fa-eye-slash»\f070″
fa-exclamation-triangle»\f071″
fa-plane»\f072″
fa-calendar»\f073″
fa-random»\f074″
fa-comment»\f075″
fa-magnet»\f076″
fa-chevron-up»\f077″
fa-chevron-down»\f078″
fa-retweet»\f079″
fa-shopping-cart»\f07a»
fa-folder»\f07b»
fa-folder-open»\f07c»
fa-arrows-v»\f07d»
fa-arrows-h»\f07e»
fa-bar-chart»\f080″
fa-twitter-square»\f081″
fa-facebook-square»\f082″
fa-camera-retro»\f083″
fa-key»\f084″
fa-cogs»\f085″
fa-comments»\f086″
fa-thumbs-o-up»\f087″
fa-thumbs-o-down»\f088″
fa-star-half»\f089″
fa-heart-o»\f08a»
fa-sign-out»\f08b»
fa-linkedin-square»\f08c»
fa-thumb-tack»\f08d»
fa-external-link»\f08e»
fa-sign-in»\f090″
fa-trophy»\f091″
fa-github-square»\f092″
fa-upload»\f093″
fa-lemon-o»\f094″
fa-phone»\f095″
fa-square-o»\f096″
fa-bookmark-o»\f097″
fa-phone-square»\f098″
fa-twitter»\f099″
fa-facebook»\f09a»
fa-github»\f09b»
fa-unlock»\f09c»
fa-credit-card»\f09d»
fa-rss»\f09e»
fa-hdd-o»\f0a0″
fa-bullhorn»\f0a1″
fa-bell»\f0f3″
fa-certificate»\f0a3″
fa-hand-o-right»\f0a4″
fa-hand-o-left»\f0a5″
fa-hand-o-up»\f0a6″
fa-hand-o-down»\f0a7″
fa-arrow-circle-left»\f0a8″
fa-arrow-circle-right»\f0a9″
fa-arrow-circle-up»\f0aa»
fa-arrow-circle-down»\f0ab»
fa-globe»\f0ac»
fa-wrench»\f0ad»
fa-tasks»\f0ae»
fa-filter»\f0b0″
fa-briefcase»\f0b1″
fa-arrows-alt»\f0b2″
fa-users»\f0c0″
fa-link»\f0c1″
fa-cloud»\f0c2″
fa-flask»\f0c3″
fa-scissors»\f0c4″
fa-files-o»\f0c5″
fa-paperclip»\f0c6″
fa-floppy-o»\f0c7″
fa-square»\f0c8″
fa-bars»\f0c9″
fa-list-ul»\f0ca»
fa-list-ol»\f0cb»
fa-strikethrough»\f0cc»
fa-underline»\f0cd»
fa-table»\f0ce»
fa-magic»\f0d0″
fa-truck»\f0d1″
fa-pinterest»\f0d2″
fa-pinterest-square»\f0d3″
fa-google-plus-square»\f0d4″
fa-google-plus»\f0d5″
fa-money»\f0d6″
fa-caret-down»\f0d7″
fa-caret-up»\f0d8″
fa-caret-left»\f0d9″
fa-caret-right»\f0da»
fa-columns»\f0db»
70+ ресурсов для тех, кому нужен бесплатный дизайнерский контент: иконки, шрифты, шаблоны, логотипы
Чтобы сделать группу «Вконтакте», сайт, презентацию или буклет чуточку дружелюбнее, не обязательно нанимать команду дизайнеров и нарушать авторские права. Иногда достаточно своими силами разработать дизайн логотипа и фавикон, а в сети найти бесплатный дизайнерский контент.
В статье мы собрали:
- 46 специализированных ресурсов: 29 – с иконками, 11 – со шрифтами, 6 – с PSD-шаблонами.
- 18 огромных архивов, где можно сразу найти всю необходимую графику.
- 7 сервисов по созданию логотипов и фавиконов.
Прежде чем использовать дизайнерский контент, проверьте лицензию. Разрешено коммерческое использование – смело обновляйте сайт. Если видите перечеркнутый доллар и надпись Non-Commercial или NC, ограничьтесь оформлением обучающих материалов и портфолио. Или обратитесь к правообладателю за разрешением.
Большинство контента в интернете распространяется по лицензиям Creative Commons. Если необходимо поставить ссылку на автора, добавьте ее в нижний колонтитул или на страницу «О нас».
29 сайтов с бесплатными иконками
Captain Icon
Марио из Испании предлагает вам бесплатно скачать 350 векторных иконок. Здесь нет определенной тематики, но много категорий: design, sports, social и др.
Иконки доступны в EPS, PSD, PNG, SVG, SKETCH форматах. По отдельности скачивать нельзя, все наборы – в одном архиве.
Dryicons
Dryicons – сервис, созданный командой энтузиастов: дизайнеров и программистов. Здесь представлено свыше 5 000 иконок в 77 сетах.
Условия бесплатного использования: простановка обратной ссылки.
Ego Icons
Ego Icons созданы на основе базовых геометрических фигур: треугольников, шестиугольников, ломаных линий. Они представлены на сайте в форматах SVG, PDF, AI, SKETCH, EPS и ICONJAR.
Бесплатно можно использовать только 100 иконок. Платный доступ ко всем 3 600 значкам стоит 127 долларов.
Endless Icons
Мин Ким основал Endless Icons, чтобы делиться креативом с дизайнерским сообществом. В его библиотеке – сотни бесплатных черно-белых иконок в PNG и SVG.
Вы можете использовать Endless Icons и в личных, и в коммерческих целях.
Entypo
На entypo.com – свыше 400 премиум-иконок от Дэниэля Брюса.
Контент распространяется по лицензии Creative Commons, значит, необходимо указать авторство. Коллекцию Entypo можно использовать для личных и коммерческих целей.
Часть иконок запрещена для коммерческого использования. Откройте страницу с понравившимся набором и уточните лицензию, прежде чем скачивать файлы.
Flaticon
Flaticon – огромное хранилище иконок от создателей Freepik.
Сайт предлагает свыше 500 000 векторных иконок, объединенных в 9 700 наборов. Они доступны для скачивания в форматах PNG, SVG, EPS, PSD и BASE 64. Прежде чем загрузить иконку, вы можете поменять цвет и выбрать размер.
Бесплатное использование – только с указанием авторства. Подписка за 10 долларов в месяц позволит использовать 400 обычных и 88 премиум-значков без обратных ссылок.
Glyphicons
Ищете минималистичные и монохромные иконки – посмотрите на glyphicons.com, там их более 800. Благодаря веб-шрифту и формату SVG иконки можно использовать при разработке сайтов, инфографики, мобильных приложений под iOS и Android.
Если не хотите платить, придется столкнуться с ограничением. Бесплатно – только базовый набор глификонов, один формат и минимальный размер.
Good stuff no nonsense
Основатель проекта – Агата, дизайн-иллюстратор из Польши. Разработка иконок – ее хобби.
На goodstuffnononsence.com можно скачать 5 наборов бесплатных иконок. Кажется, что контента мало, но он – высочайшего качества. Автор оформляет иконки вручную, они выглядят прекрасно.
Если вам понравится стиль, можно нажать “See All” и перейти к выбору платных сетов.
Icojam
Icojam.com принадлежит команде дизайнеров, создающих иконки более 10 лет. Часть наборов продают, часть – раздают бесплатно.
Умного поиска нет, иконки опубликованы в блоге.
Последнее сообщение оставлено почти год назад, но, возможно, вас заинтересуют ранние записи. На Icojam опубликованы тысячи ярких и красочных иконок.
Мы занимаемся разработкой фирменного стиля. Если нужно – обращайтесь! На период кризиса у нас снижены цены. ПодробнееIcon Archive
На iconarchive.com представлено более полумиллиона бесплатных иконок и почти 2 500 наборов. Так как библиотека большая, пользуйтесь фильтрами – ищите нужные иконки по стилю, категории и размеру, типу лицензии.
Сохранить иконку на компьютер можно в форматах PNG, ICO и ICNS.
Iconfinder
Пользователям iconfinder.com открыт доступ к 1 926 000 бесплатных и премиум-иконок.
Здесь большой выбор размеров, форматов и тем.
Iconmonstr
В библиотеке немецкого дизайнера Alexander Kahlkopf собрано более 3 800 черно-белых иконок. Они хорошо оптимизированы для веба и доступны в форматах SVG, EPS, PSD и PNG.
Иконки предназначены для коммерческого использования. Указывать автора не обязательно.
Icons8
На icons8.com – почти 57 000 иконок, база пополняется ежедневно. Интерфейс дружественный: удобно искать иконки, ходить по категориям, выбирать размеры и форматы.
Бесплатный тариф предусматривает ограничения на размер файла (максимум – 100 пикселей), выбор формата (только PNG) и способ использования (ссылка – обязательна). Хотите без ограничений – покупайте подписку от 20 долларов в месяц.
Фишка icons8 – мобильное приложение. Оно включает всю базу иконок, позволяет их окрашивать в любой цвет и перетаскивать в один клик в Photoshop.
Iconshok
Iconshock – это два миллиона иконок, 800 наборов и 30 стилей.
Скачивайте иконки для личного пользования (например, для оформления резюме) и коммерческих целей (с указанием ссылки) абсолютно бесплатно. Другие лимиты free pack: размер до 72 пикселей, отсутствие исходных файлов, запрет редактирования. Чтобы снять все ограничения, нужно купить годовую подписку за 79 долларов.
Noun Project
В коллекции проекта более миллиона иконок, новые появляются ежедневно. Можно найти картинки на любую тему и быстро скачать их в формате PNG и SVG.
Бесплатные иконки требуют указания автора. Если не хотите ставить ссылку, покупайте поштучно или оформите подписку за 10 долларов в месяц.
Oxygenna
Oxygenna – небольшое дизайнерское агентство, которое специализируется на темах WordPress. Кроме платного контента, там есть раздел freebies с бесплатными наборами иконок.
Скачивайте с oxygenna.com уникальные наборы иконок в PNG, PSD и AI.
Round Icons
Команда Round Icons любит создавать креативные иконки: «жирные», изометрические, круглые и другие. Всего на сайте их – 30 500 штук, но доступ ко всей коллекции стоит денег. Если не готовы платить, получите на email бесплатные наборы.
Ссылаться на roundicons.com необходимо в том случае, если вы используете иконки для массового коммерческого продукта (шаблона или темы).
Squid Ink
На «Чернилах Кальмара» – красивые векторные иконки. Бесплатно вы получаете доступ к 50 файлам для неограниченного использования в личных и коммерческих проектах.
Весь набор от Squid Ink, включающий 2 000 иконок, продается за 65 долларов.
Tilda
Команда «Тильды» предлагает владельцам лендингов в обмен на обратную ссылку свыше 700 иконок по 43 бизнес-темам («образование», «вебинар», «фотостудия» и др.). Иконки разрешено использовать в коммерческих проектах.
Если вы не нашли подходящий вариант, напишите пожелания в специальную форму. Она находится в нижней части страницы.
Ionicons
Ionicons – это около 400 красивых черно-белых дизайнерских иконок. Коллекция предназначена для использования в вебе, андроид- и iOS-приложениях, десктопных программах.
Можно скачивать отдельные иконки в формате SVG или все сразу – архивом.
Контент распространяется по MIT, лицензии открытого программного обеспечения. То есть иконки можно свободно использовать, в том числе для коммерческих целей.
Feathericons
На feathericons.com – набор из 250+ простых и черно-белых, но красивых опенсорс-иконок. Автор – Cole Bemis, дизайнер и фронтенд-разработчик.
Иконки отсортированы по алфавиту, также есть поиск по названию. Понравившийся контент можно скачать в 1 клик в формате SVG.
Все иконки можно использовать свободно, однако если хочется поблагодарить автора – в верхнем меню есть кнопка «Donate».
Ikonate
Ikonate – не просто набор из 200+ иконок, это целый конструктор иконок. Можно поменять размер, толщину линий, стиль и цвет – сделать дизайнерский контент, наиболее подходящий для вашего проекта.
Иконки экспортируются в SVG, а затем их можно использовать абсолютно свободно.
Icofont
На icofont.com собрано свыше 2 000 черно-белых иконок, распределенных по десяткам различных тем: медицина, еда, редактура, навигация, бренды и др. Можно скачивать контент по отдельности или сначала собрать в коллекцию.
Чтобы не скролить страницу в поиске нужной иконки, воспользуйтесь поиском.
Иконки с icofont не простые, а шрифтовые. Поэтому в архиве будут не SVG-файлы, а CSS и TTF. Подробная инструкция по установке на сайт и использованию в графических редакторах – в разделе «how to use».
Boxicons
Boxicons – это почти 800 векторных иконок: высококачественных и дружелюбных к вебу. Чтобы облегчить задачу дизайнерам и блогерам, на сайте есть сортировка по категориям. Всего их больше двадцати (code, social, editors, business, e-commerce и др.).
Иконки можно напрямую встраивать на сайт, использовать в качестве шрифта или скачивать в формате SVG. Контент подходит для коммерческих проектов, на это нет никаких запретов.
Ikons
Ikons – это 300 бесплатных масштабируемых векторных иконок от Piotr Adam Kwiatkowski, продуктового дизайнера. По отдельности они не скачиваются, только архивом.
Набор предназначен для дизайнеров и разработчиков.
Форматы иконок: VG, AI, ESP, PSD, CSH и PNG. Весь контент доступен для личного и коммерческого использования.
IconBros
IconBros – 950+ иконок, объединенных в десятки коллекций (SEO & marketing, business, emoticons и др.). Есть поиск, но нет возможности скачать все архивом или хотя бы одну коллекцию целиком.
Иконки можно скачать в двух форматах: SVG и PNG. Лицензия позволяет использовать продукт и в некоммерческих, и в коммерческих целях. Однако нельзя делать иконку частью логотипа, торговой или сервисной марки.
To icon
To icon – проект дизайнерского агентства из Амстердама. На сайте вы найдете 20 коллекций с 4 000+ иконками. Есть и черно-белые, и цветные.
Дизайнерский контент доступен для скачивания в формате SVG. Иконки бесплатные и их можно использовать как угодно, главное – поставить ссылку на toicon.com.
Iconstore
Iconstore – набор из 200+ иконок в 28 категориях: travel, sport, social media, communication и др. Контента не очень много, но он – от первоклассных дизайнеров.
Иконки доступны в SVG, разрешены и для личного, и для коммерческого использования. Атрибуция необязательна.
Jam Icons
Jam – набор из 900 иконок в 5 категориях: web, player, arrows, text, social. Скачать их можно только сразу в общем архиве.
В скачанном файле контент будет представлен в трех форматах: JavaScript, CSS / Font, SVG. На jam-icons.com есть подробная инструкция, как работать с каждым. Использовать иконки можно как угодно, лицензия – MIT.
Как создавать сайты: 33+ обучающих статьи и видео12 ресурсов с бесплатными шрифтами
«Бесплатные шрифты» (VK)
Пользователям «Вконтакте» удобнее будет искать бесплатные шрифты не покидая соцсеть. Подобрать нужный шрифт в сообществе vk.com/shrift можно по хештегам. К каждому посту прикреплен файл в формате OTF / TTF или архив с несколькими файлами.
Если вы хотите поделиться бесплатными шрифтами, предложите новость в группу. Лента сообщества обновляется регулярно.
1001 Fonts
Библиотека 1001 Fonts насчитывает свыше 15 000 шрифтов. Ищите нужные шрифты по размеру, типу лицензии и теме.
1001fonts.com позволяет настроить каждый шрифт, как вам хочется: меняйте цвет, размер и текст в пару кликов.
Abstract Fonts
В каталоге abstractfonts.com подходящие шрифты можно найти по названию, категории и имени разработчика.
В коллекции Abstract Fonts – около 13 000 бесплатных шрифтов, доступных для скачивания. Среди них 150 – кириллических.
Dafont
Ищете большую коллекцию бесплатных легальных шрифтов? На сайте dafont.com их более 30 000.
На главной странице проекта – простая и понятная инструкция по установке шрифтов.
Font Fabric
Большинство шрифтов на сайте, кроме “Baron” и “Muller Narrow”, можно использовать бесплатно для личных и коммерческих проектов.
Всего на fontfabric.com представлено 125 шрифтов, 59 из которых поддерживают кириллицу.
Font Squirrel
Font Squirrel – агрегатор шрифтов, разрешенных для коммерческого использования. Если видите значок в виде земного шара, значит, шрифт можно встроить на сайт через CSS.
Еще на fontsquirrel.com есть полезный инструмент Matcherator. Загрузите туда любую картинку с текстом и узнайте названия шрифтов.
Font Storage
В коллекции Font Storage – 650 шрифтов. Шрифты распределены по следующим категориям: без засечек, с засечками, моноширинные, декоративные. Также каждому шрифту присвоены теги (retro, gothic и пр.).
У сайта есть русская версия, что удобно.
FontSpace
На fontspace.com размещено более 30 000 бесплатных шрифтов. Есть поиск по тегам и удобный предпросмотр. Если вам нужно показать результаты поиска другому человеку, сгенерируйте постоянную ссылку.
Чтобы узнать тип лицензии, достаточно навести курсор.
Google Fonts
Библиотека шрифтов от Alphabet Inc. Этот популярный сервис поможет подобрать и скачать шрифты на все случаи жизни.
Google Fonts сразу покажет, если шрифт поддерживает кириллицу.
Befonts
Befonts – каталог бесплатных авторских шрифтов. Всего их представлено больше 5 000, кириллических – около 100. Постоянно появляются новые.
Можно отсортировать шрифты по категориям и популярности, также есть поиск по названию.
Несмотря на то, что шрифты бесплатные, некоторые разрешены только для личного пользования. Надо внимательно читать описание перед тем, как скачать.
Pinspiry
На pinspiry.com – в разделе «Free Fonts» – представлено почти 900 бесплатных шрифтов, предназначенных для личного и / или коммерческого использования. Кириллических – около 80.
В каталоге сразу не видно, какая лицензия у шрифта. Чтобы узнать это и скачать архивы, нужно переходить на отдельные страницы.
Какой должна быть типографика на сайте?6 ре
Представляем шрифты для иконок и веб-шрифты — Flaticon
- Авторы
- Пакеты
- Дополнительные инструменты
Прочие товары
Freepik Бесплатные векторы, фото и PSD Онлайн-редактор Freepik Редактируйте свои шаблоны Freepik Slidesgo Бесплатные шаблоны для презентаций Сюжет Бесплатные редактируемые иллюстрацииИнструменты
Образец значка Создавайте шаблоны значков для своих обоев или социальных сетейGoogle Workspace
Иконки для слайдов и документов +2.5 миллионов бесплатных настраиваемых значков для ваших слайдов, документов и таблиц - английский
- Español
- английский
- Deutsch
- Portuguès
- Français
- 한국어
- Стать автором
- Стоимость
- Бесплатная регистрация
Icon | Описание | Пример |
---|---|---|
fa fa-адресная книга | Попробуй | |
fa fa-address-book-o | Попробуй | |
fa fa-адресная карта | Попробуй | |
fa fa-address-card-o | Попробуй | |
fa fa-adjust | Попробуй | |
fa fa-перевод на американский язык жестов | Попробуй | |
fa fa-анкер | Попробуй | |
fa fa-архив | Попробуй | |
fa fa-area-диаграмма | Попробуй | |
fa fa-стрелки | Попробуй | |
fa fa-стрелки-h | Попробуй | |
fa fa-стрелки-v | Попробуй | |
fa fa-asl-устный перевод | Попробуй | |
fa fa-вспомогательные аудиосистемы | Попробуй | |
fa fa-звездочка | Попробуй | |
fa fa-at | Попробуй | |
fa fa-car | Попробуй | |
fa fa-audio-description | Попробуй | |
fa fa-весы-весы | Попробуй | |
fa fa-ban | Попробуй | |
fa fa-bank | Попробуй | |
fa fa-гистограмма | Попробуй | |
fa fa-bar-chart-o | Попробуй | |
fa fa-штрих-код | Попробуй | |
fa fa-бары | Попробуй | |
fa fa-ванна | Попробуй | |
fa fa-ванна | Попробуй | |
fa fa-аккумулятор-0 | Попробуй | |
fa fa-аккумулятор-1 | Попробуй | |
fa fa-аккумулятор-2 | Попробуй | |
fa fa-аккумулятор-3 | Попробуй | |
fa fa-аккумулятор-4 | Попробуй | |
fa fa-батарея разряжена | Попробуй | |
fa fa-аккумулятор полный | Попробуй | |
fa fa-батарея-половина | Попробуй | |
fa fa-аккумулятор квартал | Попробуй | |
fa fa-battery-три четверти | Попробуй | |
fa fa-кровать | Попробуй | |
фа фа-пиво | Попробуй | |
fa fa-bell | Попробуй | |
fa fa-bell-o | Попробуй | |
fa fa-bell-slash | Попробуй | |
fa fa-bell-slash-o | Попробуй | |
fa fa-велосипед | Попробуй | |
fa fa-бинокль | Попробуй | |
фа фа-день рождения-торт | Попробуй | |
fa fa слепой | Попробуй | |
fa fa-болт | Попробуй | |
fa fa-bomb | Попробуй | |
fa fa-book | Попробуй | |
fa fa-закладка | Попробуй | |
fa fa-bookmark-o | Попробуй | |
fa fa-braille | Попробуй | |
fa fa-портфель | Попробуй | |
fa fa-bug | Попробуй | |
fa fa-building | Попробуй | |
fa fa-building-o | Попробуй | |
фа фа-мегафон | Попробуй | |
fa fa-bullseye | Попробуй | |
fa fa-автобус | Попробуй | |
fa fa-cab | Попробуй | |
fa fa-калькулятор | Попробуй | |
fa fa-календарь | Попробуй | |
fa fa-calendar-o | Попробуй | |
fa fa-calendar-check-o | Попробуй | |
fa fa-calendar-minus-o | Попробуй | |
fa fa-calendar-plus-o | Попробуй | |
fa fa-calendar-times-o | Попробуй | |
fa fa-камера | Попробуй | |
fa fa-camera-ретро | Попробуй | |
fa fa-car | Попробуй | |
fa fa-caret-square-o-down | Попробуй | |
fa fa-caret-square-o-left | Попробуй | |
fa fa-caret-square-o-right | Попробуй | |
fa fa-caret-square-o-up | Попробуй | |
fa fa-cart-arrow-down | Попробуй | |
fa fa-cart-plus | Попробуй | |
fa fa-cc | Попробуй | |
fa fa-сертификат | Попробуй | |
fa fa-check | Попробуй | |
fa fa-check-circle | Попробуй | |
fa fa-check-circle-o | Попробуй | |
fa fa-check-square | Попробуй | |
fa fa-check-square-o | Попробуй | |
fa fa-child | Попробуй | |
fa fa-circle | Попробуй | |
fa fa-circle-o | Попробуй | |
fa fa-circle-o-notch | Попробуй | |
fa fa-тонкий круг | Попробуй | |
fa fa-clock-o | Попробуй | |
fa fa-clone | Попробуй | |
fa fa-close | Попробуй | |
fa fa-облако | Попробуй | |
fa fa-cloud-скачать | Попробуй | |
fa fa-cloud-upload | Попробуй | |
fa fa-code | Попробуй | |
fa fa-code-вилка | Попробуй | |
fa fa-coffee | Попробуй | |
fa fa-cog | Попробуй | |
fa fa-cogs | Попробуй | |
fa fa-comment | Попробуй | |
fa fa-comment-o | Попробуй | |
fa fa-комментарии | Попробуй | |
fa fa-comments-o | Попробуй | |
fa fa-commenting | Попробуй | |
fa fa-commenting-o | Попробуй | |
fa fa-compass | Попробуй | |
fa fa-copyright | Попробуй | |
fa fa-кредитная карта | Попробуй | |
fa fa-кредитная карта-alt | Попробуй | |
fa fa-creative-commons | Попробуй | |
fa fa-урожай | Попробуй | |
fa fa-прицел | Попробуй | |
fa fa-cube | Попробуй | |
fa fa-cubes | Попробуй | |
fa fa-столовые приборы | Попробуй | |
fa fa-приборная панель | Попробуй | |
fa fa-база данных | Попробуй | |
фа фа глухой | Попробуй | |
fa fa-глухота | Попробуй | |
fa fa-desktop | Попробуй | |
fa fa-алмаз | Попробуй | |
fa fa-dot-circle-o | Попробуй | |
fa fa-download | Попробуй | |
fa fa-водительские права | Попробуй | |
fa fa-водительские права-o | Попробуй | |
fa fa-edit | Попробуй | |
fa fa-ellipsis-h | Попробуй | |
fa fa-ellipsis-v | Попробуй | |
fa fa-envelope | Попробуй | |
fa fa-envelope-o | Попробуй | |
fa fa-envelope-open | Попробуй | |
fa fa-envelope-open-o | Попробуй | |
fa fa-envelope-square | Попробуй | |
fa fa-ластик | Попробуй | |
fa fa-exchange | Попробуй | |
fa fa-восклицательный | Попробуй | |
fa fa-восклицательный круг | Попробуй | |
fa fa-восклицательный треугольник | Попробуй | |
fa fa-external-link | Попробуй | |
fa fa-external-link-square | Попробуй | |
fa fa-eye | Попробуй | |
фа фа-глаз-косая черта | Попробуй | |
fa fa-пипетка | Попробуй | |
fa fa-fax | Попробуй | |
fa fa-female | Попробуй | |
fa fa реактивный истребитель | Попробуй | |
fa fa-file-archive-o | Попробуй | |
fa fa-file-audio-o | Попробуй | |
fa fa-file-code-o | Попробуй | |
fa fa-file-excel-o | Попробуй | |
fa fa-file-image-o | Попробуй | |
fa fa-file-movie-o | Попробуй | |
fa fa-file-pdf-o | Попробуй | |
fa fa-file-photo-o | Попробуй | |
fa fa-file-picture-o | Попробуй | |
fa fa-file-powerpoint-o | Попробуй | |
fa fa-file-sound-o | Попробуй | |
fa fa-file-video-o | Попробуй | |
fa fa-file-word-o | Попробуй | |
fa fa-file-zip-o | Попробуй | |
fa fa-film | Попробуй | |
fa fa-фильтр | Попробуй | |
fa fa-fire | Попробуй | |
fa fa-огнетушитель | Попробуй | |
fa fa-flag | Попробуй | |
fa fa-flag в клетку | Попробуй | |
fa fa-flag-o | Попробуй | |
fa fa-flash | Попробуй | |
fa fa-колба | Попробуй | |
fa fa-папка | Попробуй | |
fa fa-folder-o | Попробуй | |
fa fa-folder-open | Попробуй | |
fa fa-folder-open-o | Попробуй | |
fa fa-frown-o | Попробуй | |
фа фа-футбол-о | Попробуй | |
fa fa-геймпад | Попробуй | |
fa fa-gavel | Попробуй | |
fa fa-gear | Попробуй | |
fa fa-шестерни | Попробуй | |
fa fa-бесполый | Попробуй | |
fa fa-gift | Попробуй | |
fa fa-стекло | Попробуй | |
fa fa-глобус | Попробуй | |
fa fa-градация-крышка | Попробуй | |
fa fa-group | Попробуй | |
fa fa-слабослышащие | Попробуй | |
fa fa-hdd-o | Попробуй | |
fa fa-handshake-o | Попробуй | |
fa fa-хэштег | Попробуй | |
fa fa-наушники | Попробуй | |
fa fa-heart | Попробуй | |
fa fa-heart-o | Попробуй | |
fa fa-сердцебиение | Попробуй | |
fa fa-история | Попробуй | |
fa fa-home | Попробуй | |
фа фа-отель | Попробуй | |
fa fa-песочные часы | Попробуй | |
fa fa-песочные часы-1 | Попробуй | |
fa fa-песочные часы-2 | Попробуй | |
fa fa-песочные часы-3 | Попробуй | |
fa fa-песочные часы-конец | Попробуй | |
fa fa-песочные часы-половина | Попробуй | |
fa fa-песочные часы-o | Попробуй | |
fa fa-песочные часы-старт | Попробуй | |
fa fa-i-cursor | Попробуй | |
fa fa-id-badge | Попробуй | |
fa fa-id-card | Попробуй | |
fa fa-id-card-o | Попробуй | |
fa fa-image | Попробуй | |
fa fa-inbox | Попробуй | |
fa fa-промышленность | Попробуй | |
fa fa-info | Попробуй | |
fa fa-info-circle | Попробуй | |
fa fa-учреждение | Попробуй | |
fa fa-key | Попробуй | |
fa fa-keyboard-o | Попробуй | |
fa fa-language | Попробуй | |
fa fa-ноутбук | Попробуй | |
fa fa-лист | Попробуй | |
fa fa-legal | Попробуй | |
фа фа-лимон-о | Попробуй | |
fa fa-level-down | Попробуй | |
fa fa-level-вверх | Попробуй | |
fa fa-life-bouy | Попробуй | |
fa fa-спасательный круг | Попробуй | |
fa fa-спасательное кольцо | Попробуй | |
fa fa-life-saver | Попробуй | |
fa fa-lightbulb-o | Попробуй | |
fa fa-линейная диаграмма | Попробуй | |
fa fa-местоположение-стрелка | Попробуй | |
fa fa-lock | Попробуй | |
fa fa-слабовидящие | Попробуй | |
фа фа-магия | Попробуй | |
fa fa-магнит | Попробуй | |
fa fa-mail-forward | Попробуй | |
fa fa-mail-reply | Попробуй | |
fa fa-mail-reply-all | Попробуй | |
fa fa-мужской | Попробуй | |
fa fa-map | Попробуй | |
fa fa-map-o | Попробуй | |
fa fa-map-pin | Попробуй | |
fa fa-map-знаки | Попробуй | |
fa fa-map-marker | Попробуй | |
fa fa-meh-o | Попробуй | |
fa fa-микрочип | Попробуй | |
fa fa-микрофон | Попробуй | |
fa fa-микрофон-слэш | Попробуй | |
fa fa-minus | Попробуй | |
фа фа-минус-круг | Попробуй | |
фа фа минус квадрат | Попробуй | |
fa fa-minus-square-o | Попробуй | |
fa fa-mobile | Попробуй | |
fa fa-mobile-phone | Попробуй | |
fa fa-money | Попробуй | |
fa fa-moon-o | Попробуй | |
fa fa-миномет-доска | Попробуй | |
fa fa-мотоцикл | Попробуй | |
fa fa-указатель мыши | Попробуй | |
фа фа-музыка | Попробуй | |
fa fa-navicon | Попробуй | |
fa fa-газета-o | Попробуй | |
fa fa-объект-группа | Попробуй | |
fa fa-объект-разгруппировать | Попробуй | |
fa fa-кисть | Попробуй | |
fa fa-paper-plane | Попробуй | |
fa fa-paper-plane-o | Попробуй | |
fa fa-paw | Попробуй | |
fa fa-карандаш | Попробуй | |
fa fa-карандаш-квадрат | Попробуй | |
fa fa-карандаш-квадрат-o | Попробуй | |
fa fa-проц | Попробуй | |
fa fa-phone | Попробуй | |
fa fa-phone-square | Попробуй | |
fa fa-photo | Попробуй | |
fa fa-picture-o | Попробуй | |
fa fa-круговая диаграмма | Попробуй | |
fa fa-plane | Попробуй | |
fa fa-plug | Попробуй | |
fa fa-plus | Попробуй | |
fa fa-plus-circle | Попробуй | |
fa fa-plus-square | Попробуй | |
fa fa-plus-square-o | Попробуй | |
fa fa-podcast | Попробуй | |
fa fa-power-off | Попробуй | |
fa fa-print | Попробуй | |
fa fa-головоломка | Попробуй | |
fa fa-qrcode | Попробуй | |
fa fa-question | Попробуй | |
fa fa-вопрос-круг | Попробуй | |
fa fa-question-circle-o | Попробуй | |
fa fa-quote-left | Попробуй | |
fa fa-quote-right | Попробуй | |
fa fa-random | Попробуй | |
fa fa-recycle | Попробуй | |
fa fa-refresh | Попробуй | |
fa fa-зарегистрировано | Попробуй | |
fa fa-remove | Попробуй | |
fa fa-reorder | Попробуй | |
fa fa-reply | Попробуй | |
fa fa-reply-all | Попробуй | |
fa fa-retweet | Попробуй | |
fa fa-road | Попробуй | |
fa fa-ракета | Попробуй | |
fa fa-rss | Попробуй | |
fa fa-rss-square | Попробуй | |
fa fa-s15 | Попробуй | |
fa fa-search | Попробуй | |
fa fa-search-minus | Попробуй | |
fa fa-search-plus | Попробуй | |
fa fa-send | Попробуй | |
fa fa-send-o | Попробуй | |
fa fa-сервер | Попробуй | |
fa fa-share | Попробуй | |
fa fa-share-alt | Попробуй | |
fa fa-share-alt-square | Попробуй | |
fa fa-share-square | Попробуй | |
fa fa-share-square-o | Попробуй | |
fa fa-щит | Попробуй | |
fa fa-корабль | Попробуй | |
fa fa-shopping-bag | Попробуй | |
fa fa-корзина для покупок | Попробуй | |
fa fa-корзина | Попробуй | |
fa fa-душ | Попробуй | |
fa fa-вход | Попробуй | |
fa fa-выход | Попробуй | |
fa fa-язык жестов | Попробуй | |
fa fa-сигнал | Попробуй | |
fa fa-подписание | Попробуй | |
fa fa-карта сайта | Попробуй | |
fa fa-слайдеры | Попробуй | |
fa fa-smile-o | Попробуй | |
fa fa-snowflake-o | Попробуй | |
fa fa-soccer-ball-o | Попробуй | |
fa fa-sort | Попробуй | |
fa fa-sort-alpha-asc | Попробуй | |
fa fa-sort-alpha-desc | Попробуй | |
fa fa-sort-amount-asc | Попробуй | |
fa fa-sort-amount-desc | Попробуй | |
fa fa-sort-asc | Попробуй | |
fa fa-sort-desc | Попробуй | |
fa fa-sort-down | Попробуй | |
fa fa-sort-numeric-asc | Попробуй | |
fa fa-sort-numeric-desc | Попробуй | |
fa fa-sort-up | Попробуй | |
fa fa-космический челнок | Попробуй | |
fa fa-спиннер | Попробуй | |
fa fa-ложка | Попробуй | |
fa fa-square | Попробуй | |
fa fa-square-o | Попробуй | |
fa fa-star | Попробуй | |
fa fa-star-половина | Попробуй | |
fa fa-star полупустой | Попробуй | |
fa fa-star-half-full | Попробуй | |
fa fa-star-half-o | Попробуй | |
fa fa-star-o | Попробуй | |
fa fa-sticky-note | Попробуй | |
fa fa-sticky-note-o | Попробуй | |
fa fa-street-view | Попробуй | |
fa fa-чемодан | Попробуй | |
fa fa-sun-o | Попробуй | |
fa fa-support | Попробуй | |
fa fa-планшет |
Список классов Font Awesome Icons
500 пикселей
500px
адресная книга
адресная книга
адресная книга-о
адресная книга-о
адресная карта
адресная карта
адрес-карта-о
адрес-карта-о
отрегулировать
отрегулировать
и
и
выровнять по центру
align-center, текстовый редактор
выровнять-выровнять
выравнивание по ширине, текстовый редактор
по левому краю
выравнивание по левому краю, текстовый редактор
по правому краю
выравнивание по правому краю, текстовый редактор
амазонка
амазонка
скорая помощь
скорая помощь, медицинская
переводчик с американского языка жестов
Переводчик с американского языка жестов, доступность
анкер
якорь
андроид
андроид
ангеллист
ангеллист
угол двойной вниз
угол двойной-вниз, стрелка
угловой двойной левый
угол-двойной-левый, стрелка
угловой двойной правый
угол-двойной-правый, стрелка
угловой двойной
угловой двойной, стрелка
угол вниз
угол вниз, стрелка
угловой левый
угол влево, стрелка
угловой правый
угол-вправо, стрелка
угол вверх
угол вверх, стрелка
яблоко
яблоко
архив
архив
диаграмма
диаграмма с областями
стрелка-кружок-вниз
стрелка-кружок-вниз, стрелка
стрелка-кружок-влево
стрелка-кружок-влево, стрелка
стрелка-кружок-вниз
стрелка-круг-о-вниз, стрелка
стрелка-кружок-влево
стрелка-круг-о-влево, стрелка
стрелка-кружок-вправо
стрелка-круг-о-вправо, стрелка
стрелка-кружок-вверх
стрелка-кружок-вверх, стрелка
стрелка-кружок-вправо
стрелка-кружок-вправо, стрелка
кружок вверх
стрелка-кружок вверх, стрелка
стрелка вниз
стрелка вниз, стрелка
стрелка влево
стрелка-влево, стрелка
стрелка вправо
стрелка вправо, стрелка
стрелка вверх
стрелка вверх, стрелка
стрелки
стрелки, стрелка
стрелки-альт
стрелки-альт, стрелка, игрок
стрелки-h
стрелка-h, стрелка
стрелки-v
стрелки-v, стрелка
asl-устный перевод
asl-устный перевод, доступность
Вспомогательные слуховые аппараты
вспомогательные аудиосистемы, доступность
звездочка
звездочка
at
в
аудио-описание
аудио-описание, доступность
автомобильный
автомобиль, транспорт
назад
назад, игрок
весы
весы
бан
бан
Bandcamp
Bandcamp
банк
банк
гистограмма
гистограмма
гистограмма-o
гистограмма-o
штрих-код
штрих-код
бар
баров
ванна
ванна
ванна
ванна
аккумулятор
аккумулятор
аккумулятор-0
аккумулятор-0
аккумулятор-1
аккумулятор-1
аккумулятор-2
аккумулятор-2
аккумулятор-3
аккумулятор-3
аккумулятор-4
аккумулятор-4
тесто