Шрифт icomoon: ❍ IcoMoon — icon packs

IcoMoon – шрифты с иконками и css спрайты для сайта

Здравствуйте, уважаемые друзья. Сегодня я хочу рассказать вам о сервисе IcoMoon, который позволяет создавать шрифты с иконками (иконочные шрифты).

Шрифты с иконками (иконочные) – это обычные шрифты, только символы представлены в виде иконок. Что позволяет управлять ими с помощью CSS стилей, так же, как и обычными шрифтами.

Такие иконки сейчас очень популярны при создании различных интернет-проектов. Пример таких иконок вы можете увидеть на моём блоге – это иконки социальных сетей, метаданных, обозначение комментариев и так далее.

Я уже рассказывал вам о применении таких иконок при создании сайта, когда речь шла о псевдоэлементах before и after. Где в качестве инструмента для подбора иконок использовался сервис Awesome.

Содержание

1. Возможности сервиса IcoMoon.
2. Преимущества и недостатки шрифтов с иконками.
3. Как создать шрифт с иконками и css спрайты в сервисе IcoMoon?
4. Как создать css спрайт из иконок?
5. Как создать шрифт с иконками?
6. Как установить иконочные шрифты на сайт?

Возможности сервиса IcoMoon.

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

В сервисе на выбор есть бесплатные наборы иконок и платные. В бесплатном доступе у вас будет 490 иконок.

Все иконки – это векторные изображения, которые вы можете скачать в формате SVG, PDF, EPS, Ai. А в платном пакете и в рабочем формате фотошопа PSD.

Все иконки, созданные с помощью сервиса, оптимизированы и соответствуют стандартным размерам шрифтов. Что позволяет удобно и быстро масштабировать их, при необходимости.

Пакеты доступных иконок

Вы также можете загружать свои собственные иконки и делать из них шрифты. А ещё вы можете установить приложение IcoMoon для браузера Гугл Хром и работать с иконками даже без подключения к сервису.

Сервис в режиме реального времени формирует ссылки, стили и коды для быстрого внедрения в вашем проекте.

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

1 – гибкое управление цветом, размером и другими эффектами с помощью CSS стилей.

2 – масштабировать иконки так же легко, как и шрифты без потери качества.

3 – иконки одинаково хорошо смотрятся на различных экранах устройств. То есть они адаптивные.

4 – все иконки в проекте загружаются одним http запросом. Что ускоряет загрузку сайта в целом.

5 – иконки, как буквы в тексте, очень мало весят и загружаются моментально.

6 – шрифты иконки совместимы со всеми браузерами.

7 – скачав шрифты, вы можете использовать их в локальных проектах.

К недостаткам можно отнести то, что на некоторых мобильных браузерах иконки всё-таки не отображаются.

Иконки созданы по сетке 16Х16, 32Х32 и так далее. Так вот если вы захотите использовать нестандартный размер, то без дополнительных стилей css не обойтись.

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

Как создать шрифт с иконками и css спрайты в сервисе IcoMoon?

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

Но как правило, для проекта не нужно столько иконок и достаточно выбрать только самые необходимые. Для этого нажимаем на кнопку IcoMoon App.

Включаем генератор иконок

Перед вами откроется набор бесплатных иконок, с которыми вы можете работать, а также сможете добавить иконки из библиотеки и свои тоже.

Доступные инструменты генератора

Изначально представлены лишь основные иконки, дополнительные можно выбрать из библиотеки. Для этого нужно пролистать страницу вниз и нажать на ссылку Add Icons From Library…. После чего выбираете понравившиеся иконки и нажимаете на кнопку Add.

Добавление иконок из библиотеки

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

Как создать css спрайт из иконок?

Для начала выбираете нужные иконки. Для этого просто нажимаете по нужным изображениям. Если необходимо выстроить иконки в определённой последовательности, то можно использовать инструмент перемещение и выставить иконки как надо.

После, нажимаете на кнопку Generate SVG, PNG, PDF.

Создание спрайта

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

Изменение параметров спрайта

По умолчанию для скачивания выбраны форматы иконок SVG и PNG. А нам ещё нужно выбрать формат css спрайта и задать параметры отступа. Также можно добавить фоновое изображение и изменить цвет, но это уже по желанию.

Для того чтобы выбрать формат спрайта нажмите на кнопку Preferences – отметьте чекбокс Include Tiles (css sprite) и задайте отступы между иконками.

Выбор формата css спрайт

После того как свойства определены, нажимаете на кнопку Download, внизу экрана и скачиваете архив со всеми необходимыми файлами. Где у вас будут и файлы с изображениями, и стили css.

Файлы спрайта

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

Скачать спрайт

