Иконки маленькие для сайта: Маленькие заметки – Бесплатные иконки: образование — Независимое театральное объединение "Зрительские симпатии"

Содержание

Лучшие мини иконки для сайтов

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

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

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

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

FamFamFam

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

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

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

Xiao Icon

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

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

Diagona pack + Fugue Icons

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

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

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

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

Social Media Mini Icons by Komodomedia

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

Free Farm-Fresh Web Icons

Достаточно объемный по содержанию архив — почти 4тысячи пиктограмм в двух размерах 16×16 и 32×32. Судя по описанию, есть отдельно цветной и монохромный релизы, а также сборник ICO-файлов в дополнение к базовым PNG.

Pixelbox icon sets

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

Web development sets

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

Hand pointer icons

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

BWPX.ICNS

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

SweetiePlus

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

HoHoHo

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

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 2.0 Basic Mini вы наверняка догадались, что он предназначен для проектов в стиле Web 2. 0. Мини иконки здесь представлены в трех цветовых решениях: синем, оранжевом и зеленом. Не смотря на то, что они однотонные, выглядят достаточно эффектно.

LED Icon Set

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

Splashy Icons

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

Web-design Iconset by SemLabs

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

Essen

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

MiniPixel Icons ByStudioM6

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

ASP.NET Icons v1.0

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

Vento

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

UI Icon Set

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

Premium Pixels Icon Set

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

Micro Icon Set

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

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

Isometric Flat Icons

600 Thin Line Mini-icons

Vector Black Pictograms for Web

Interface / Business / Tools Mini Icons

Shopping and Commerce Set

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

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

5 советов как выбрать иконки для сайта

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

Чем руководствоваться и как не оттолкнуть свою аудиторию?

Рассмотрим ответы на эти и другие вопросы в нашей сегодняшней статье.

1. Аудитория сайта

Для чего вообще нужны иконки на сайте?

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

Например, пенсионер не поймет современных градиентных или залитых и слишком сложных по композиции иконок, так же как и молодая аудитория не воспримет с восторгом объемные, вышедшие из моды иконки.

Общие рекомендации по подбору стиля иконок основываясь на целевой аудитории вашего сайта:

Не используйте современные , креативные и «сложные» иконки , если аудитория вашего сайта 45 +
Для молодежных проектов, старайтесь подобрать креативные и яркие иконки
Если вы не уверены или еще не выяснили свою целевую аудиторию – правильным выбором будут современные иконки, но в приглушенных постельных тонах. Они не отпугнут возрастную аудиторию, кричащими цветами и сложной композицией и не заставят думать молодую аудиторию, о том, что ваша компания застряла в 2000-х годах

2. Стиль иконок

Условно мы можем поделить иконки на три большие группы

Контурные (другие названия — строуковые, лайновые )
Залитые (градиентом, сплошным цветом, двумя цветами и тд.)
Объемные иконки которые долгое время были на всех сайтах во время движения стиля скевоморфизм. Самый яркий представитель – apple со своими первыми версиями ios.

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

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

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

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

Однако, если вы питаете симпатию к объемным иконкам, вы можете использовать вместо плоских иконок, 3D модели.

Это оживит ваш дизайн и не будет смотреться старомодно.

3.Функциональность иконок

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

Они должны наглядно показывать смысл текста/ действия к которому они относяться.

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

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

4. Единство иконок и стиля

При выборе иконок для вашего сайта, так же следует помнить о таких важных вещах, как :

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

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

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

5. Размер иконок

Да, размер имеет значение.

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

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

Самая большая ошибка – это композиционно сложные, многоцветные иконки в маленьком размере, что толку, от того, что в ваших иконках отображена чуть ли не улыбка моны- лизы, если пользователь просто не разглядит ваше произведение искусства ?

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

Вот и все !

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

1009 значков небольшого размера — бесплатно в SVG, PNG, ICO

Получите неограниченный доступ к более чем 6,4 миллионам активов

Получите неограниченное количество загрузок

Маленький размер Значок

Футболка маленького размера Значок

Доставка небольшого размера Значок

Маленький размер Значок

Доставка небольшого размера Значок

Этикетка небольшого размера Значок

Растение в горшке небольшого размера Значок

Этикетка очень маленького размера Значок

Минимизировать Значок

ХХ Значок

Миниплеер Значок

Маленький Значок

Крах Значок

Копилка Значок

Корзина Значок

Мегафон Значок

Цель Значок

Деловая книга Значок

Кошелек Значок

Магазин Значок

Монета Значок

Рукопожатие Значок

Долларовые шары Значок

Долларовая монета Значок

Деньги Бумажный доллар Значок

Коробка Значок

Счет Значок

Диаграмма Значок

Дерево диаграммы Значок

Доход в долларах Значок

