Сайты с иконками: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

Font Squirrel

Abstract fonts

1001 Free Fonts

FontStorage

FontSpace

Xfont

Fonts-online

Надеемся, эта подборка вам пригодится и больше не будет проблем с подбором «тех самых» шрифтов, мокапов или иконок!

Как добавить блоки с иконками в WordPress

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

Что такое блоки со иконками?

Большинство людей, посещая веб-сайты, на самом деле их не читают. Как люди, мы становимся профессиональными сканерами.

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

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

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

Вот пример с нашего сайта OptinMonster:

Добавление блоков с иконками на главную страницу WordPress

Первое, что вам нужно сделать, это установить и активировать плагин Advanced WP Columns. После активации вам необходимо зайти в Настройки »Расширенные столбцы WP, чтобы настроить плагин.

Просто прокрутите вниз до параметра «Класс столбца» и введите рядом с ним mycolumns. Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.

Затем вам понадобится плагин для вставки красивых значков SVG в поля функций. Установите и активируйте плагин WP SVG Icons.

Теперь вы готовы создавать свои блоки функций.

Начните с редактирования страницы, на которой вы хотите добавить блоки функций.

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

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

Сначала вам нужно нажать кнопку Advanced WP Columns. Появится всплывающее окно, в котором вам нужно нажать «Пусто», а затем выбрать количество столбцов, которые вы хотите добавить.

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

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

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

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

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

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

[wp-svg-icons icon = «rocket» wrap = «span»]

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

Когда вы закончите, просто нажмите кнопку «Обновить», чтобы сохранить страницу.

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

Вам нужно будет добавить немного CSS, чтобы решить эту проблему. Просто добавьте этот фрагмент CSS в таблицу стилей своей темы или дочерней темы.

span.wp-svg-rocket.rocket {
font-size:100px;
}
span.wp-svg-cloud.cloud {
font-size:100px;
}
span.wp-svg-headphones.headphones {
font-size:100px;
}
. mycolumns {
border:1px solid #eee;
min-height:250px;
padding-top:20px !important;
}

Не забудьте настроить CSS в соответствии с названиями используемых вами значков.

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

59 ресурсов для тех, кому нужен бесплатный дизайнерский контент: шрифты, шаблоны, иконки, логотипы — IT портал

Иногда достаточно своими силами сделать логотип и фавикон, а в сети найти бесплатный дизайнерский контент.

Проверяйте лицензию. Разрешено коммерческое использование – смело обновляйте сайт. Если видите перечеркнутый доллар и надпись Non-Commercial или NC, ограничьтесь оформлением обучающих материалов и портфолио. Или обратитесь к правообладателю за разрешением.

Большинство контента в интернете распространяется по лицензиям Creative Commons. Если необходимо поставить ссылку на автора, добавьте ее в нижний колонтитул или на страницу «О нас».

21 сайт с бесплатными иконками

Captain Icon

Марио из Испании предлагает вам бесплатно скачать 350 векторных иконок. Здесь нет определенной тематики, но много категорий: design, sports, social и др.

Первый экран проекта Captain Icon

Иконки доступны в EPS, PSD, PNG, SVG, SKETCH форматах. По отдельности скачивать нельзя, все наборы – в одном архиве.

Dryicons

Dryicons – сервис, созданный командой энтузиастов: дизайнеров и программистов. Здесь представлено свыше 5 000 иконок в 77 сетах.

На dryicons удобный поиск и рубрикатор

Условия бесплатного использования: простановка обратной ссылки.

Ego Icons

Ego Icons созданы на основе базовых геометрических фигур: треугольников, шестиугольников, ломаных линий. Они представлены на сайте в форматах SVG, PDF, AI, SKETCH, EPS и ICONJAR.

«Угловатые» иконки от Ego Icons

Бесплатно можно использовать только 100 иконок. Платный доступ ко всем 3 600 значкам стоит 127 долларов.

Endless Icons

Мин Ким основал Endless Icons, чтобы делиться креативом с дизайнерским сообществом. В его библиотеке – сотни бесплатных черно-белых иконок в PNG и SVG.

Так выглядят иконки на endlessicons

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

Entypo

На entypo – свыше 400 премиум-иконок от Дэниэля Брюса.

Все пиктограммы одобрены шестилетней Liah и четырехлетней Zoe

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

Find Icons

Find Icons – каталог бесплатных иконок для сайтов и презентаций. Иконки представлены в форматах PNG и ISO.

Красивые иконки от Janko Jovanovic на Findicons

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

Flaticon

Flaticon – огромное хранилище иконок от создателей Freepik.

Сайт предлагает свыше 500 000 векторных иконок, объединенных в 9 700 наборов. Они доступны для скачивания в форматах PNG, SVG, EPS, PSD и BASE 64. Прежде чем загрузить иконку, вы можете поменять цвет и выбрать размер.

Вы можете собрать свою коллекцию, выбирая иконки из разных наборов и меняя их цвет

Бесплатное использование – только с указанием авторства. Подписка за 10 долларов в месяц позволит использовать 400 обычных и 88 премиум-значков без обратных ссылок.

Glyphicons

Ищете минималистичные и монохромные иконки – посмотрите на glyphicons, там их более 800. Благодаря веб-шрифту и формату SVG иконки можно использовать при разработке сайтов, инфографики, мобильных приложений под iOS и Android.

Так выглядят glyphicons от дизайнера Jan Kovarik

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

Good stuff no nonsense

Основатель проекта – Агата, дизайн-иллюстратор из Польши. Разработка иконок – ее хобби.

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

Бесплатные наборы иконок на goodstuffnononsence

Если вам понравится стиль, можно нажать “See All” и перейти к выбору платных сетов.

Icojam

Icojam принадлежит команде дизайнеров, создающих иконки более 10 лет. Часть наборов продают, часть – раздают бесплатно.

Умного поиска нет, иконки опубликованы в блоге.

Так выглядит блог на icojam

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

Icon Archive

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

Дизайн Icon Archive устарел, но вполне «юзабелен»

Сохранить иконку на компьютер можно в форматах PNG, ICO и ICNS.

Iconfinder

Пользователям iconfinder открыт доступ к 1 926 000 бесплатных и премиум-иконок.

Так работает поиск по Iconfinder

Здесь большой выбор размеров, форматов и тем.

Iconmonstr

В библиотеке немецкого дизайнера Alexander Kahlkopf собрано более 3 800 черно-белых иконок. Они хорошо оптимизированы для веба и доступны в форматах SVG, EPS, PSD и PNG.

Стильные черно-белые иконки от iconmonstr

Иконки предназначены для коммерческого использования. Указывать автора не обязательно.

Icons8

На icons8.com – почти 57 000 иконок, база пополняется ежедневно. Интерфейс дружественный: удобно искать иконки, ходить по категориям, выбирать размеры и форматы.

Так происходит поиск и выбор иконки на icons8

Бесплатный тариф предусматривает ограничения на размер файла (максимум – 100 пикселей), выбор формата (только PNG) и способ использования (ссылка – обязательна). Хотите без ограничений – покупайте подписку от 20 долларов в месяц.

Фишка icons8 – мобильное приложение. Оно включает всю базу иконок, позволяет их окрашивать в любой цвет и перетаскивать в один клик в Photoshop.

Iconshok

Iconshock – это два миллиона иконок, 800 наборов и 30 стилей.

Примеры сетов на iconshock

Скачивайте иконки для личного пользования (например, для оформления резюме) и коммерческих целей (с указанием ссылки) абсолютно бесплатно. Другие лимиты free pack: размер до 72 пикселей, отсутствие исходных файлов, запрет редактирования. Чтобы снять все ограничения, нужно купить годовую подписку за 79 долларов.

Mr.Icons

Mr.Icons – агрегатор, ищущий качественные иконки в интернете. В библиотеке – более 100 000 иконок.

Иконки на Mr.Icons выглядят красиво и реалистично

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

Noun Project

В коллекции проекта более миллиона иконок, новые появляются ежедневно. Можно найти картинки на любую тему и быстро скачать их в формате PNG и SVG.

Так выглядит сайт thenounproject

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

Oxygenna

Oxygenna – небольшое дизайнерское агентство, которое специализируется на темах WordPress. Кроме платного контента, там есть раздел freebies с бесплатными наборами иконок.

Так выглядит раздел freebies на сайте агентства Oxygenna

Скачивайте с oxygenna уникальные наборы иконок в PNG, PSD и AI.

Round Icons

Команда Round Icons любит создавать креативные иконки: «жирные», изометрические, круглые и другие. Всего на сайте их – 30 500 штук, но доступ ко всей коллекции стоит денег. Если не готовы платить, получите на email бесплатные наборы.

Пример бесплатного набора с roundicons

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

Squid Ink

На «Чернилах Кальмара» – красивые векторные иконки. Бесплатно вы получаете доступ к 50 файлам для неограниченного использования в личных и коммерческих проектах.

Красочные иконки от Squid Ink

Весь набор от Squid Ink, включающий 2 000 иконок, продается за 65 долларов.

Tilda

Команда «Тильды» предлагает владельцам лендингов в обмен на обратную ссылку свыше 400 иконок по 27 бизнес-темам («образование», «вебинар», «фотостудия» и др.). Иконки разрешено использовать в коммерческих проектах.

Сет от Tilda для ивент-агентств

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

9 ресурсов с бесплатными шрифтами

«Бесплатные шрифты» (VK)

Пользователям «ВКонтакте» удобнее будет искать бесплатные шрифты не покидая соцсеть. Подобрать нужный шрифт в сообществе vk.com/shrift можно по хештегам. К каждому посту прикреплен файл в формате OTF / TTF или архив с несколькими файлами.

Пример поста в сообществе «Бесплатные шрифты»

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

1001 Fonts

Библиотека 1001 Fonts насчитывает свыше 15 000 шрифтов. Ищите нужные шрифты по размеру, типу лицензии и теме.

1001fonts можно «играть» с цветом, размером, начертаниями шрифтов

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

Abstract Fonts

В каталоге abstractfonts.com подходящие шрифты можно найти по названию, категории и имени разработчика.

Если шрифт разрешен для коммерческого использования, можно нажать на “Web font”, перейти на специальный сервис и скачать архив с кодом CSS

В коллекции Abstract Fonts – около 13 000 бесплатных шрифтов, доступных для скачивания. Среди них 150 – кириллических.

Dafont

Ищете большую коллекцию бесплатных легальных шрифтов? На сайте dafont их более 30 000.