Примечание: в стилях для спрайтов указан путь к файлу в формате SVG, вы же, используйте файл в формате PNG, его же и загружайте на хостинг. Файлы в этом формате меньше весят на 40-50%.

Как создать шрифт с иконками?

Точно так же, как и в примере со спрайтом, выбираете необходимые иконки, только в этот раз нажимаете на кнопку Generate Font, внизу экрана.

Создание иконочного шрифта

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

Свойства шрифта

Перед сохранением и скачиванием шрифта, откройте свойства Preferences и отметьте чекбокс Support IE7 & IE6. Это обеспечит показ иконок на старых браузерах. Правда, это обеспечение придётся ещё подключить к сайту.

Подключение поддержки старых браузеров

Для скачивания шрифта необходимо нажать на кнопку Download.

Скачивание шрифта

Вот и всё готово к установке на сайт.

Как установить иконочные шрифты на сайт?

О том, как установить css спрайты на сайт я уже рассказывал. Кому интересно, посмотрите статью по ссылке. Здесь же рассмотрим вариант использования шрифтов с иконками с сервиса IcoMoon.

Шаг 1.

Для начала нужно распаковать архив со шрифтами и скопировать папку Font на ваш хостинг. Для WordPress лучше скопировать эту папку в папку с темой.

Шаг 2.

В папке с архивом, который вы скачали с сервиса IcoMoon, есть файл style.css. Все стили из этого файла нужно перенести в ваш основной файл стилей. Я покажу именно такой пример. Но, можно переименовать этот файл и подключить его как отдельный файл стилей.

Вставить эти стили лучше всего в начале основного файла стилей, перед тегом body. Для этого открываем административную панель WordPress – «Внешний вид» – «Редактор» – «Таблица стилей (style.css)». И вставляем стили.

Вставка стилей шрифта

Шаг 3.

Теперь в нужном месте исходного кода нужно вставить код, отвечающий за вывод иконки.

Конструкция этого кода выглядит так:

<span></span>

где, icon-home3 – это название иконки.

Посмотреть название иконки можно в файле demo.html, который также находится в архиве, скачанном ранее с IcoMoon.

Просмотр имён иконок

В качестве наглядного примера я покажу, как добавить иконки в адаптивное меню.

Изначально вид меню имеет вот такой вид.

Вид меню без иконок

Теперь, необходимо в исходный код меню внедрить и код иконок, с учётом пунктов меню. Меню располагается в файле header.php. Вот именно его я открываю и рядом с названием пунктов меню добавляю код иконок. Прямо внутри ссылки. Так, иконка унаследует стили ссылки.

Вставка кода иконки

В итоге добавления шрифта с иконками, меню приобрело следующий вид.

Вид меню с иконками на компьютереВид меню с иконками на смартфоне

Согласитесь, такое меню смотрится привлекательней. И всё благодаря шрифтам с иконками. Таким образом, иконки можно внедрить в любом месте на сайте, где это необходимо. А используя стили css, можно придать иконке нужный вид.

А теперь посмотрите видеоурок в котором я шаг за шагом показываю, как создать шрифты с иконками и как их установить на сайт.

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

С уважением, Максим Зайцев.

html — Использование иконочного шрифта icomoon, font-awesome и размеры блоков

Вопрос задан 1 год 5 месяцев назад

Изменён 1 год 5 месяцев назад

Просмотрен 131 раз

Использую иконочный шрифт (ICOMOON). Проблема заключается в том, что при размещении иконки в блоке div, он не подстраивается под размер самой иконки и занимает лишнее место. Как я понял c font-awesome такая же ерудна. Мне кажется, что дело в line-height, но не до конца уверен. Каким образом можно пофиксить это? Использую дефолтные стили браузера

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="stylesheet" href="fonts/font-icons.css" type="text/css">
</head>
<body>
    <!--MY OWN SET - ICOMOON-->
    <div>
        <i></i>
    </div>
    <div>
        <i></i>
    </div>
</body>
</html>

CSS

.hello {
    background-color: red;
    margin-bottom: 20px;
    font-size: 40px;
    color: black;
}
.hello__icon {
    background-color: antiquewhite;
}
. hello2 {
    background-color: red;
    margin-bottom: 20px;
    color: black;
}
.hello__icon2 {
    background-color: antiquewhite;
    font-size: 40px;
}

CSS из ICOMOON

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

• html
• css
• icon
• fontawesome

1

Нашел решение проблемы: задал для тега <i> display: block;

 i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

IcoMoon Demo

asu-icon-car

лига:

asu-icon-books2

лига:

asu-icon-wallet

лига:

asu-icon-plug

лига:

асу-икона-медаль

лига:

asu-icon-mailbox

лига:

asu-icon-mapmarker

лига:

asu-icon-email

лига:

asu-icon-flash

лига:

asu-icon-game-controller

лига:

asu-icon-graduation-cap

liga:

asu-icon-search

лига:

asu-icon-search-plus

лига:

asu-icon-search-minus

лига:

asu-icon-file

лига:

асу-значок-часы

лига:

асу-значок-карандаш

лига:

asu-icon-chevron-left

лига:

asu-icon-chevron-right

лига:

asu-icon-question-circle

liga:

asu-icon-info-circle

лига:

asu-icon-chevron-up

лига:

asu-icon-chevron-down

лига:

asu-icon-retweet

лига:

asu-icon-twitter

лига:

asu-icon-facebook-f

лига:

asu-значок-стрелка-кружок-влево

лига:

asu-icon-arrow-circle-right

liga:

asu-icon-arrow-circle-up

liga:

asu-значок-стрелка-кружок-вниз

лига:

asu-icon-cloud

лига:

asu-icon-cloud-download

лига:

asu-icon-cloud-upload

лига:

asu-icon-file-text

лига:

asu-icon-mobile

лига:

asu-icon-tweet-reply

лига:

asu-icon-anchor

liga:

asu-icon-play-circle

лига:

asu-icon-youtube

лига:

asu-icon-instagram

лига:

asu-icon-женщина

лига:

asu-icon-male

liga:

asu-icon-инвалидная коляска

лига:

asu-icon-file-pdf

лига:

asu-icon-file-word

лига:

asu-icon-file-excel

лига:

asu-icon-file-powerpoint

лига:

asu-icon-file-image

лига:

asu-icon-file-archive

лига:

asu-icon-file-audio

liga:

asu-icon-file-movie

лига:

asu-icon-file-code

лига:

asu-icon-life-bouy

liga:

asu-icon-cc

лига:

asu-icon-warning

liga:

asu-icon-pig

лига:

asu-icon-fax

лига:

asu-icon-hash

лига:

asu-icon-new-window

лига:

asu-icon-at

лига:

asu-icon-pointer

лига:

asu-icon-home

лига:

asu-icon-office

лига:

asu-icon-newspaper

liga:

asu-icon-quill

лига:

asu-icon-image

лига:

asu-icon-camera

лига:

asu-icon-наушники

лига:

asu-icon-music

лига:

asu-icon-play

лига:

asu-icon-film

лига:

asu-icon-bulhorn

лига:

asu-icon-wifi

лига:

asu-icon-book

лига:

asu-icon-books

liga:

asu-icon-tag

лига:

asu-icon-qrcode

лига:

asu-icon-ticket

лига:

asu-icon-cart

лига:

asu-icon-money

лига:

asu-icon-phone

лига:

asu-icon-address-book

liga:

asu-иконка-канцелярская кнопка

liga:

asu-icon-map

лига:

asu-icon-bell

лига:

asu-icon-календарь

лига:

asu-icon-printer

лига:

asu-icon-display

liga:

asu-icon-ноутбук

лига:

asu-icon-tablet

liga:

asu-icon-tv

лига:

asu-icon-floppy-disk

liga:

asu-icon-undo

лига:

asu-icon-redo

лига:

asu-icon-forward

лига:

asu-icon-ответ

лига:

asu-icon-chat

лига:

asu-icon-user

лига:

asu-icon-users

лига:

asu-icon-user-tie

лига:

asu-icon-quotes-left

liga:

asu-icon-quotes-right

liga:

asu-icon-key

лига:

asu-icon-lock

liga:

asu-icon-unlocked

лига:

asu-icon-wrench

liga:

asu-значок-эквалайзер

лига:

asu-icon-settings

лига:

asu-icon-скорая помощь

лига:

asu-icon-chart-pie

liga:

asu-icon-chart-line

лига:

asu-icon-chart-bar

liga:

asu-icon-trophy

лига:

asu-icon-gift

лига:

asu-icon-drink

лига:

asu-icon-food

лига:

asu-icon-fire

лига:

asu-icon-trash

liga:

asu-icon-porter

liga:

asu-icon-самолет

лига:

asu-icon-truck

liga:

asu-icon-power

лига:

asu-icon-clipboard

liga:

asu-значок-список-нумерованный

лига:

asu-icon-list

лига:

asu-icon-globe

лига:

asu-icon-link

лига:

asu-icon-flag

liga:

asu-icon-attachment

liga:

asu-icon-eye-visible

лига:

asu-icon-eye-hidden

liga:

asu-icon-bookmark

лига:

asu-icon-star

лига:

asu-icon-heart

лига:

asu-icon-plus

лига:

asu-иконка-минус

лига:

asu-icon-info

лига:

asu-icon-no

лига:

asu-icon-x

лига:

asu-icon-check

лига:

asu-icon-введите

лига:

asu-icon-exit

лига:

asu-icon-repeat

лига:

asu-icon-loop

liga:

asu-icon-стрелка-вверх-влево

лига:

asu-icon-arrow-up

лига:

asu-icon-стрелка-вверх-вправо

лига:

asu-иконка-стрелка-вправо

лига:

asu-значок-стрелка-вниз-вправо

лига:

asu-icon-arrow-down

liga:

asu-значок-стрелка-вниз-влево

лига:

asu-значок-стрелка-влево

лига:

asu-icon-стрелка-вверх-влево2

лига:

asu-icon-arrow-up2

лига:

asu-icon-arrow-up-right2

лига:

asu-icon-arrow-right2

лига:

asu-значок-стрелка-вниз-вправо2

лига:

asu-icon-arrow-down2

лига:

asu-значок-стрелка-вниз-влево2

лига:

asu-значок-стрелка-влево2

лига:

asu-icon-circle-up

лига:

asu-icon-circle-right

лига:

asu-icon-circle-down

лига:

asu-icon-circle-left

лига:

asu-icon-filter

лига:

asu-icon-share

лига:

asu-значок-код

лига:

asu-icon-email-circle

лига:

asu-icon-google-plus

лига:

asu-icon-google-plus-circle

лига:

asu-icon-facebook-square

лига:

asu-icon-facebook-circle

лига:

asu-icon-twitter-circle

лига:

asu-icon-feed

лига:

asu-icon-youtube-stacked

liga:

asu-icon-youtube-h

лига:

asu-icon-flickr

лига:

asu-icon-tumblr

лига:

asu-icon-yahoo

лига:

asu-icon-linux

лига:

asu-icon-apple

лига:

asu-icon-mac

лига:

asu-icon-android

лига:

asu-icon-windows

лига:

asu-icon-soundcloud

лига:

asu-icon-linkedin

лига:

asu-icon-pinterest

лига:

asu-icon-chrome

liga:

asu-icon-firefox

лига:

asu-icon-IE

лига:

асу-икона-опера

лига:

asu-icon-safari

лига:

IcoMoon Demo

Это экспериментальный шрифт. Это в значительной степени доказательство концепции, иллюстрирующее использование стандартизированные равнины UNICODE для иконочных шрифтов.

Большинство иконок созданы Icomoon или Flatfont. Некоторые из них взяты из Викимедиа или шрифта OpenSans.

Значки обычно перенастраиваются, чтобы центрироваться на квадратной сетке.

icon-home

лига:

значок-введите

лига:

icon-previous-page

liga:

значок-следующая страница

лига:

значок-закладка

лига:

значок-меню

лига:

иконка-принт-скрин

лига:

значок-ссылка

лига:

значок-якорь

лига:

значок-метка

лига:

значок-ключ

лига:

значок-замок

лига:

значок-замок-открыть

лига:

икона-щит

лига:

икона-щит-крест

лига:

значок-карандаш

лига:

значок-перо

лига:

значок-скрепка

лига:

значок-конверт

лига:

икона-четырехугольник

лига:

icon-gear-no-hub

лига:

значок-мусорное ведро

лига:

икона-газета

лига:

значок-календарь-месяц

лига:

икона-календарь-день

лига:

колокольчик

лига:

значок-запрещенный

лига:

icon-no-entry

liga:

значок-контраст

лига:

значок-яркость

лига:

значок-глобус-меридианы

лига:

значок-яблочко

лига:

значок-будильник

лига:

значок-денежный мешок

лига:

значок-банкнота

лига:

icon-currency-exchange

лига:

значок-капля

лига:

значок-пленка

лига:

значок-электрический шнур

лига:

значок-предупреждение

лига:

значок-болт

лига:

икона-фейерверк

лига:

icon-animal-bug

liga:

икона-корона

лига:

значок-папка

лига:

значок-папка-открыть

лига:

значок-файл

лига:

значок-файл-текст

лига:

icon-file-image

liga:

икона-изображение

лига:

икона-копия

лига:

ножницы иконы

лига:

значок-буфер обмена

лига:

значок-адресная книга

лига:

икона-тетрадь

лига:

значок-телефон-приемник

лига:

значок-мегафон

лига:

икона-книга

лига:

icon-book-open

liga:

иконопись

лига:

значок-кредитная карта

лига:

значок-блокнот

лига:

icon-at

лига:

icon-stack-window

лига:

icon-maximize-window

liga:

значок-свернуть

лига:

значок-отмена

лига:

значок-чек

лига:

значок-флажок-галочка

лига:

значок-флажок-частичный

лига:

значок-флажок-не отмечен

лига:

значок-квадрат

лига:

