Иконки для сайта маленькие: мини Иконки — скачать 93 бесплатно Иконки PNG, SVG, ICO или ICNS
28.05.2020
Разное
Лучшие мини иконки для сайтов
Оригинальные маленькие иконки для сайтов и разного рода веб-приложений могут быть весьма полезными. Они помогают пользователям лучше ориентироваться, быстрее находить информацию и решают определенные задачи. Подобные картинки часто применяются для «выделения» элементов сайта или даже их замены: лупа вместо текста в блоке поиска, изображение домика вместо ссылки на главную или «дерево объектов» для карты сайта. В мобильных приложениях они еще более актуальны.
При этом не каждый проект позволяет использовать изображения размерами 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 поиск. Увы, так бывает, что со временем некоторые веб-проекты закрываются, поэтому советуем заранее скачать маленькие иконки для сайтов и сохранить их на компьютере.
Если знаете еще какие-то интересны варианты, присылайте в комментариях.
Иконки для сайта: какие бывают, зачем нужны и где их брать?
Иконки плавно и основательно стали обязательным атрибутом любого качественного сайта. Поговорим о том, какие бывают иконки, когда и в каких целях их стоит применять и где их брать.
Содержание
- Какие бывают иконки?
- Зачем нужны иконки на сайте?
- Где взять иконки для сайта?
Какие бывают иконки?
В этом материале мы не станем рассматривать иконочные шрифты, а поговорим об иконках в формате изображений.
В зависимости от типа графики иконки делятся на:
-
Векторные (формат SVG).
Такие иконки масштабируются без потери качества и поддерживают канал прозрачности.
-
Растровые (формат PNG).
Растровые иконки в веб-дизайне целесообразно применять именно в PNG-формате: он имеет канал прозрачности и лучше подходит для картинок с относительно небольшим количеством цветов, чем формат JPG.
-
Символьные (форматы шрифтов).
В веб-дизайне нередко применяются иконочные шрифты (например: FontAwesome, IcoMoon), содержащие множество иконок в качестве символов. Минус таких иконок в ограничении цвета и стиля: это всего лишь символы.
Существуют основные следующие стили оформления иконок:
- плоские (flat),
- контурные (outline),
- объемные (3D).
Иконка с одинаковым значением в разных стилях:
Контурная
Плоская
Объемная
Зачем нужны иконки на сайте?
Как все мы помним из детства: любая книга интереснее, если в ней есть картинки. Сайтов это касается в значительно большей степени, ведь пользователи не столько читают контент веб-страниц, сколько просматривают, а иконки способствуют улучшению восприятия представленной информации.
Иконкам можно найти применение на любом сайте:
-
В дополнение к пунктам навигации.
Благодаря единому размеру, иконки в навигации способствуют скорейшему запоминанию каждого пункта. В меню сайта иконки могут полностью заменять текст в адаптивном дизайне или других случаях изменения интерфейса. Такой подход применяет в интерфейсе панели управления Joomla 4:
Иконки в меню админки Joomla 4
Иконки при скрытии текста пунктов меню
-
Для функциональных кнопок.
Не будем далеко ходить и вспомним интерфейс админки Joomla 3, в котором также активно применяются иконки для обозначения функциональных кнопок и не только их.
Иконки в кнопках админки Joomla 3
Иконки на странице интернет-магазина
-
Для обозначения любого элемента контента.
Особенно это касается лендингов, где почти каждый элемент страницы сопровождается графическим объектом. В частности, иконки практически всегда применяются для блоков преимуществ и в призывах к действию:
Иконки преимуществ на лендинге
-
Для обозначения мета-информации.
Иконками можно помечать любые мета-данные на веб-страницах: дату создания, изменения и публикации, имя автора, категорию, рейтинг, комментарии и т. д.
Во всех этих случаях можно применять иконки любого формата графики, но в первых трех чаще всего применяются именно иконочные шрифты, т. к. один шрифт может содержать весь необходимый набор иконок.
Где взять иконки для сайта?
Иконочные шрифты
Существуют следующие популярные иконочные шрифты, ознакомиться с которыми и скачать вы можете на соответствующих сайтах:
-
Font Awesome.
Самый популярный иконочный шрифт, который изначально создавался для Bootstrap.
Иконки из Font Awesome
-
IcoMoon.
Иконки из этого шрифта применяются в админке Joomla 3.x.
Иконки из IcoMoon
-
Themify Icons.
Этот бесплатный шрифт включает более 320 контурных иконок.
Иконки из Themify Icons
-
Fontello.
Это не шрифт, а веб-сервис, позволяющий создавать наборы нужных к применению на сайте иконок из представленного набора и сохранять их в формате шрифта.
Сервис Fontello
Иконки в формате изображений
В Интернете огромное количество ресурсов, предлагающих картинки для бесплатного скачивания. Мы не будем их пречислять и вводить вас в заблуждение, а ознакомим с самым лучшим, на наш взгляд, сервисом по подбору иконок — Iconfinder.
Iconfinder отличается:
- более 2 750 000 бесплатных и платных иконок и их наборов в самых разных форматах;
- удобной системой поиска и фильтрации иконок по стоимости, формату и стилю;
- сервисом создания и изменения иконок под заказ;
- браузерным онлайн-редактором выбранных иконок;
- возможностью выбора размера и формата иконки для скачивания.
Рассмотрим сервис Iconfinder на примере поиска иконки по запросу Joomla:
-
Переходим на www.iconfinder.com.
-
В строку поиска вводим запрос Joomla и ищем.
-
Откроется страница с результатами поиска. Стоимость платных иконок указана в левом нижнем углу иконки. Отфильтровать платные иконки можно с помощью фильтра в левой части страницы.
-
Для скачивания бесплатной иконки в нужном формате (в формате PNG иконка будет иметь размер 128x128 px) нужно кликнуть по названию формата левом нижнем углу иконки.
-
Если необходимо скачать в формате PNG с размером 512x512, 256x256 px или с другим размером, в другом формате, то кликните по стрелке в левом нижнем углу иконки и выберите нужный вариант из контекстного меню.
-
Из этого же контекстного меню можно перейти в онлайн-редактор иконки, нажав Open in Icon Editor: откроется страница редактрования, где можно изменить размер, цвет иконки, добавит текст и много другое. Для скачивания отредактированной иконки нужно нажать Download Icon в правом верхнем углу редактора.
пп. 1, 2
п. 3
пп. 4, 5
п. 6
Ознакомиться с наборами иконок можно на странице Icon sets:
Страница с наборами иконок
Комментарии для сайта CackleИконки для разработчиков и дизайнеров — Программирование и не только
В эпоху современной разработки различных программ и интерфейсов сложно представить жизнь без иконок. Иконки помогают выделить определенный элемент интерфейса, предав ему лаконичный и выразительный вид, при этом не теряя логического смысла. И не важно в какой области вы являетесь разработчиком, использование иконок сделает ваши продукты еще более привлекательным и конкурентоспособными.
Я не стал рассматривать платные иконки и ресурсы, где можно покупать графику. Конечно, если вы хотите придать своим продуктам уникальное оформление, то без покупки каких-то платных наборов сложно будет обойтись. Поддержку крупных проектов без своего дизайнера сложно представить. Тем не менее бесплатные наборы иконок часто помогают в работе даже опытным дизайнерам, которые ищут новые идеи или хотят попросту сэкономить свое драгоценное время.
1. Free Icon & Vector Illustrations
На данном сайте собрана большая коллекция иконок (более 475 тыс.) с возможностью поиска по тегам. Есть возможность искать новые иконки, используя наборы иконок (2677 наборов). Проект является бесплатным. Существует возможность добавления своих иконок для других пользователей. Здесь вы найдете различные наборы иконок для социальных сетей, смайлы, флаги, пользователей, типы файлов, системные иконки, праздничные (например, День Валентина), иконки оплаты, иконки здоровье и медицина, для мобильных устройств (iOS и Android), office 2013, metro ui. На сайте есть векторные, круглые, квадратные, плоские и т.п. иконки.
2. Поисковая система иконок IconBird
Небольшая русскоязычная поисковая система иконок (чуть более 50 тыс.). Представляю вашему вниманию на всякий случай, если что-то не найдете в первом рассматриваемом варианте поисковой системы иконок. Здесь есть возможность поиска по наборам иконок с простыми удобными фильтрами категорий и стилей иконок.
Конечно наборов здесь чуть больше 500, но есть много интересных и полезных иконок.
3. Iconfinder
Довольно интересная и богатая библиотека иконок. На сайте написано, что в базе свыше 1 400 000 иконок, но вместе с платными. В реальности бесплатных иконок гораздо меньше. По моим подсчетам бесплатных наборов около 2290 штук. Мало это или много — решать вам. Однако заглянуть на сайт думаю стоит.
4. Free Icons, Over 1600 Free Icon Set Download
Качественные наборы иконок с возможностью выбора по категориям и цветовым фильтрам. Для удобства сайт снабжен поиском по тегам. На данный момент сайт содержит около 2427 наборов иконок. Все аккуратно, стильно и бесплатно!
5. Icons and Vector Graphics
Прекрасные современные иконки для истинных ценителей красоты и идеальности. Есть платные и бесплатные иконки. Нет слов, просто рекомендуем к скачиванию около 5047 наборов с бесплатными иконками.
6. Free Icons Download
Небольшая коллекция иконок, включающая 167 наборов. Есть интересные и полезные элементы, которые могут пригодиться вам. Возможно, здесь найдется что-то, чего не было на других сайтах.
7. Free icons and png icons download
Богатая зарубежная библиотека наборов иконок (около 73163). Не стану описывать какие иконки есть на сайте, т.к. это надо видеть самим. Рекомендуем к скачиванию.
8. IconSearch — делаем поиск иконок проще
Бесплатный отечественный проект по поиску иконок. Ничего особенного нет — это поиск по тегам и около 154 271 иконок. Я думаю, стоит обратить свое внимание на этот сайт.
9. Icon Archive
Довольно содержательный архив с набором иконок (2443 набора), в котором около 590 917 иконок. Простая удобная навигация по наборам, встроенный поиск и простая система фильтров (по дате, популярности, размеру, алфавиту и т.п.). Рекомендуем также к просмотру.
10. DeviantArt — The largest online art gallery and community
Собрана богатая коллекция свыше 1 987 070 иконок. Здесь можно найти что-то уникальное и новое для себя. Много профессиональных и ярких иконок. Однозначно, рекомендуем!
11. Free vector icons
Хорошая и качественная подборка бесплатных векторных иконок (297 689 штук). Многообразие цветовых гамм и самих иконок оставит вас не равнодушными к данному сайту.
12. 39 000 бесплатных иконок
Не самая крупная коллекция иконок. Есть возможность выбора любого формата, цвета и размера. Данный ресурс будет особенно интересен разработчикам мобильных устройств и программных интерфейсов.
13. Free icons — 99 300 files in PNG, EPS, SVG format
В принципе, аналогичен предыдущему ресурсу, только поддерживается зарубежными разработчиками. Существует возможность добавления иконок в коллекцию. Данный сайт более богат на количество иконок к бесплатному скачиванию.
14. Download Free Vectors, Photos, Icons, PSDs and more
Зарубежный сайт с богатой коллекцией бесплатных иконок. Более 20 различных категорий наборов. Сортировка и выбор отображения иконок на странице.
15. Free icon for free download
Обычный сайт с 17 000 иконок. Стандартные возможности поиска по тегам и фильтры. Хорошие и приятные иконки для ваших интерфейсов.
16. CSS Author
Очень маленькая коллекция наборов с иконками (около 20). Возможно именно здесь вы найдете что-то интересное для себя. Рекомендуем заглянуть на данный сайт.
17. Free Resources For Designers and Developers
Сайт оформлен в виде блога, содержащего интересные и полезные наборы иконок. Есть возможность покопаться и выбрать для себя интересные иконки.
18. Dreamstale: Graphic Design Resources
Средняя коллекция иконок, совмещающая в себе простоту и современность дизайнерских решений.
19. Download Free Vector Art, Stock Graphics & Images
Качественные бесплатные иконки не существуют? Кто вам такое сказал. На данном сайте огромное множества бесплатных иконок. Большая часть графики не совсем связана с иконками, но что мешает нам использовать ее для создания наших собственных наборов иконок.
20. Oxygenna — WordPress Bootstrap Theme Developers
Маленькая коллекция иконок. Однако заслуживает своего внимания. Например, есть набор с иконками супергероев 😉
21. Icon sets & stock icons
На данном сайте наборы иконок собраны в группы (подобно категориям). Наблюдается немного длительная загрузка страниц, т.к. на одной странице размещается много графических элементов. Вывод: рекомендуем к просмотру.
22. Free simple icons for your next project
Представлен набор иконок одного большого пакета iconmonstr. Возможно, здесь собраны то, что вы ищите. Пользуйтесь.
Блог с выразительными и яркими иконками. Скаченные пакеты иконок идут с несколькими графическими форматами.
24. Free PSD Files, Graphics & Web Design Resources
Богатый архив различных изображений иконок. Кладовая для разработчиков и дизайнеров интерфейсов.
25. Endless Icons
Здесь вашему вниманию представлен набор черно-белых иконок, включенного в состав одного более крупного пакета Endless.
Получилась весьма неплохая подборка интернет-ресурсов, посвященных коллекциям иконок. Здесь собраны далеко не все сайты, но их большее количество. Я старался собрать наиболее популярные и интересные проекты. Большую часть сайтов из данной статьи я использую в своей работе.
|
11 лучших сайтов для получения бесплатных иконок - Gist
Иконки везде. Это чрезвычайно полезный и наглядный способ помочь людям понять ваш контент. Создание значков может занять очень много времени, как и поиск именно того, который вам нужен.Мы составили список из 11 лучших веб-сайтов, чтобы получить бесплатные значки, которые помогут сократить время поиска и продолжить писать и создавать.
1. ICONMNSTR
Наш любимый сайт с быстрыми, легкими и настраиваемыми значками. Максимальный размер пикселей для PNG ограничен 240 × 240 пикселей, но вы всегда найдете здесь хороший выбор основных значков.
Лицензия: Бесплатные векторные иконки для коммерческого или личного использования с кредитом.
2.FLATICON
FlatIcon также занимает первое место в списке по той причине, что он чрезвычайно прост в использовании и почти всегда будет иметь то, что мы ищем! Векторные иконки также можно настраивать.
Лицензия: Бесплатные векторные иконки для коммерческого или личного использования с кредитом.
3. DRYICONS
DryIcons охватывает широкий спектр тем, поэтому есть большой выбор, но вы можете легко сузить его до нужного стиля и темы.
Лицензирование: Не забудьте проверить, подпадают ли значки под бесплатное, обычное или расширенное лицензионное соглашение.
4. MR.ICONS
Множество стандартных и уникальных наборов значков, которые можно загрузить бесплатно. Легко перемещаться по веб-сайту для простоты использования.
Лицензирование: Mr.Icons может размещать различные лицензионные соглашения для каждого вектора или набора векторов, поэтому проверьте перед использованием.
5.ГРАФИЧЕСКИЙ БУРГЕР
На все и вся! Graphic Burger часто предлагает несколько необычных наборов значков, которые можно просмотреть и загрузить.
Лицензирование: Бесплатные векторные иконки для любого количества личных и коммерческих проектов.
6. PIXEDEN
Pixeden Premium продается по цене 6 долларов в месяц, но у них есть страница, полная загружаемых, бесплатных иконок. Каждый бесплатный набор значков поставляется в формате PNG размером до 512 × 512 пикселей.
Лицензия: Бесплатные векторные иконки для коммерческого или личного использования.
7. ICONFINDER
Обширная база данных значков и наборов значков. IconFinder имеет удобный инструмент фильтрации, который сэкономит вам массу времени. Вы можете фильтровать по формату значков, цене (бесплатно), типу и размеру лицензии.
Лицензирование: Бесплатные векторные иконки для коммерческого или личного использования (при правильной фильтрации), но всегда не забывайте проверять каждый значок или набор значков.
8. ИКОНА КАПИТАНА
Наборы черно-белых значков доступны для бесплатной загрузки. Отлично, если вы ищете что-то более уникальное и неформальное для своего проекта.
Лицензия: Бесплатные векторные иконки для коммерческого или личного использования.
9. ХОРОШИЕ МАТЕРИАЛЫ, БЕЗ БУМАГИ
22+ бесплатных набора значков, организованных в полезные темы без указания авторства.
Лицензия: Бесплатные векторные иконки для коммерческого или личного использования.
10. БЕСПЛАТНАЯ ОШИБКА
Хороший выбор бесплатных наборов иконок для просмотра, а также множество бесплатных подарков для дизайнеров. Из шрифтов, макетов, дизайнов приложений и множества других шаблонов в файлах разных типов.
Лицензирование: Иконки без лицензионных отчислений для личного использования. Свяжитесь с автором для получения полных коммерческих лицензий.
11. DESIGNBEEP
Блог о дизайне, предлагающий множество бесплатных подарков от друзей, вдохновение и даже руководства по дизайну.
Лицензирование: Designbeep предлагает бесплатные услуги из внешних источников, но не забывайте внимательно читать каждый пост, некоторые могут предлагать только бесплатную пробную версию.
Спасибо за чтение! Поставьте нам лайк на Facebook и дайте нам знать, какие сайты вы используете для бесплатных иконок.
Чтобы узнать больше, узнайте, как сайты бесплатных стоковых фотографий могут улучшить ваш контент-маркетинг:
THAT SOCIAL AGENCY
Команда цифровых кочевников, которые помогают стартапам и социальным предприятиям реализовать свои мечты с помощью маркетинга и одиночных игр. -страничные сайты.
Нами руководит наша любовь к жизни, предпринимательству, людям и возможностям.
Свяжитесь с [email protected], если хотите поболтать!
Первоначально опубликовано на www.thatsocialagency.com .
Иконки CSS
Как добавить значки
Самый простой способ добавить значок на HTML-страницу - использовать библиотеку значков, например Font Awesome.
Добавить имя указанного класса значка к любому встроенному элементу HTML (например, или
).
Все значки в библиотеках значков ниже являются масштабируемыми векторами, которые могут настраиваться с помощью CSS (размер, цвет, тень и т. д.)
Font Awesome Иконки
Чтобы использовать значки Font Awesome, перейдите на
fontawesome.com, войдите в систему и получите код для добавления в раздел вашей HTML-страницы:
Узнайте больше о том, как начать работу с Font Awesome, в нашем Шрифт Отличный урок 5.
Примечание: Загрузка или установка не требуется!
Пример