Шрифт иконок: Все иконки Font Awesome

Содержание

Иконочные шрифты для верстальщиков — Программирование и не только

При разработке современных сайтов сложно представить жизнь без использования шрифтов, состоящих из иконок. Применение шрифтов с иконками дает огромные преимущества при разработке сайта — это работа с иконками как с обычным текстом (можно применять CSS-стили), они прекрасно масштабируются (являются векторными изображениями), уменьшение количества HTTP-запросов при отображении (на загрузку растровых изображений понадобилось бы больше запросов), меньший размер по сравнению с обычными изображениями, поддержка различными браузерами.

Конечно же, есть и такие недостатки как цвет иконки обычно ограничен одним цветом, а для использования недостаточно просто вставить иконку на страницу как при работе с обычными изображениями. Но данные недостатки легко компенсируются их преимуществами перед растровыми иконками.

Давайте рассмотрим бесплатные и полезные пакеты иконочных шрифтов.

Font Awesome

— данный бесплатный пакет иконок не нуждается в рекламе и известен всем frontend-разработчикам, да и не только им. В коллекции шрифта 675 иконок (на данный момент доступна версия 4.7.0). Пожалуй, один из самых популярных бесплатных шрифтов, который используется на многих сайтах и фреймворках. На сайте доступны примеры по работе с 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 или иконочные шрифты?

Иконочные шрифты для сайта

В последнее время, все чаще на сайтах используются иконочные шрифты. Иконочный шрифт — это шрифт, который содержит в себе набор иконок различной тематики. Таких шрифтов уже не мало, в этой статье расскажу о самых популярных и самых интересных из них.

Но сперва расскажем зачем нужны иконочные шрифты и стоит ли их подключать на сайт. Иконочные шрифты нужны для того, чтобы вам было проще оформлять свой сайт различными иконками. Представьте, как трудно подбирать различные иконки для своего сайта, ведь нужно учесть их размер, цвет, стиль, тематику и т.п. А как было бы просто, если бы вам не нужно было бы заниматься долгим и нудным подбором иконки для вашей статьи, какого-то информационного блока, заголовка и т.п., а просто прописать нужное обозначение иконки и вуаля, иконка уже отображается на вашем сайте!

Как подключить иконочный шрифт

Иконочные шрифты включают в себя сотни разнообразных иконок, различной тематики. Как правило они все выполнены в едином стиле, что упрощает их восприятие и делает ваш сайт более эстетичным. Подключение шрифта, не займет у вас много времени, а установка иконки займет у вас пару минут. Обычно для подключения иконочного шрифта нужно всего лишь вставить ссылку на шрифт в

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

Список иконочных шрифтов

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

  1. Font awesome 5, 6
    fontawesome.io
  2. Font awesome 4
    fontawesome.ru
  3. Fontello
    fontello.com
  4. Pictonic
    pictonic.co
  5. Open iconic
    useiconic.com
  6. Icons 8
    icons8.com
  7. 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
    • 한국어
  • Стать автором
  • Стоимость
  • Бесплатная регистрация

Font Awesome Web Application Icons

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

  • тесто

  • .
    Оставить комментарий

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *