Flaticon com

Сервис FlatIcon

Приветствую вас! Все, кто занимается создание веб-сайтов, лендингов, наверняка сталкивались с проблемой поиска иконок для ваших проектов. Сегодня я вам расскажу об очень замечательном сервисе FlatIcon, где можно взять бесплатные иконки для сайта. Проект FlatIcon, самый известный сервис в интернет с иконками в flat стиле. Здесь вы сможете скачивать различные иконки на любую тему, которая вам необходима, совершенно бесплатно и где вам будет угодно использовать.

На сайте огромнейший, в прямом смысле слова выбор иконок и паков, т.е. наборов иконок. Короче, этот сервис настоящая находка. Достоинством данного ресурса является наличие рисунков различных форматов (png, psd, svg и т.д.), вы также можете выбирать размеры картинок перед скачиванием к себе на ПК.

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

Сервис FlatIcon

Переходим на сервис, который находится по адресу www.flaticon.com. После того как перейдете на ресурс, вы увидите поисковую строчку, в которую вписываете название на английском языке необходимой вам иконки.

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

Получилось dog. В строке вписываем переведенное слово. В моем случае это dog и здесь появится подсказка. Т.е. вы можете выбрать, к примеру, dog face, в переводе означает «морда собаки» и т.д.

Видим множество вариантов иконок. Совсем не давно были добавлены цветные иконки. Это классно! На данный момент идет спрос на стиль flat и большое количество блогов делается в этом стиле.

Здесь есть отличный фильтр поиска: (color) – одноцветный (monocolor) или многоцветный (multicolor).

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

Зачем нужна коллекция, спросите Вы? Если вы нажмете добавить в коллекцию, то вверху в левом углу вы увидите маленькие квадратики, это и есть ваша коллекция.

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

Когда ваша коллекция готова, жмем «download» и получаем уже готовый архив с вашими иконками, т.е. вам не надо скачивать их по отдельности. Это здорово, не правда ли? Я еще не встречал подобных проектов, чтобы так грамотно все было сделано.

Давайте вместе соберем коллекцию из одноцветных иконок. В настройках вы сможете не только изменить имя иконки, но и поменять ее цвет. Раньше я это делал через Photoshop, а теперь могу это делать прямо здесь. Вы просто выбираете необходимый вам цвет, и icon мгновенно перекрашиваются. 8
Вот что у меня получилось.

Если мы нажмем на карандаш, то можем окрасить иконку по отдельности в разные цвета.

Вот какие красивые иконки у меня получились.

Чтобы скачать готовый материал, жмем на «download collection».

Выбираем нужный формат, размер.

В новом окошке жмем «free download» и начнется скачивание архива.

На сервисе еще очень много всего, вы сами можете полазить, потыкать, если будет интересно. А у меня на этом все, надеюсь сервис FlatIcon, где можно скачать бесплатные иконки для сайта вам понравился. Что еще мне здесь нравится, чтобы скачивать иконки не нужно проходить регистрацию, что очень удобно. Жду ваших вопросов и комментариев.

Логотипы и favicon

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

Logomakr

Это конструктор, в котором вы можете создать собственный логотип. Работать в нем легко, инструментов немного, в целом он похож на сильно упрощенный Photoshop. Отлично подойдет для создания какого-нибудь простого логотипа или фавикона. Помимо основных фигур и текста, еще есть большой каталог с различными рисунками-иконками, которые можно использовать в своем логотипе.

Online Logomaker

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

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

Canva

Известный в кругах дизайнеров и SMM-щиков проект, который часто используют для создания красивых изображений. Не все элементы бесплатны — часть из них можно купить отдельно либо приобрести подписку за 12,95 долларов в месяц. Но перед этим есть бесплатный 30-дневный тестовый период.

Designimo

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

Иконки

Captain Icon

Здесь можно найти более 350 векторных иконок. Их можно легко масштабировать без потери качества. Форматы разные: eps, psd, png, svg, а также веб-шрифты и Sketch.

Иконки распространяются под лицензией CC BY-SA, то есть материалы можно использовать в личных и коммерческих проектах.

Ego

Иконки представлены в синих и серых оттенках.

Endless Icons

Здесь есть множество бесплатных черно-белых иконок. Помимо общего каталога, иконки можно выбрать по тематическим группам: fashion, food, shopping, social media и так далее. Есть еще разбивка по тегам.

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

Flaticon

Один из самых крупных сайтов с бесплатными иконками: здесь представлено больше миллиона векторных иконок. Бесплатно использовать их можно при условии, если вы укажете авторство. Если желания указывать нет, то вам нужно купить платную подписку. Она стоит 9,99 евро в месяц либо 89,99 евро за год (т.е. 7,50 евро в месяц).

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

Icofinder

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