Примеры шрифтов на сайте dafont

На главной странице проекта – простая и понятная инструкция по установке шрифтов.

Font Fabric

Большинство шрифтов на сайте, кроме “Baron” и “Muller Narrow”, можно использовать бесплатно для личных и коммерческих проектов.

Так выглядят бесплатные шрифты «Фабрики шрифтов»

Всего на fontfabric представлено 125 шрифтов, 59 из которых поддерживают кириллицу.

Font Squirrel

Font Squirrel – агрегатор шрифтов, разрешенных для коммерческого использования. Если видите значок в виде земного шара, значит, шрифт можно встроить на сайт через CSS.

Каталог fontsquirrel: сразу видны форматы и количество стилей, справа – удобный фильтр

Еще на fontsquirrel.com есть полезный инструмент Matcherator. Загрузите туда любую картинку с текстом и узнайте названия шрифтов.

Font Storage

В коллекции Font Storage – 650 шрифтов. Шрифты распределены по следующим категориям: без засечек, с засечками, моноширинные, декоративные. Также каждому шрифту присвоены теги (retro, gothic и пр.).

Так работает поиск на fontstorage

У сайта есть русская версия, что удобно.

FontSpace

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

Так работает поиск на fontspace

Чтобы узнать тип лицензии, достаточно навести курсор.

Google Fonts

Библиотека шрифтов от Alphabet Inc. Этот популярный сервис поможет подобрать и скачать шрифты на все случаи жизни.

Каталог шрифтов на fonts.google

Google Fonts сразу покажет, если шрифт поддерживает кириллицу.

5 ресурсов с бесплатными PSD-шаблонами

DesignLazy

DesignLazy – один из проектов Ishmam, мультидисциплинарного дизайнера. На сайте он вместе со своими друзьями публикует шаблоны сайтов, мокапы и UI-киты.

Главная сайта designlazy

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

PsdBox (VK)

Psdbox – авторский проект дизайнера Сергея Данильченко. Он ничего не копирует, сам создает PSD-шаблоны для социальных сетей и размещает в открытом доступе. Ссылки на «Яндекс.Диск» и описания – на стене сообщества.

Пример поста в сообществе PsdBox

Есть универсальные и тематические шаблоны (для интернет-магазинов, туристических пабликов, новостных групп, авторских блогов и т. д.).

Mockup Download

На сайте mockupdownload – сотни PSD-шаблонов в десятках категорий («Баннеры», «Визитные карточки», «Компьютеры», «Одежда» и др.). Их можно скачать бесплатно, без регистрации и эсэмэс.

Фрагмент сайта mockupdownload с примерами PSD-шаблонов

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

PSD HTML CSS

На сайте psd-html-css – уроки по верстке и HTML и бесплатные PSD-файлы. На страницах проекта уже опубликовано 200 мокапов, шаблонов сайтов и элементов пользовательского интерфейса.

Шаблоны на psd-html-css

Здесь сложно найти что-то редкое: команда psd-html-css берет работы CSS Author, Pixeden и других крупных дизайнерских сообществ.

FreePSDFiles

Free PSD Files – это сотни бесплатных файлов: фонов, веб-элементов, макетов сайтов.

Пример публикации на сайте Free PSD Files

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

19 сайтов с самой разнообразной графикой

1001 Free Downloads

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

Примеры векторов с 1001freedownloads

Есть лимит: с 1001freedownloads нельзя скачать больше 50 файлов в день.

Behance

Behance – сетевая платформа, на которой люди творческих профессий делятся своими работами. По запросу «free» на сайте дочерней компании Adobe можно найти тысячи бесплатных иконок, шрифтов, шаблонов и прочей графики.

Результат поиска по запросу “free”

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

Best PSD Freebies

Графический дизайнер Michael Reimer решил помочь коллегам и основал bestpsdfreebies. На сайте можно скачать лучший дизайнерский контент – темы, кнопки, стили, иконки – абсолютно бесплатно.

Примеры бесплатных иконок с bestpsdfreebies. Если подпишетесь на рассылку, пришлют в подарок даже премиум-набор

Разрешено коммерческое использование, ссылки ставить не обязательно.

Free Design Resources

Проект Free Design Resources создан благодаря художникам и дизайнерам по всему миру. Здесь собирают и распространяют лучший дизайнерский контент: шаблоны, мокапы, шрифты и прочее.

Примеры наборов пользовательских интерфейсов на freedesignresources

Команда Free Design Resources призывает помогать друг другу, так как это свойственно человеческой природе.

Creative Tail

Creativetail – сайт дизайнерского сообщества. Изображений мало, но они интересные и необычные.

Иконки и картинки от Creative Tail

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

CSS Author

На CSS Author – подборки с бесплатным контентом от Smashing Magazine, Graphics Fuel и других ресурсов.

Примеры подборок на CSS Author

Новые подборки с иконками, UI-китами и PSD-макетами для верстки появляются регулярно.

Designbeep

Designbeep публикует наборы иконок, шрифты и мокапы, найденные на других площадках (Freepik, Behance и др.). Поиска нет, всюду подстерегают рекламные баннеры.

Пример поста на designbeep

Всего на designbeep. com свыше 1 000 различных freebies-подборок.

Dreamstale