значок-шестиугольник

лига:

значок-пятиугольник

лига:

icon-radio-checked

liga:

значок-круг

лига:

icon-circle-open

лига:

значок-батарея

лига:

икона-кабинет

лига:

значок-размер шрифта

лига:

значок-палитра

лига:

значок-лампочка

лига:

значок-таблетка

лига:

значок-шприц

лига:

икона-огонь

лига:

значок-взрыв

лига:

значок-база данных

лига:

значок-чемодан

лига:

icon-inbox

liga:

icon-outbox

liga:

значок-поиск-право

лига:

иконка-поиск-левая

лига:

icon-volume-mute

liga:

значок-том

лига:

icon-volume-low

liga:

icon-volume-high

liga:

значок-флаг

лига:

значок-флаг-открыть

лига:

значок-флаг-клетка

лига:

icon-rotate-cw

liga:

icon-rotate-ccw-side

liga:

icon-rotate-ccw

liga:

icon-rotate-cw-side

liga:

икона-петля

лига:

icon-loop-alt

лига:

перетасовка иконок

лига:

значок-стрелка-вперед

лига:

значок-стрелка-отмена

лига:

значок-стрелка-ответ

лига:

значок-стрелка-повторить

лига:

значок-стрелка-влево-вправо

лига:

значок-стрелка вверх-вниз

лига:

значок-каре-левый

лига:

значок-каре вверх

лига:

иконка-вставка-справа

лига:

значок каре вниз

лига:

значок-круг-стрелка-влево

лига:

значок-круг-стрелка вверх

лига:

значок-круг-стрелка-вправо

лига:

значок-круг-стрелка-вниз

лига:

значок-стрелка-вправо

лига:

значок-стрелка-вниз-вправо

лига:

значок-стрелка вниз

лига:

значок-стрелка-вниз-влево

лига:

значок-стрелка-влево

лига:

значок-стрелка вверх-влево

лига:

значок-стрелка вверх

лига:

значок-стрелка вверх-вправо

лига:

значок-палец вниз

лига:

значок-большой палец вверх

лига:

значок-точка-влево

лига:

пиктограмма направлена ​​вниз

лига:

значок-точка-вправо

лига:

значок-указатель вверх

лига:

значок-плюс

лига:

значок-минус

лига:

значок-умножить

лига:

значок-раздел

лига:

icon-eject

liga:

значок-первая

лига:

значок-назад

лига:

icon-play

лига:

значок-нападающий

лига:

icon-last

лига:

значок-пауза

лига:

значок-стоп

лига:

значок-запись

лига:

икона-пол-женщина

лига:

икона-пол-мужской

лига:

icon-gender-transgender

liga:

icon-gender-non-binary

liga:

икона-пол-мужчина-женщина

лига:

icon-gender-female-female

лига:

икона-пол-мужчина-мужчина

лига:

значок-квадрат-минус

лига:

значок-квадрат-плюс

лига:

значок-смайлик

лига:

icon-smiley-happy

liga:

значок-смайлик-ухмылка

лига:

icon-smiley-cool

лига:

icon-smiley-sad

лига:

значок-смайлик-зло

лига:

значок-валюта-евро

лига:

значок-валюта-фунт

лига:

значок-валюта-доллар

лига:

значок-иена

лига:

значок-голубь мира

лига:

икона-букет

лига:

значок-звезда-стрельба

лига:

значок-перстень

лига:

icon-close

лига:

icon-moon-full

лига:

значок-луна-первая четверть

лига:

икона-луна-растущая-горбатая

лига:

икона-убывающая луна-полумесяц

лига:

икона-растущая луна-полумесяц

лига:

значок-луна-убывающая-горбатая

лига:

icon-moon-last-quarter

liga:

icon-moon-new

лига:

значок-вода-волна

лига:

икона-поцелуй

лига:

икона-алмаз

лига:

икона-гриб

лига:

значок-звезда-обведено

лига:

значок речи пузырь

лига:

иконокурение

лига:

icon-курение-запрещено

лига:

иконостас

лига:

магазин иконок

лига:

иконописная школа

лига:

icon-hotel

лига:

иконостроительный

лига:

иконная фабрика

лига:

икона-замок

лига:

икона-цирк

лига:

икона-палатка

лига:

значок-топливный насос

лига:

значок-самолет

лига:

icon-globe2

лига:

икона-фонтан

лига:

значок-камера хранения

лига:

значок-пляж

лига:

icon-world-map

лига:

значок-баллон

лига:

икона-исполнительское искусство

лига:

икона-чертово колесо

лига:

значок-американские горки

лига:

значок-игровой автомат

лига:

иконо-кино

лига:

икона-кинолента

лига:

значок-штамп

лига:

значок-билет

