Небольшие мини иконки для сайта

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

Используем мини иконки для сайта

При этом не каждый проект позволяет использовать изображения размерами 48×48 пикселей или даже 32×32. Иногда приходится экономить любой участок пространства на странице. В таком случае вам определенно пригодятся разные мини иконки, представленные ниже. Если говорить о размерах, то в основном это 16×16 и 18×18 пикселей, хотя некоторые наборы могут незначительно отличаться.

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

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

FamFamFam

Эти небольшие иконки по праву заслужили широкое признание среди веб-дизайнеров. Являются одними из самых известных и часто упоминаемых в данной нише. На сайте FamFamFam найдете 3 набора, они хорошо и понятно выглядят, при этом не занимают много места.

Иконки FamFamFam

Подборки содержат практически все необходимые иконки для оформления сайта, скачать их можно бесплатно. Энтузиасты даже придумали поиск по FamFamFam, т.к. в Silk около 1000 объектов.

Поиск по FamFamFam иконкам

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

Xiao Icon

Xiao Icon

Неплохой набор аккуратных и ярких мини-картинок от молодого китайского дизайнера. Он содержит 72 PNG элемента, которые допускается размещать где угодно без каких-либо разрешений. В блоге автора имеется вторая версия Xiao Icon v2 с еще 20-тью объектами.

Xiao Icon v2

Там есть и другие материалы, плюс поищите что-то в профиле deviantart.

Diagona pack + Fugue Icons

Две работы от японского дизайнера Yusuke Kamiyamane. Скачивайте маленькие иконки в PNG совершенно бесплатно. Однако с лицензией royalty-free для использования нужно будет указать автора. Плюс в том, что сделать это можно на отдельной странице, например, «О проекте».

Diagona pack

В Diagona pack найдете 400 картинок: конвертики, стрелочки, флажки, наверняка что-нибудь пригодится. Каждая — в двух размерах 10х10 и 16х16 пикселей.

Второй набор Fugue Icons немного другой тематики: календари, лампочки, портфели, — в общем прекрасное дополнение к любому деловому сайту.

Fugue Icons

Для каждого элемента имеется несколько вариантов исполнения, всего получилось 3570 обычных + 350 бонусных мини иконок. Учитывая количество, на странице добавили блок поиска по ним. В скачиваемом архиве будут PSD исходники. Отличная работа!

Social Media Mini Icons by Komodomedia

Social Media Mini Icons by Komodomedia

Оригинального сайта создателей уже нет в наличии, но данный набор сохранился в одном из онлайн архивов иконок. Полезен тем, кто ищет социальные кнопки, — их тут 30 штук (16×16, формат PNG). Картинки в цвете, как вы видите, подходят и для светлых, и для темных фонов. Выполнены аккуратно и  красиво.

Pixelbox icon sets

2 Free Pixelbox icon sets

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

Web development sets

4 Free Web development sets

Интересно, что здесь в картинках имеется словно 2 состояния: активные (цветные) и неактивные. Подобную фишку можно использовать для hover эффекта в веб-проектах. Материалы 16×16 отлично смотрятся.

Hand pointer icons

Hand pointer icons

Состоит из 36 объектов-указателей. Кроме PNG формата есть PSD файл для фотошопа. Указатели имеют 6 цветовых решений и 6 типов (направлений). Возможно, кому-то из вас пригодится — на скриншоте выше показано как они смотрятся с другими элементами сайта.

BWPX.ICNS

BWPX.ICNS

Подборка 250 монохромных иконок размером 18×18 и разными функциями: от компьютеров, безопасности до ecommerce. В оригинале данный архив не сохранился, поэтому приходится скачивать его с Softicons.

SweetiePlus

SweetiePlus

Милые маленькие иконки в PNG формате двух размеров: 24×24 16×16. Всего получилось 120 элементов, которые можно использовать для веб-приложений, а также создание сайтов и шаблонов под них. Приятно то, что разрешается внедрять данные картинки в любые проекты, в том числе и коммерческие, например, премиум шаблоны WordPress.

HoHoHo

HoHoHo

Еще один «древний» набор, который сохранился до наших дней. Он слегка отличается от других, т.к. во-первых, содержит наиболее крохотные материалы — всего 10х10, во-вторых, выполнены они в GIF. Картинки имеют серый окрас и могут сгодиться для технических веб-проектов.

Circular Icons

Circular Icons

Здесь представлены на выбор 3 варианта работы. Первый из них содержит картинки 4х размеров — от минимального 16×16 до 128×128. Бесплатно вы можете скачать маленькие иконки в PNG, а SVG и Sketch стоят денег. В принципе, это удобно — тестируете обычную версию, после чего покупаете «продвинутую», если все подходит. Все они, как видите, круглые, без фона.

Web Mini + Web 2.0 Basic Mini

Обе подборки вместе с другими материалами автора находятся на одной странице. Картинки 16x16px можно скачать в PNG, GIF и ICO форматах.

Web Mini

Первый архив (Web Mini) разработан для сайтов, блогов, форумов и т.п. Используйте их в панелях инструментов веб-приложений.

Web 2.0 Basic Mini

Из названия второго варианта Web 2.0 Basic Mini вы наверняка догадались, что он предназначен для проектов в стиле Web 2.0. Мини иконки здесь представлены в трех цветовых решениях: синем, оранжевом и зеленом. Не смотря на то, что они однотонные, выглядят достаточно эффектно.

