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

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

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

При этом не каждый проект позволяет использовать изображения размерами 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 поиск. Увы, так бывает, что со временем некоторые веб-проекты закрываются, поэтому советуем заранее скачать маленькие иконки для сайтов и сохранить их на компьютере.

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


Комментариев - 8 для поста Небольшие мини иконки для сайта
  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 анимация, а вы сохраняете ее как обычную картинку. Ну, и со второй частью вопроса тоже помочь не смогу — все это нужно постепенно научиться сделать самому в том же фотошопе либо поискать готовую картинку.

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