лига:

значок-теннис

лига:

значок-футбол-футбол

лига:

icon-бейсбол

лига:

значок-футбол-американский

лига:

значок-бильярд

лига:

значок-боулинг

лига:

значок-медаль-воинская

лига:

значок-медаль-спорт

лига:

значок-трофей

лига:

значок-музыка-четверть-нота

лига:

значок-музыка-восьмая-нота

лига:

icon-music-eight-notes

liga:

значок-музыка-шестнадцатые-ноты

лига:

icon-g-clef

liga:

икона-пианино

лига:

икона-музыка-скрипка

лига:

значок-гитара

лига:

икона-саксофон

лига:

икона-музыка-труба

лига:

икона-сандалии

лига:

значок-туфли на высоком каблуке

лига:

значок-наряд-галстук

лига:

значок-экипировка-рубашка

лига:

значок-наряд-платье

лига:

icon-outfit-bikini

лига:

значок-сумочка

лига:

значок-кошелек

лига:

значок-помада

лига:

икона-суши

лига:

значок-рисовый мяч

лига:

икона-куриная ножка

лига:

икона-леденец

лига:

икона-конфета

лига:

значок-пончик

лига:

значок-фри

лига:

иконоварение

лига:

значок-напиток-кофе

лига:

икона-пароварка

лига:

icon-food-ris

liga:

icon-pot-food

лига:

icon-food-spaghetti

liga:

icon-food-chicken

liga:

icon-food-гамбургер

лига:

икона-торт

лига:

икона-хлеб

лига:

икона-лимон

лига:

значок-яблоко

лига:

икона-груша

лига:

значок-помидор3

лига:

икона-виноград

лига:

icon-food-pizza

лига:

икона-пряник

лига:

icon-food-мороженое

liga:

значок-напиток-тропический

лига:

значок-напиток-коктейль

лига:

icon-drink-beer

лига:

значок-напиток-вино

лига:

значок-круговая диаграмма-реверс

лига:

иконка-круговая диаграмма

лига:

значок-диаграмма

лига:

icon-chart-up

liga:

значок-диаграмма-вниз

лига:

значок-диаграмма-линия

лига:

икона-банк

лига:

значок-фильм

лига:

значок-мотоцикл

лига:

icon-car-front

liga:

icon-bus-front

liga:

значок-велосипед

лига:

icon-car

лига:

icon-bus

лига:

значок-грузовик

лига:

значок-ракета

лига:

значок-телескоп

лига:

значок-спутник-диск

лига:

значок-ДНК

лига:

значок-микроскоп

лига:

иконостас

лига:

значок-монитор

лига:

значок-телефон-мобильный

лига:

icon-pc-desktop

liga:

icon-pc-old

liga:

значок-ноутбук

лига:

icon-computer-network

liga:

icon-hard-disk

liga:

значок-телевидение

лига:

значок-пейджер

лига:

иконопроектор

лига:

значок-фото-камера-вспышка

liga:

икона-фотокамера

лига:

значок-видеокамера

лига:

значок-камера-кино

лига:

icon-music-player

лига:

значок-радио

лига:

значок-телефон

лига:

иконо-печатник

лига:

икона-лента

лига:

значок-мышь

лига:

значок-видеоигра

лига:

значок-джойстик

лига:

значок-клавиатура

лига:

значок-клавиатура-беспроводная связь

лига:

значок-дискета

лига:

значок-диск

лига:

значок-наушники

лига:

иконка-калькулятор

лига:

значок-животное-коза

лига:

икона-животное-двугорбый-верблюд

лига:

значок-животное-дромадер-верблюд

лига:

значок-животное-корова

лига:

значок-животное-лошадь

лига:

icon-animal-cat

liga:

значок-животное-кролик

лига:

икона-животное-петух

лига:

значок-животное-свинья

лига:

значок-животное-дельфин

лига:

икона-змея

лига:

значок-животное-улитка

лига:

значок-черный-цветочек

лига:

икона-цветочек

лига:

икона-цветок

лига:

икона-елка

лига:

икона-дерево-сосна

лига:

древо-икона

лига:

икона-дерево-пальма

лига:

икона-кактус

лига:

иконотрава

лига:

иконописный лист

лига:

икона-кленовый лист

лига:

икона-паук

лига:

значок-животное-муравей

лига:

icon-spider7-web

лига:

икона-лапа-отпечатки

лига:

икона-след

лига:

иконо-пешеходная

лига:

иконо-танцевальная

лига:

значок-плавание

лига:

тяжелая атлетика

лига:

значок-фигурист

лига:

значок-лыжник

лига:

значок-сноубординг

лига:

значок-бег

лига:

значок-велосипедист

лига:

икона-коляска

