logo
Ещё

Иконки для сайта – где скачать бесплатно

Иконки для сайта – вещь очень полезная, потому что именно иконки начали процесс превращения чисто текстовых сайтов с ужасными картинками-прямоугольниками в то, что мы имеем сейчас. Пиктограмма – вещь универсальная, ее можно использовать и вместо подсказки, и в «рядовых» случаях вроде оформления меню, и как призыв к действию. Единственная проблема – icons, как и любой графический контент, имеют правообладателя, и если вы будете использовать их без соблюдения прав, то поисковые системы (а в худшем случае – юристы) будут иметь к вам много неприятных вопросов. Поэтому, как и в любой сфере контента в интернете, нужно либо искать free icons (icons8, например), либо покупать платные иконки на iconfinder или других ресурсах. А если у вас достаточно денег, и платные либо бесплатные иконки вам не подходят – можно самостоятельно заказать flat icon или другой тип пиктограмм у иллюстратора. Обо всем этом мы и будем говорить ниже.

Иконки для сайта

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

  • оформление меню;
  • кнопки соцсетей;
  • иллюстрации к действиям;
  • кнопки действий и так далее.


Различных иконок – миллиарды, и обычно отдельные пиктограммы объединены в какие-либо тематические группы: полеты, космонавты, цветы, машины – на любой вкус/цвет и под любые задачи. Огромное преимущество иконок – в большинстве случаев они одноцветные и простые по дизайну, что позволяет рисовать их в форматах векторной графики. А это, в свою очередь, делает размер файла-иконки мизерным – вы можете добавить на страницу сотню иконок, и на скорость загрузки страницы это практически не повлияет.

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

Что касается способов добычи иконок, то 3 основных варианта:

  1. Найти бесплатные.
  2. Купить платные.
  3. Заказать уникальные.

Естественно, самый популярный способ – первый, потому что ни один бизнес в мире не хочет переплачивать. Найти бесплатные иконки можно на специализированных сайтах – обычно сайты одновременно предоставляют и бесплатные, и платные иконки. Не нашли то, что хотели, в бесплатных? Вот вам платные, подойдут идеально (так эти сайты и монетизируются). Некоторые сайт предлагают исключительно платные пиктограммы. Если вы не нашли то, что хотели – можно заказать пакет иконок у дизайнера/иллюстратора. В этом случае вам нужно будет создать ТЗ и найти исполнителя – проще всего это сделать на биржах фриланса.

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

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

Где скачать

Платно

  1. IconFinder. На выбор – 6 миллионов иконок, кроме них есть иллюстрации и 3Д-иллюстрации. Некоторая часть доступна бесплатно, но есть условие – вы должны где-то на сайте указывать автора пиктограммы. По ценам – одна иконка будет стоить около 70 рублей, за 2 000 рублей можно приобрести безлимитный доступ на месяц.

  2. IconSweets. Пиктограммы в Эппловском стиле, более 1 000 штук за 700 рублей, покупаются все сразу.

  3. PixelLove. Еще один пакет иконок в стиле Apple, размер – 5 000 штук. Часть из них доступна бесплатно, но за большинство все же нужно платить. Стоит весь пакет 4 000+ рублей. Иконки передаются в большом количестве расширений.

  4. Pixeden. На выбор – самые разные пиктограммы. Как и на первом сервисе из подборки, часть пиктограмм доступна бесплатно, но вам нужно будет где-то разместить контакты автора. Все остальное доступно по подписке – 600 рублей в месяц.

  5. IconShock. 2 000 000 иконок, распределенных по 400+ тематическим пакам. Есть самые разные виды: одноцветные плоские, объемные и так далее. Интересно устроена монетизация – не нужно платить, если вы используете иконки не для коммерческого проекта. Можно получить и бесплатные иконки для коммерческого использования, но в этом случае вы получаете иконки в минимальном размере и должны на сайте указывать автора пиктограмм. По оплате – 5 500 рублей в год, и можете использовать иконки без каких-либо ограничений.