На dreamstale.com есть полезные статьи по веб-дизайну, уроки по Photoshop и контент премиум-качества. В разделе “Freebies” вы найдете бесплатные текстуры, фоны, иконки и шрифты.

На dreamstale нет рубрикаторы, придется искать нужное среди всей «халявы»

Раздел обновляется редко, а жаль.

Freebiesbug

Freebiesbug – проект графического дизайнера Pasquale Vitiello. На его сайте вы найдете 300 наборов иконок, 400 бесплатных шрифтов и 750 PSD-шаблонов.

Шаблоны, UI-киты и иконки в формате PSD на freebiesbug

Подпишитесь на рассылку Freebiesbug, чтобы получать информацию о новинках на email.

Freepik

Freepik – огромная библиотека с бесплатным дизайнерским контентом. Условие использования – указание авторства. Файлы доступны в форматах PNG, EPS, SVG.

Платный премиум-контент помечен значком короны. Другие – доступны бесплатно

С русской версией проще искать иконки, но перевод ужасный, как у Aliexpress.

Fribly

Fribly – цифровой журнал, в котором вы найдете материалы для вдохновения и пользы. Новые коллекции появляются редко, зато они полностью бесплатные.

Посты в разделе с бесплатным контентом на сайте fribly

Fribly – агрегатор. Чтобы скачать конкретный набор, придется переходить на другие ресурсы.

Graphic Burger

На graphicburger.com вас ждут эксклюзивные высококачественные файлы в форматах PSD (мокапы, наборы иконок и элементов пользовательского интерфейса) и JPG (текстуры, фоны).

Главная graphicsburger

Архивы небольшие, например, иконок на сайте чуть больше 100 наборов. Весь контент разрешено использовать в личных и коммерческих целях.

Graphicsfuel

Рафи – художник, блогер, графический дизайнер – с 2010 года делится полезным контентом для дизайнеров. Всего на graphicsfuel.com более 25 миллионов графических элементов.

Примеры публикаций в категории “Free PSD Files”

На портале вы найдете текстуры, фоны, иконки и многое другое.

Pixeden

Команда сообщества Pixeden предлагает большой выбор графики: иконки, темы WordPress, текстуры и так далее. Используйте бесплатный контент или купите подписку за 6 долларов в месяц, чтобы получить доступ к премиум-наборам.

На скриншоте – лишь малая часть публикаций pixeden

Pixeden не обязывает ставить ссылку (при этом, конечно, запрещено, например, перепродавать контент).

Smashing Magazine

Издание Smashing Magazine в своем блоге предлагает качественные коллекции иконок, шрифтов и шаблонов по самым разным тематикам.

Посты с бесплатными иконками и шрифтами можно найти по тегу freebies

Новые посты выходят редко, но в архиве их сотни.

Vecteezy

Сайт Vecteezy призывает посетителей получать вдохновение, помогать другим и участвовать в обсуждениях. В базе vecteezy – 37 000 бесплатных векторных изображений.

На скриншоте – лишь малая часть бесплатного контента от vecteezy.com

Иконки, фоны и текстуры обозначены тегами, что облегчает навигацию по сайту.

Infogra

Сайт для практикующих и начинающих дизайнеров. Там вы найдете рецензии на книги, уроки по дизайну, форум и множество полезного материала: шрифты, UI-киты, иконки.

Пример подборок на infogra

Новые материалы на infogra выходят регулярно. Чтобы не пропустить ничего, подпишитесь на RSS-ленту.

PixelBuddha

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

Примеры публикаций на pixelbuddha.net в разделе “freebies”

Графика, опубликованная в разделе “Freebies”, полностью разрешена для коммерческого использования. Ее можно использовать при разработке программного обеспечения, веб-сайтов, собственных тем и шаблонов.

PNGTree

PNGTree – это 3 миллиона растровых и векторных изображений, 685 000 фонов, 96 000 иконок.

На скриншоте pngtree.com видно: фон у изображений прозрачный, что очень удобно

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

5 сервисов для создания лого и фавиконов

Logaster

Logaster – сервис для создания логотипов и элементов фирменного стиля в форматах JPEG, PNG, PDF и SVG. Создатели гарантируют, что качества изображения хватит даже для широкоформатной печати.

Logaster подберет вам шаблоны по виду деятельности компании

Недостаток: бесплатно можно скачать только маленькое лого. Полный дизайн-пакет стоит 30 долларов. Кроме фавикона и логотипа (в SVG, PDF, PNG, JPEG и ICO), в него входят макеты визитки, конверта и бланка (в PDF, PNG и DOCX).

Logo Editor Tool Ucraft

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

Процесс создания логотипа в Ucraft

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

Logomakr

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

Делаю в Logomakr логотип для сайта масонов-рептилоидов

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

Online Logomaker

Бесплатный сервис, который использовали уже 2 миллиона человек. Online Logomaker – это тысячи шаблонов, десятки шрифтов, простой и понятный интерфейс.

Начало работы в Logomaker

Есть руководство на русском.

Shopify

Используйте сервис для разработки простых минималистичных логотипов. На shopify вы найдете красивые иконки и не встретите ограничений на размер изображения.

Делать логотип с Shopify просто как дважды два

Готовый логотип приходит на e-mail.

Источник