LED Icon Set

LED Icon Set

Подборка профессиональных материалов для дизайнеров и веб-разработчиков, которые можно применять в коммерческих проектах (с упоминанием авторов). Здесь более 500 PNG картинок на любой вкус: функции, смайлы, объекты, компьютерная техника и т.п.

Splashy Icons

Splashy Icons

Приз за самую яркую идею сайта-источника уходит создателям Splashy Icons. Они просто добавили все материалы в качестве фонового изображения. В центре страницы находится ссылка для загрузки, где указано их общее число  — 483штуки. Все это бесплатно.

Web-design Iconset by SemLabs

Web-design Iconset by SemLabs

Еще одна реализация цветных маленькие иконок для сайта, исходная страница которой, к сожалению, не сохранилась. Поэтому приходится искать и скачивать объекты по отдельности с Softicons. Тематика, в принципе, стандартная — «Web интерфейс», размеры 16×16, коммерческое применение разрешено.

Essen

Essen

Материалы из данного набора имеют несколько похожих вариаций, но в других цветах: Berlin — серый, Munich — оранжевый, Dortmund — темно-серый с некоторыми измерениями в изображениях. Рассматриваемый нами архив содержит цветную версию. Сайт создателя, увы не сохранился, а Google поиск выдал ссылку на проект Iconfinder. Там доступна загрузка всех 100 файлов, но по отдельности. Нужно только выбрать 16×16 или 32×32.

MiniPixel Icons ByStudioM6

MiniPixel Icons ByStudioM6

Подборка из 112 достаточно оригинальных по исполнению PNG картинок. Размер их 15×15. Как и в Web development sets, часть материалов цветные, другая — серые (словно неактивные).

ASP.NET Icons v1.0

ASP.NET Icons v1.0

Еще один необычный по исполнению набор, содержащий иконки программ под ASP.NET. Их, в принципе, можно удачно применять и в любой другой похожей нише. Много системных и компьютерных GIF изображений — всего 300.

Vento

Vento

Отличные небольшие иконки по разным тематикам, причем не только связанным с техникой. Всего 80 PNG файлов, подходят для использования в коммерческих задачах. Смотрятся весьма стильно и детализировано, не верится, что их размер всего 16px.

UI Icon Set

UI Icon Set

Последние 3 набора созданы одним и тем же автором — Matt Gentile. Вероятно, в сети есть еще несколько его работ. Данная подборка состоит из 110 объектов в 3х вариантах: 16px, 32px, 48px. Кроме того, в архиве найдете PSD исходники.

Premium Pixels Icon Set

Premium Pixels Icon Set

Пусть вас не смущает слово Premium в названии — это сайт, для которого Matt создавал эксклюзивную коллекцию. Всего получилось 58 элементов. Как и в предыдущем случае они содержат PSD, PNG и даже CSH файл форм.

Micro Icon Set

Micro Icon Set

В принципе, стилистика всех работ данного автора похожа. Не смотря на использование всего одного цвета, эти небольшие объекты выглядят вполне выразительно. Здесь все то же самое: 3 формата файлов, размер 16px, 110 миниатюрных изображений.

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

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

Если знаете еще какие-то интересны варианты, присылайте в комментариях.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 10 для поста Небольшие мини иконки для сайта
  1. ]]> W32Blaster ]]> (Ноябрь 16, 2008)

    Ай спасибо! Вот это, пожалуй, самая полезная коллекция будет! Спасибо огромное!

  2. ]]> Yohan ]]> (Ноябрь 19, 2008)

    С флажками — как раз нужно для одной софтины, что делаем… Спасибо!

  3. ]]> Zefo ]]> (Декабрь 23, 2008)

    Благодарю. Как раз то что искал.

  4. ]]> Arsen ]]> (Ноябрь 20, 2009)

    Ой флажочки! Это мне как раз и нужно!

  5. ]]> evgen ]]> (Декабрь 24, 2010)

    А есть ли архив целиком ?

  6. ]]> Tod ]]> (Декабрь 24, 2010)

    evgen, к сожалению нет, только так.

  7. ]]> Julius Neve (Юлюс) ]]> (Август 18, 2012)

    Назаву себя так. Я чайник имеющий имя Юлюс. Я случайно обнаружил смайлик, который меня очень заинтересовал. Скачал его с http://smayliki.ru/smailie-1094944551.html
    Это движущая анимашка флаг несущего человечика. Отдельно задействованная она двигается – всё в порядке. Но когда я её копирую и переношу на файл – движение прекращаетса, смайлик застывает. Я немогу заставить его двигатса. Помогите советом.
    И ещё. Где найти иконку или маленькую картинку –тюремной решотки. Научите такую картинку-иконку накладывать на что либо. За ранее говорю спасибо за подсказку.

  8. ]]> Tod ]]> (Август 19, 2012)

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

  9. ]]> Зенков Андрей ]]> (Апрель 7, 2017)

    Ещё бы все иконки в архив — было бы замечательно. А так, для сайта вполне пригодятся и стандартные. Спасибо!

  10. ]]> Tod ]]> (Апрель 7, 2017)

    Андрей, большинство лицензий запрещает распространять материалы от своего имени, в том числе и загружая в один архив. Поэтому могу размещать только так:) Да, и не все захотят качать по 100-200мб ради одного набора.

Оставить комментарий
для статьи Небольшие мини иконки для сайта