Бесплатно

  1. Dribbble. Набор из 10 000 бесплатных иконок. Интерфейс у платформы, мягко говоря, не самый удобный, и среди бесплатных наборов то и дело попадаются про-пакеты, которые можно получить за подписку. Но пакеты на этом сайте – авторские, не «засвеченные», поэтому можно найти самые нестандартные и уникальные варианты.
  2. Mario Del Valle. Маленький пакет бесплатных пиктограмм от одного автора.
  3. Mr Icons. Склад бесплатных иконок. Пиктограмм – очень много, в основном встречаются простые, схематические изображения. Большинство – в цвете.
  4. Dreamstale. Здесь одновременно собраны иконки, шрифты, бэкграунды и другие вещи, которые могут быть полезны дизайнеру. Есть проблема с поиском – его, как такового, нет, и все бесплатные вещи перемешаны, поэтому вам придется долго скроллить страницу с наборами, чтобы найти что-то подходящее.
  5. Icojam. Это – блог, в котором группа авторов время от времени постит бесплатные наборы иконок. Сами пиктограммы – в основном схематические, выполненные в одном стиле и с одной и той же (из пака в пак) градиентной расцветкой.
  6. Fribly. Сайт с большой подборкой бесплатных паков. Пиктограммы – самые разнообразные, от схематических до анимированных. Довольно часто выходят новые подборки.
  7. Pixelsmarket. Сайт с небольшой подборкой детализированных цветных пиктограмм.
  8. Iconmonstr. Большая подборка черно-белых скругленных иконок в едином стиле. Пиктограммы отлично подходят для оформления меню и прочих функциональных частей часта.
  9. Flaticon. Одна из крупнейших баз бесплатных пиктограмм – 8 000 000 различных иконок на выбор. Стили, цвета и вариации – самые разные.
  10. The Noun Project. Еще один крупный ресурс с бесплатными пиктограммами – 3 000 000 вариантов на выбор. Тематические паки, удобный поиск, постоянное обновление.

Покупка иконок

2 основных варианта покупки иконок – это пожизненное владение и владение по подписке. В первом случае вы получаете полный доступ к пакету/пиктограмме сразу, как только оплачиваете покупку. Во втором случае вам передают изображения во временное владение – чтобы пользоваться ими, вы должны продлевать подписку. У каждого способа есть свои плюсы/минусы и сферы применения – если вы делаете крупный проект на долгосрок, вам будет выгоднее купить иконки в пожизненное владение; если вы хотите протестировать какую-то идею, более выгодным способом может оказаться покупка подписки. Лайфхак: если вы хотите купить иконку с правом пожизненного пользования, но она доступна только по подписке, вы можете найти контакты автора (обычно они есть на сайте) и попросить его продать вам набор иконок навсегда.

Обычно авторы не против такого варианта, потому что сделка оформляется без посредников, и авторы в любом случае выигрывают.

Заказ иконок у иллюстратора

Итак, если вы не нашли то, что хотели – вы можете заказать иконки у иллюстратора или дизайнера. Здесь нет вообще никаких ограничений: можете заказать 1 иконку или 1 000; можете заказать статичные или анимированные иконки; они могут быть разными или в едином стиле. 2 основных варианта – это фриланс или заказ пиктограмм у студии дизайна. Если вы обращаетесь к фрилансерам – вы сэкономите деньги, но велика вероятность длительных согласований, доработок, сорванных сроков и так далее (если у вас под рукой нет дизайнера, с которым вы уже долго и плодотворно работаете). Если же вы заказываете набор пиктограмм у дизайнерского агентства, то вы получите в срок и то, что вам нужно, но заплатить за это придется больше.

Дизайнерские агентства легко найти по запросу «заказать иконку». Что касается бирж – можете поискать вот здесь:

При поиске исполнителя желательно: а) присмотреться к ценам; б) искать исполнителей с портфолио.

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

Как выбрать иконки

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

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

Это – не полный список, но вы должны уловить саму идею – разные пиктограммы выполняют разные функции. Когда вы сможете ответить себе, для чего вам нужны пиктограммы, вам станет куда легче их искать: вы поймете, нужны вам схематичные изображения или более «творческие»; разноцветные или черно-белые; плоские или объемные и так далее. Общее правило – чем больше внимания вы хотите привлечь к пиктограмме, тем боле заметной (объемной, цветастой) она должна быть. Для кнопок стоит использовать разноцветные изображения, для меню и списков – одноцветные.

Ну и цвет/стиль иконки, естественно, должен подходить под остальной дизайн сайта.

Подведем итоги

Тезисно:

  • Пиктограммы (=иконки) – это небольшие изображения, которые обычно выполняют одну конкретную функцию.
  • Иконки бывают самыми разными – цветными, черно-белыми, скругленными, анимированными, схематичными, объемными и так далее.
  • Пиктограммы бывают бесплатными и платными, бесплатных – очень много.
  • Если вы не нашли ничего подходящего – можете заказать набор иконок на бирже фриланса или у дизайнерского агентства.
  • Чтобы выбрать иконку для своих целей, вам сначала нужно определиться с тем, какую функцию эта пиктограмма будет выполнять.
Часто ищут