Вот и все, если Вы хотите «поблагодарить» наше IT сообщество — у вас есть такая возможность: справа есть варианты для пожертвований на развитие портала. Или поделитесь статьей в ваших соц.сетях через сервис ниже.

Похожие материалы:

Лучшие сайты с иконками | Вдохновение для веб-дизайна

Порядок → По алфавиту Популярные

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

524 результатов для »

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

Внешние ссылки: как создавать эффективные значки | Тысячи бесплатных векторных иконок и веб-шрифтов Icon | Проект «Существительное»

• Собрать

• jpeg"},"slug":"ey3k0n","title":"EY3K0N","createdAt":1661323620,"tags":["Red","Games & Entertainment","Yellow","Mobile & Apps","Web & Interactive","Animation","Graphic design","Icons","Green"],"type":"submission"}»>

  Собрать

• Собрать

• jpg"},"slug":"onekey","title":"OneKey","createdAt":1659830400,"tags":["E-Commerce","Mobile & Apps","Technology","Animation","Icons","Scrolling","Green","Transitions","Illustration","React","Shopify","3D","Gatsby","Figma","Cinema 4D"],"type":"submission"}»>

  Собрать

• 4228.png"},"slug":"weprofit-1","title":"WeProfit","createdAt":1659458983,"tags":["Business & Corporate","Technology","Animation","Clean","Colorful","Icons","Blue","Green","White","GSAP Animation","Interaction Design","UI design","Startups","Lottie","After Effects","Next. js","Adobe XD","Adobe Photoshop"],"type":"submission"}»>

  Собрать

• Собрать

• png"},"slug":"halfday-tonics","title":"Halfday Tonics","createdAt":1657261217,"tags":["E-Commerce","Food & Drink","Colorful","CSS","HTML5","Icons","Retro","Black","Orange","Yellow","Illustration","Menu — Horizontal","Shopify","Microinteractions","Vanilla JS","Figma","Sass"],"type":"submission"}»>

  Собрать

• js","GLSL","3D","Next.js","Redux","Sass","Typescript"],"type":"submission"}»>

  Собрать

• Собрать

• jpg"},"slug":"nelson-global","title":"Nelson Global","createdAt":1655273280,"tags":["Business & Corporate","Technology","Clean","Graphic design","Icons","Black","Blue","White","Gallery","Illustration","Responsive","Vue.js","Nuxt.js","Netlify","After Effects","Figma","Social responsibility","Adobe Illustrator"],"type":"submission"}»>

  Собрать

• jpg"},"slug":"movemedical","title":"Movemedical","createdAt":1654841143,"tags":["Business & Corporate","Mobile & Apps","Technology","Animation","Clean","Wordpress","Icons","Black","Blue","White","Data Visualization","Storytelling","GSAP Animation","UI design","Vue.js","Lottie","Figma","Tailwind CSS"],"type":"submission"}»>

  Собрать

• jpg"},"slug":"cig-arcigay-milano","title":"CIG ARCIGAY MILANO","createdAt":1654841141,"tags":["Culture & Education","Institutions","Wordpress","Colorful","CSS","Graphic design","HTML5","Icons","Scrolling","Blue","Pink","White","Interaction Design","Javascript","Social responsibility"],"type":"submission"}»>

  Собрать

• Собрать

• png"},"slug":"flyers","title":"Flyers","createdAt":1652941138,"tags":["E-Commerce","Food & Drink","Icons","Parallax","Retro","Black","White","Yellow","Illustration","GSAP Animation","Shopify","Interaction Design","After Effects"],"type":"submission"}»>

  Собрать

• js","Three.js","Google App Engine","3D","Vue.js"],"type":"submission"}»>

  Собрать

• Собрать

• jpg"},"slug":"cornerstone","title":"Cornerstone","createdAt":1650439998,"tags":["Business & Corporate","Technology","Web & Interactive","Animation","Clean","Icons","Navigation Menu","Typography","Black","Orange","White","3D"],"type":"submission"}»>

  Собрать

• Собрать

• jpg"},"slug":"thursday-the-day-for-singles","title":"Thursday — The day for singles","createdAt":1650262844,"tags":["Events","Mobile & Apps","Colorful","Graphic design","Icons","Green","Pink","Yellow","Experimental","Illustration","Gestures \/ Interaction","UI design","Webflow","After Effects","Figma","Adobe Illustrator"],"type":"submission"}»>

  Собрать

• jpg"},"slug":"solace-documentary","title":"Solace Documentary","createdAt":1649141859,"tags":["Design Agencies","Sports","Web & Interactive","Big Background Images","Icons","Black","Silver","White","Storytelling","3D","Interaction Design","UI design","Netlify","Figma","Blender","Adobe Photoshop","Adobe Illustrator"],"type":"submission"}»>

  Собрать

• jpg"},"slug":"hyphen-1","title":"Hyphen","createdAt":1648110643,"tags":["Technology","Animation","Icons","Responsive Design","Typography","Black","Green","Silver","Forms and Input","Craft CMS","Interaction Design","Startups","Lottie"],"type":"submission"}»>

  Собрать

• Собрать

• png"},"slug":"yggy","title":"YGGY","createdAt":1646

  0,"tags":["Promotional","Technology","Animation","CSS","Fullscreen","HTML5","Icons","Minimal","Single page","Typography","Blue","Green","White","Startups","Webflow","Javascript","Figma"],"type":"submission"}»>

  Собрать