лига:

икона-уборная

лига:

икона-женщина-и-женщина

лига:

икона-мужчина и женщина

лига:

икона-человек-и-человек

лига:

икона-семейство

лига:

icon-baby

лига:

значок-глаз

лига:

икона-колос

лига:

икона-рука

лига:

значок-рука-кулак

лига:

значок пользователя

лига:

icon-users

лига:

иконостроитель

лига:

значок-паспорт-контроль

лига:

икона-гвардия

лига:

значок-шпион

лига:

значок-лицо-человек

лига:

икона-лицо-женщина

лига:

значок-лицо-мальчик

лига:

значок-лицо-девушка

лига:

значок-лицо-ребенок

лига:

icon-face-callcenter

лига:

икона-лицо-принцесса

лига:

значок-лицо-старый-китаец

лига:

icon-face-man-with-turban

лига:

икона-лицо-дед мороз

лига:

икона-снеговик

лига:

значок-панда

лига:

icon-face-kitty

liga:

значок-имп

лига:

значок-лицо-обезьяна

лига:

икона-лицо-медведь

лига:

значок-лицо-хомяк

лига:

значок-лицо-чихуахуа

лига:

значок-инопланетянин

лига:

икона-череп

лига:

икона-призрак

лига:

икона-комета

лига:

значок-звезда-восемь очков

лига:

икона-снежинка

лига:

икона-радуга

лига:

значок-солнце

лига:

значок-звезда

лига:

icon-star-open

лига:

значок бубновый туз

лига:

значок-трефовый туз

лига:

значок пиковый туз

лига:

икона-червовый туз

лига:

икона-бриллианты

лига:

клубы

лига:

пики

лига:

значок-сердце

лига:

икона-разбитое сердце

лига:

значок-сердцебиение

лига:

значок-сердце-лента

лига:

icon-heart-open

liga:

икона сердцевидная

лига:

значок-сердца

лига:

икона-сердце со стрелой

лига:

икона-часы

лига:

значок-секундомер

лига:

значок-часы

лига:

значок-мишень

лига:

икона-конверт-штамп

лига:

icon-phone-location

liga:

значок-выпускной

лига:

икона-подарочная

лига:

икона-цилиндр

лига:

значок-очки

лига:

значок-солнцезащитные очки

лига:

icon-jack-o-lantern

лига:

икона-зонтик

лига:

икона-надгробие

лига:

икона-смерть

лига:

икона-череп-кость

лига:

икона-гроб

лига:

значок-бомба

лига:

икона-шлем

лига:

значок-перекрестие

лига:

значок-светофор

лига:

икона-свеча

лига:

икона-бутылочка

лига:

значок-канцелярская кнопка

лига:

значок-микрофон

лига:

значок-фонарик

лига:

значок-клавиша-альт

лига:

икона-кинжал

лига:

значок-пистолет

лига:

пиктограмма

лига:

значок-гаечный ключ

лига:

значок-молот

лига:

икона-линейка2

лига:

икона-линейка

лига:

икона-песочные часы

лига:

ножик

лига:

икона-вилка-нож

лига:

икона-вилка-нож-тарелка

лига:

значок-гайка и болт

лига:

значок-шестерня

лига:

значок-молоток

лига:

икона-молоток

лига:

икона-скрещенные мечи

лига:

икона-перманент-бумага

лига:

значок-бесконечность

лига:

значок-команда

лига:

икона ретроградная

лига:

икона-алеф

лига:

значок-омега

лига:

икона-имя

лига:

icon-copyright

liga:

значок-символ

лига:

значок-вопросительный знак

лига:

значок-восклицательный знак

лига:

значок-скоба-левая

лига:

значок-скоба-право

лига:

значок-круглая скобка-левый

лига:

значок-круглая скобка-справа

лига:

значок-квадратная скобка-левая

лига:

значок-квадратная скобка-правая

лига:

значок-процент

лига:

икона-пертысячная

лига:

значок-амперсанд

лига:

значок-звездочка-пять

лига:

значок-номер

лига:

значок-звездочка-шесть

лига:

весы

лига:

icon-recycle

liga:

икона-шахматная

лига:

икона-шахматы-белая пешка

лига:

значок-шахматы-черная-пешка

лига:

икона-шахматы-белый конь

лига:

икона-шахматы-черный конь

лига:

икона-шахматы-белый-слон

лига:

икона-шахматы-чёрный-слон

лига:

икона-шахматы-белая-ладья

лига:

икона-шахматы-черная ладья

лига:

icon-chess-white-queen

лига:

значок-шахматы-белый-король

лига:

значок-шахматы-черный-король

лига:

икона-шахматы-черная-королева

лига:

значок-крест-наконечник

лига:

значок-облако