Сумка для покупок Значок

Файл счета-фактуры в долларах Значок

Денежный чек Править Значок

Деньги Значок

Тег скидки Значок

Перекрестие Значок

Рост Значок

Дебетовая карточка Значок

Круговая диаграмма Значок

Гистограмма отчета Значок

Бумажный знак Значок

Объявление Значок

Расстановка Значок

График Значок

Диаграмма Гистограмма Значок

Сумка Значок

Банк Значок

Портфель Значок

График скидок Значок

Сумка Значок

Калькулятор Значок

Сеть Значок

Проверьте бумагу Значок

Сложенная бумага Значок

Трофей Значок

Карта Значок

глобус Значок

Белл Значок

Стек Книга Значок

поддон Значок

Открой книгу Значок

Доска Значок

Медаль Значок

микроскоп Значок

Учебная лампа Значок

Книга Значок

Линейка Значок

Рюкзак Значок

Школа Значок

Сумка Значок

Отметка Значок

шкафчик Значок

Маска Значок

Примечание Значок

Образование Значок

Мобильный курс Значок

Расписание Значок

Бумага Значок

Закладка Значок

Автобус Значок

Рисование компаса Значок

Математика Значок

Аудиокнига Значок

Карандаш Значок

Награда Значок

Университет Значок

Пробирка Значок

Онлайн-курс Значок

Линейка Значок

Коробки Abc Значок

Язык Значок

Сумка Значок

Вопрос Значок

мышь Значок

Видео проигрыватель Значок

Оратор Значок

Батарея Значок

Баран Значок

Проигрыватель Значок

Чип Значок

Хранилище Значок

ТВ Значок

Радио Значок

вга Значок

Чип-протектор Значок

Вентилятор Значок

Власть Значок

Хранилище Icon

14 маленьких наборов мини-иконок для ваших веб-проектов

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

Узнать больше

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

Шаблон временной шкалы PowerPoint с 8…

Включите JavaScript

Шаблон временной шкалы PowerPoint с 8 стилями

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

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

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

Мини-иконки от FamFamFam

Пин-код

FamFamFam — это ваш сайт, на который стоит перейти, если вам нужна мини-иконка. Это сайт Марка Джеймса, веб-разработчика из Бирмингема, Великобритания. Этот конкретный набор содержит 114 маленьких GIF-иконок, которые можно бесплатно использовать как в коммерческих, так и в личных проектах.

Моно-иконки от Tutorial9

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

Иконки флагов от FamFamFam

Это еще один набор, который FamFamFam может предложить вам. Если вам когда-либо понадобится значок флага, вы обязательно найдете тот, который ищете, в этом наборе. Этот набор содержит 247 маленьких значков — в форматах GIF и PNG. Вы найдете большинство стран мира в виде маленьких пиксельных значков.

Иконки SweetiePlus от Sublink Interactive

Булавка

Этот новый набор от Sublink Interactive настолько сладок, насколько это возможно. Если вы пытаетесь найти иконку с чистым и очаровательным дизайном, вам стоит поискать ее здесь. Эти маленькие значки имеют четкие и простые формы. Набор состоит из 120 значков, идеально подходящих для использования на веб-сайтах или в приложениях.

Fugue Icons by P.Yusukekamiyamane

Этот набор от p.yusukekamiyamane содержит так много мини-иконок, что трудно не найти ту, которую вы ищете. Имеет огромное количество 3570 иконок в формате PNG (16×16 пикселей) + 352 бонусных иконки.

Иконки от app-bits.com

Пин-код

Это набор действительно симпатичных мини-иконок от app-bits. Их можно использовать бесплатно, если вы не изменяете и не перепродаете их. Иконки бывают PNG размером 26px и Retina 52px, и вы можете использовать их для коммерческих или личных проектов.

Иконки от Picol.org

Пин-код

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

Иконки электронной коммерции

Пин-код

Это набор мини-иконок, которые можно использовать в веб-дизайне, мобильных приложениях и других проектах. Они доступны в форматах файлов AI, EPS, PDF, PNG.

Значки от Androidicons.com

Пин-код

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

Значки от Defaulticon.com

Пин-код

На defaulticon. com невозможно не найти нужный мини-значок. Этот сайт представляет собой хранилище минимальных черных иконок, которые можно использовать для дизайна пользовательского интерфейса. Всего доступно 653 мини-значка, начиная от стрелок и заканчивая различными формами, маленькими значками принтера, маленькими значками камеры, мини-значками мужчин/женщин, значками мороженого, мини-значками медицины, такими как первая помощь и другие, значками мини-файлов (добавить , загружать, изменять размер и т. д.), небольшие значки файлов и многое другое.

Экологические значки от Filborg

Пин

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

Icons by iconsweets.com

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