• js"],"type":"submission"}»>

  Собрать

• Собрать

• jpg"},"slug":"stink-studios","title":"Stink Studios","createdAt":1644824486,"tags":["Design Agencies","Technology","Web & Interactive","Graphic design","Icons","Web Fonts","Black","White","Node.js","Filters and Effects","Header Design","404 pages","Netlify","Lottie","Figma","Next.js","Sass"],"type":"submission"}»>

  Собрать

• Собрать

• jpg"},"slug":"isoureconomyfair-org","title":"IsOurEconomyFair.org","createdAt":1643614072,"tags":["Culture & Education","Web & Interactive","CSS","Icons","Scrolling","Black","Green","White","Storytelling","Gestures \/ Interaction","Content architecture","Interaction Design","Javascript","Social responsibility"],"type":"submission"}»>

  Собрать

• Собрать

• png"},"slug":"design-kitchen-school","title":"Design Kitchen School","createdAt":1643268294,"tags":["Art & Illustration","Culture & Education","Web & Interactive","Animation","CSS","HTML5","Icons","Responsive Design","Black","White","Illustration","PHP","Interaction Design","UI design","Lottie","Figma","Adobe Illustrator"],"type":"submission"}»>

  Собрать

• jpg"},"slug":"sally-on","title":"Sally On!","createdAt":1643182390,"tags":["Business & Corporate","Wordpress","Colorful","Graphic design","Icons","Typography","Black","Pink","Yellow","Copy design","Startups"],"type":"submission"}»>

  Собрать