лига:

икона-иерусалимский крест

лига:

значок-мальтийский крест

лига:

икона-крест православный

лига:

икона-чи-ро

лига:

икона-анх

лига:

икона-латинский крест

лига:

icon-latin-cross-outline

liga:

значок-кельтский крест

лига:

значок-крест Лотарингии

лига:

икона-звезда-давида

лига:

значок-звезда-полумесяц

лига:

икона-фарси

лига:

икона-ханда

лига:

иконо-храмовая

лига:

значок-мир

лига:

икона-трилистник

лига:

икона-четырехлистный клевер

лига:

икона-колесо-дхармы

лига:

икон-ом

лига:

значок-свастика-право

лига:

икона-свастика-левая

лига:

икона-пентаграмма

лига:

икона-пентаграмма-перевернутая

лига:

значок-излучение

лига:

значок-биологическая опасность

лига:

значок-атом

лига:

икона-кадуцей

лига:

икона-асклепий

лига:

икона-серп-молот

лига:

значок-дао

лига:

значок-геральдическая лилия

лига:

значок-цифра-ноль

лига:

значок-цифра-один

лига:

значок-цифра-два

лига:

значок-цифра-три

лига:

значок-цифра-четыре

лига:

значок-цифра-пять

лига:

значок-цифра-шесть

лига:

значок-цифра-семь

лига:

значок-цифра-восемь

лига:

значок-цифра-девять

лига:

значок-буква-а

лига:

значок-буква-б

лига:

значок-буква-с

лига:

значок-буква-д

лига:

значок-буква-е

лига:

значок-буква-f

лига:

значок-буква-г

лига:

значок-буква-ч

лига:

значок-буква-i

лига:

значок-буква-j

лига:

значок-буква-к

лига:

значок-буква-л

лига:

значок-буква-м

лига:

икона-буква-н

лига:

значок-буква-о

лига:

значок-буква-р

лига:

значок-буква-q

лига:

значок-буква-р

лига:

значок-буква-с

лига:

значок-буква-т

лига:

значок-буква-u

лига:

значок-буква-v

лига:

значок-буква-w

лига:

значок-буква-х

лига:

значок-буква-у

лига:

значок-буква-z

лига:

значок-буква-А

лига:

значок-буква-Б

лига:

значок-буква-С

лига:

значок-буква-Д

лига:

значок-буква-Е

лига:

значок-буква-F

лига:

значок-буква-Г

лига:

значок-буква-H

лига:

значок-буква-I

лига:

значок-буква-J

лига:

значок-буква-К

лига:

икона-буква-Л

лига:

значок-буква-М

лига:

значок-буква-N

лига:

значок-буква-О

лига:

значок-буква-P

лига:

значок-буква-Q

лига:

значок-буква-R

лига:

значок-буква-S

лига:

значок-буква-Т

лига:

значок-буква-У

лига:

икона-буква-V

лига:

значок-буква-W

лига:

значок-буква-X

лига:

значок-буква-Y

лига:

значок-буква-Z

лига:

icon-web-twitter

лига:

icon-web-facebook

лига:

icon-web-tumblr

лига:

icon-web-linkedin

liga:

icon-web-googleplus

лига:

icon-youtube

лига:

icon-web-stumbleupon

liga:

icon-web-behance

лига:

icon-web-mixi

liga:

icon-web-delicious

liga:

icon-web-sina-weibo

лига:

icon-web-picassa

лига:

icon-web-picasa

лига:

icon-web-lastfm

лига:

icon-web-spotify

лига:

icon-web-joomla

лига:

значок-вк

лига:

icon-web-yelp

лига:

icon-web-vine

лига:

icon-web-rdio

лига:

icon-web-soundcloud

лига:

icon-lastfm

лига:

icon-web-foursquare

лига:

icon-web-vimeo

лига:

icon-web-circles

liga:

icon-web-pinterest

лига:

значок копать

лига:

icon-web-flattr

лига:

icon-web-instagram

лига:

icon-web-renren

лига:

icon-web-flickr

лига:

icon-web-dribbble

лига:

icon-web-deviantart

лига:

icon-web-forrst

liga:

icon-web-stackoverflow

лига:

значок-веб-github

лига:

icon-web-git

лига:

icon-web-reddit

лига:

icon-web-paypal

лига:

icon-web-skype

лига:

icon-web-vk

лига:

icon-web-google-drive

лига:

icon-web-qq

лига:

icon-web-dropbox

liga:

icon-web-steam

лига:

icon-web-evernote

лига:

icon-web-smashing

liga:

значок-веб-блогер

лига:

icon-web-wordpress

лига:

icon-web-drupal

лига:

значок-браузер-хром

лига:

значок-браузер-т.