• Мои лучшие 5 веб-сайтов с бесплатными иконками на веб-сайты, которые я люблю использовать, и я могу найти именно то, что ищу, не более чем на 5 веб-сайтах. Вот мои 5 лучших бесплатных веб-сайтов со значками, которые я использую ежедневно

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

  The Noun Project

  https://thenounproject.com/

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

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

  flaticon

  http://www.flaticon.com/

  Еще один веб-сайт с иконками — Flat Icon. Хотя их дизайн не совсем соответствует уровню проекта The Noun, он все же выделяется среди всех другие конкуренты.. Качество по-прежнему довольно хорошее по сравнению с Noun Project, и я нахожу его полезным, поскольку стиль иконок здесь отличается от любого другого из их конкурентов.

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

  Dribbble

  https://dribbble.com/

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

  Behance

  https://www.behance.net/

  Как и Dribbble, Behance.net — это веб-сайт онлайн-портфолио, на котором много вдохновения. Я использую его вместе с Dribbble для вдохновения, но самое лучшее в Behance — это то, что множество бесплатных ресурсов, которые только и ждут, чтобы их использовали! Я могу легко найти бесплатные наборы значков для использования в своих проектах. Некоторые даже настолько специфичны, что я могу легко использовать один набор для всего проекта, что экономит время, а также сохраняет согласованность значков, придавая моим проектам профессиональный вид.

  Iconmonstr

  https://iconmonstr.com/

  Iconmonstr похож на мой лучший выбор, очень прост в использовании. .. прост и мне нравится!

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

  Бонус

  И поскольку я не смог сохранить свой список до 5, вот еще один действительно полезный веб-сайт, который занял 6-е место в моем топ-5 сайтов с бесплатными иконками

  Icons8

  https://icons8.com/

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

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

  Vecteezy

  https://www.vecteezy.com/free-vector/icons

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

  Fontawesome

  https://fontawesome.com/

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

  linearicons

  https://linearicons.com/free

  Подобно Font Awesome, это еще один набор иконок на основе шрифта. .

  Streamline

  https://www.streamlinehq.com/

  
  В библиотеке Strealine более 100 000 иконок. Это еще один бесценный ресурс, который пригодится при поиске набора иконок для веб-сайта или проекта брендинга.

  Вот мои 5 (плюс 5 😅) любимых сайтов с бесплатными иконками, которые я использую больше, чем хочу признать. Иконки играют огромную роль в мире дизайна и играют неотъемлемую часть того, что я делаю изо дня в день, создавая дизайн UI/UX или брендинг. Таким образом, веб-сайты с бесплатными ресурсами, подобные приведенным выше примерам, являются фантастическими и высоко ценятся.

  Веб-сайты Icon — 103+ лучших идей веб-дизайна Icon 2022

  20

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  46

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  8

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  18

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  23

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  4

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  25

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  28

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  5

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  7

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  29

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  27

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  25

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  16

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  12

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  37

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  21

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  10

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  15

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  14

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  11

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  28

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  4

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  5

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  11

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  12

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  5

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  16

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  32

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  12

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  10

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  15

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  4

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  3

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  1

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  0

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  2

  Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

  Вы посмотрели 99дизайнов и хотите еще один кусочек?

  по ET

  Поиск идей для веб-сайтов

  Веб-сайты с иконками не подходят? Попробуйте что-нибудь еще:

  Макет сайтов

  Баннерные сайты

  Сайты-слайдеры

  Обновленные веб-сайты

  Пользовательские веб-сайты

  Космические сайты

  Концептуальные сайты

  Сайты знакомств

  Сайты разработки

  Создание веб-сайтов

  Сайты игр

  Веб-сайты электронной коммерции

  Темные сайты

  Веб-сайты курсов

  Сайты недвижимости

  Как создать дизайн своего сайта с иконками

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

  Начать соревнование

  Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.

  Начать конкурс

  Начать проект

  Найдите идеального дизайнера, соответствующего вашему стилю и бюджету. Затем сотрудничайте один на один, чтобы создать собственный веб-сайт.

  Начать проект

  Узнайте больше о дизайне веб-страниц

  4,6 в среднем от 2355 отзывы клиентов о веб-дизайне

  Что делает сайт с иконками хорошим?

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

  Типы сайтов

  Существует 8 различных типов веб-сайтов. Узнайте, что они из себя представляют, чтобы решить, какие из них будут соответствовать вашим потребностям… Продолжайте читать

  Как создать сайт

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

  Цвета веб-дизайна

  Выбор правильных цветов веб-сайта может подчеркнуть сильные стороны вашего бизнеса и помочь вам привлечь нужных клиентов… Продолжайте читать

  Дополнительные советы по веб-дизайну

  дизайнов иконок веб-сайтов, тем, шаблонов и загружаемых графических элементов на Dribbble

  1. Просмотр 🏴 Набор иконок

     🏴 Набор иконок

  2. Посмотреть иллюстрации функций Ware2Go

     Иллюстрации функций Ware2Go

  3. Посмотреть значки тестового портала

     Иконки тестового портала

  4. Просмотреть Nexudus – панель управления

     Nexudus — информационная панель

  5. Посмотреть 🥳 CommandBar

     🥳 CommandBar

  6. View Modern – Герой маркетингового агентства

     Модерн – Маркетинговое агентство Hero

  7. Просмотр анимированных иконок для синтезированного веб-сайта

     Анимированные иконки для синтезированного веб-сайта

  8. Посмотреть портфолио Design Exploration

     Разработка портфолио

  9. Просмотр значков функций

     Значки функций

  10. ✨ РепроКоннект ✨

  11. Просмотр значков HypeFlags

      Иконки HypeFlags

  12. Посмотреть Новые бесплатные иконки ⚡️

      Новые бесплатные иконки ⚡️

  13. Посмотреть линейные значки

      Линейные значки

  14. Посмотреть Знакомство с универсальным набором иконок на Craftwork

      Набор универсальных иконок для творчества

  15. Посмотреть бесплатные кликоны 💖

      Бесплатные кликоны 💖

  16. Просмотр Odacon — иконки Odama 🔥

      Одакон — Иконки Одама 🔥

  17. Просмотр значков Apple

      Иконки Apple

  18. Веб-сайт View Space (карта пользовательского интерфейса)

      Космический сайт (UI карта)

  19. Просмотр значков веб-сайта FarmSense

      Значки веб-сайта FarmSense

  20. Просмотр спецификации — значки

      Спецификация — значки

  21. Просмотр значков продуктов

      Пиктограммы продуктов

  22. Просмотр значков ткани

      Иконки из ткани

  23. Посмотреть веб-дизайн Ninox

      Веб-дизайн Ninox

  24. Посмотреть маркетинговый веб-сайт OpenColony

      Маркетинговый веб-сайт OpenColony

  Зарегистрируйтесь, чтобы продолжить или войдите

  Идет загрузка…

  10 лучших сайтов для загрузки иконок

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

  Что такое значок?

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

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

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

  Бесплатные иконки уникальны и доступны в различных форматах, таких как SVG, PSD, PNG и EPS. Чтобы облегчить поиск лучших веб-сайтов с иконками, я перечислил ниже 10 лучших веб-сайтов, на которых вы можете найти и скачать иконки. Вот список,

  1. Flaticon

  Flaticon, крупнейшая база данных значков, предлагает 2 604 500 файлов векторных значков, а также различные пакеты значков. С помощью встроенного бесплатного редактора значков вы можете настроить или изменить размер, положение и цвет значков. Иконки доступны в различных форматах файлов, включая PNG, SVG, EPS, PSD и BASE 64 , и вы можете загрузить свою коллекцию как «Шрифт значка» или «SVG Sprite».

  Каждый месяц Flaticon генерирует более 60 000 иконок. Icon даже предлагает такие расширения, как генератор шаблонов, Adobe и генератор шрифтов. Во Flaticon каждый может стать автором и зарабатывать деньги своим творчеством. Flaticon предоставляет как бесплатные значки, так и значки премиум-плана.

  2. Iconfinder

  Iconfinder предлагает 4 285 063 значка SVG и более 50 000 пакетов значков. Онлайн-редактор значков позволяет легко перекрашивать, редактировать и настраивать значки. Значки доступны в различных форматах файлов, включая PNG, SVG, AI, CSH, ICO, ICNS и BASE 64.

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

  3. Icons8

  Icons8 предлагает 123 600 бесплатных иконок в различных форматах файлов, включая PNG, SVG, PDF или вставку . Это позволяет вам изменять цвета значков, добавлять элементы и настраивать отступы перед загрузкой.

  В Icons8 доступны как бесплатные значки, так и значки премиум-плана. Бесплатные значки доступны в 32 стилях, и каждый стиль значков имеет свой размер в пикселях. Премиум-иконки доступны в любом формате и размере.

  4. Проект «Существительное»

  The Noun Project предлагает более 2 миллионов иконок, созданных международным сообществом. Иконки доступны в форматах файлов SVG и PNG . Он позволяет изменять цвет и размер значков. В «The Noun Project» вы можете настроить любые значки для идеального соответствия.

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

  5. Iconshock

  Iconshock предлагает более 2 миллионов профессиональных иконок и около 400 наборов иконок в более чем 30 стилях, включая Flat, Material, iOS, Glyph, Real Vista, Colorful, Window 10, Revamped Office, 3D Realistic. , Isometric и т. д. Iconshock создает около 100 новых иконок каждую неделю, которые будут добавлены в ваш премиум-аккаунт.

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

  6. Iconscout

  Iconscout предлагает более 2 миллионов бесплатных значков и тысячи бесплатных пакетов значков. Иконки доступны в формате PNG, SVG или PDF . Бесплатный онлайн-редактор значков позволяет настроить цвет значка, обводку, стиль и форму.

  Для ускорения рабочего процесса вы можете установить плагин Icondrop, который включает инструменты Sketch, Adobe Illustrator, Adobe Photoshop и Office. В Iconscout доступны как бесплатные значки, так и значки премиум-плана.

  7. IconArchive

  IconArchive предлагает более 735 802 бесплатных иконок и 2458 наборов иконок. Значки доступны в формате Win, Mac и PNG, а также в формате файла SVG как для Интернета, так и для Linux. В IconArchive вы можете искать результаты по цвету.

  Они предлагают дополнительные параметры фильтрации, такие как размер, категория, стиль, лицензия для загрузки значков. Мы можем поделиться значком с другими через Facebook, Twitter или по электронной почте. Чтобы настроить значки, вы можете связаться с художником напрямую, обратившись к его портфолио и веб-сайтам.

  8. Freepik

  Freepik предлагает более 83 832 бесплатных иконок. Иконки доступны в форматах SVG, EPS, PNG, JPG и PSD . Freepik позволяет редактировать векторные файлы, но вам потребуется программное обеспечение для редактирования векторов, например Adobe Illustrator. Это позволяет вам настраивать тексты, формы, цвета и другие элементы.

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

  9. Pixeden

  Pixeden предлагает как платные, так и бесплатные наборы иконок в виде наборов иконок. В Pixeden шрифты значков доступны в формате веб-шрифта Font-Face. Иконки доступны в любом размере, цвете и стиле, как в формате CSS.

  Каждый премиум и бесплатный набор иконок доступен в формате PNG с размерами от 16×16 до 512×512. Pixeden предоставляет значки в различных категориях, включая медиа, мобильные устройства, электронную коммерцию, социальные и концептуальные. Они также предлагают новый инструмент библиотеки значков Orion для бесплатного предоставления линейных, сплошных, цветных и плоских значков.

  10. Streamline

  Streamline предлагает для загрузки более 30 000 бесплатных иконок в формате PNG, а также 53 основные категории и 720 подкатегорий. Иконки доступны в форматах Iconjar, Sketch, FIG, XD, SVG, AI, PDF и PNG .

  Стримлайн предоставьте значки в трех уникальных весах, таких как Light, Regular и Bold. В кроме того, они предлагают два типа пакетов, Essential пакет содержит 14 категорий в одном весе, который обычно используется в дизайне интерфейса и Окончательный пакет содержит 53 категории во всех трех весах, которые можно использовать для любого цель.

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

  Поделитесь этим блогом :

  Вещи, которые вы должны не пропустить как дизайнер

  ЗНАЧКИ! Мы все очень зависим от них.

  Как? Что ж, на пути к этому блогу вы, возможно, нажали несколько иконок. Все делалось путем нажатия на несколько значков, от открытия компьютера до навигации и перехода на этот веб-сайт.

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

  Вспомните время, когда вы открываете Facebook. Каждый значок заменяется длинным предложением на навигационной кнопке. Половина времени пройдет без понимания того, что написано на экране.

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

  В чем разница между логотипом и значком?

  Прежде чем мы перейдем к тому, что нужно помнить при создании иконок, давайте проясним несколько моментов. Как вы думаете, логотипы и иконки — это одно и то же? Это приводит нас к вопросу о том, что такое значок и как его отличить от логотипа.

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

  Да, вы можете взглянуть на экран рабочего стола и заметить, что Adobe Acrobat может отображать логотип Adobe в виде значка. Однако важно знать, что «логотип» — это то, что представляет всю компанию или организацию.

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

  Значки почти часто создаются в квадрантах и ​​масштабируются до определенных пропорций. Это позволяет им вписываться в квадратные размеры значков приложений и/или обеспечивать единообразие при построении действий на сайте. Они имеют тенденцию быть довольно маленькими по размеру.

  У них много общего, но на обычном языке. Однако я бы пришел к выводу, что логотип представляет бренд, а значок представляет действия, идеи, концепции или аналогии.

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

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

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

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

  Перед созданием иконок для веб-сайтов необходимо помнить о нескольких вещах:

  KISS — Keep It Simple & Schematic

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

  Цвета

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

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

  Просторный дизайн

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

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

  Консистенция

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

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

  Сходство

  Все значки должны иметь некоторое сходство. Сходство относится не к их содержанию, а к таким аспектам, как размер штриха, размер пикселя*пикселя, выравнивание и позиционирование.

  Работа по сетке

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

  Где найти бесплатные иконки или вдохновение?

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

  No related posts.