Маленькие иконки: Иконка Маленькие иконки в стиле iOS
Содержание
Лучшие мини иконки для сайтов
Оригинальные маленькие иконки для сайтов и разного рода веб-приложений могут быть весьма полезными. Они помогают пользователям лучше ориентироваться, быстрее находить информацию и решают определенные задачи. Подобные картинки часто применяются для «выделения» элементов сайта или даже их замены: лупа вместо текста в блоке поиска, изображение домика вместо ссылки на главную или «дерево объектов» для карты сайта. В мобильных приложениях они еще более актуальны.
При этом не каждый проект позволяет использовать изображения размерами 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 поиск. Увы, так бывает, что со временем некоторые веб-проекты закрываются, поэтому советуем заранее скачать маленькие иконки для сайтов и сохранить их на компьютере.
Если знаете еще какие-то интересны варианты, присылайте в комментариях.
Page not found (404)
Toggle navigation
-
Packs- Значок пакеты недавно Загрузил
- Самых популярных значок пакеты
- Эксклюзивные наборы значков
-
категории- Сельское хозяйство Иконки
- Животные Иконки
- Аватар и смайлики Иконки
- Красота и мода Иконки
- Бизнес и финансы Иконки
- Мультфильм Иконки
- Кино, телевидение и фильмы Иконки
- Одежда и аксессуары Иконки
- Преступление и безопасность Иконки
- Культура, религия и фестивали Иконки
- Дизайн и разработка Иконки
- Экология, окружающая среда и природа Иконки
- Электронная торговля и покупки Иконки
- Электронные устройства и оборудование Иконки
- Файлы и папки Иконки
- Флаги и карты Иконки
- Дизайн и разработка Иконки
- Экология, окружающая среда и природа Иконки
- Gym и Fitness Иконки
- Здравоохранение и медицина Иконки
- Промышленность и инфраструктура Иконки
- Инфографика Иконки
- Дети Иконки
- люблю Иконки
- Разное Иконки
- Музыка и мультимедиа Иконки
- Сеть и связь Иконки
- Недвижимость и строительство Иконки
- Школа и образование Иконки
- Наука и технологии Иконки
- SEO и Web Иконки
- Sign и Symbol Иконки
- Социальные медиа и логотипы Иконки
- Спорт и игры Иконки
- Инструменты, строительство и оборудование Иконки
- Транспорт и транспортные средства Иконки
- Путешествия, отели и каникулы Иконки
- Пользовательский интерфейс и жесты Иконки
- Погода и сезоны Иконки
-
стили значков- 3D Иконки
- Badge Иконки
- Filled outline Иконки
- Flat Иконки
- Glyph Иконки
- Handdrawn Иконки
- Long shadow Иконки
- Outline Иконки
- Photorealistic Иконки
-
Популярные поиски- Instagram Иконки
- Vk Иконки
- телефон Иконки
- Папки Иконки
- деньги Иконки
- Социальные Иконки
- Facebook Иконки
- Telegram Иконки
- Viber Иконки
- корзина Иконки
- Whatsapp Иконки
- стрелка Иконки
- Youtube Иконки
- дом Иконки
- Phone Иконки
- люди Иконки
- почта Иконки
- папки Иконки
- человек Иконки
- доставка Иконки
- галочка Иконки
- папка Иконки
- музыка Иконки
- Mail Иконки
- компьютер Иконки
- вк Иконки
- Steam Иконки
- Instagram Иконки
- сайт Иконки
- фото Иконки
- Log in
- Register
404 Icon by Laura Reen
%d0%9c%d0%b0%d0%bb%d0%b5%d0%bd%d1%8c%d0%ba%d0%b0%d1%8f %d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b0 PNG, векторы, PSD и пнг для бесплатной загрузки
схема бд электронный компонент технологии принципиальная схема технологическая линия
2000*2000
естественный цвет bb крем цвета
1200*1200
дизайн плаката премьера фильма кино с белым вектором экрана ба
1200*1200
green environmental protection pattern garbage can be recycled green clean
2000*2000
аль ба ис 99 имен аллаха
1200*1200
bb крем косметическое применение
1200*1200
аль ба ис 99 имен аллаха золото
1200*1200
набор векторных иконок реалистичные погоды изолированных на прозрачной ба
800*800
ценю хорошо как плоская цвет значок векторная icon замечания
5556*5556
Корейский медведь be quiet набор смайликов
1200*1200
3d модель надувной подушки bb cream
2500*2500
happy singing mai ba sing self indulgence happy singing
2000*2000
Косметический bb Крем Дизайн Плаката косметический Косметика постер Реклама косметики Плакат
3240*4320
цвет перо на воздушной подушке bb крем трехмерный элемент
1200*1200
prohibited use mobile phone illustration can not be used
2048*2048
Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К
3240*4320
три группы 3d реалистичное декоративное яйцо с золотым цветом на гнезде bd с золотым всплеском текстовый баннер
5000*5000
стрелка
5556*5556
Ручная роспись борода ба zihu большая борода
1200*1200
blue series frame color can be changed text box streamer
1024*1369
pop be surprised female character
2000*2000
пузыри чат замечания разговоры переговоры резюме круга ба
5556*5556
в первоначальном письме bd логотипа
1200*1200
Головной мозг гипноз психология синий значок на абстрактное облако ба
5556*5556
облака комиксов
5042*5042
99 имен аллаха вектор al baith асма husna
2500*2500
в первоначальном письме ба логотипа
1200*1200
индийский фестиваль счастливого карва чаут каллиграфия хинди текст ба
5041*5041
ба конфеты шоколад
800*800
концепция образования в выпускном вечере баннер с цоколем и золотой ба
6250*6250
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
вектор поп арт иллюстрацией черная женщина шопинг
800*800
ма дурга лицо индуистский праздник карта
5000*5000
элегантный серебряный золотой bb позже логотип значок символа
1200*1200
Счастливого Дивали традиционного индийского фестиваля карта с акварелью ба
5041*5041
чат пузыри комментарии разговоры переговоры аннотация круг ба
5556*5556
Векторная иллюстрация мультфильм различных овощей на деревянном ба
800*800
коробка и объектив камеры значок дизайн вдохновение изолирован на белом ба
1200*1200
instagram компас навигационная линия и глиф сплошной значок синий ба
5556*5556
вектор поп арт иллюстрацией черная женщина шопинг
800*800
be careful warning signs warning signs be
2000*2000
в первоначальном письме bd логотип шаблон
1200*1200
вектор абстрактный баннер дизайн веб шаблон коллекции веб ба
1200*1200
instagram наборы акций бизнес плоская линия заполнена значок вектора ба
5556*5556
стекло
5556*5556
клубника цифровой логотип дизайн вдохновение изолирован на белом ба
1200*1200
аэрозольный баллончик увлажняющий лосьон bb cream парфюм для рук
3072*4107
клавиатура
5556*5556
bd письмо 3d круг логотип
1200*1200
ветер торнадо катушка дизайн логотипа вдохновение изолирован на белом ба
1200*1200
Как изменить размер приложений рабочего стола на iPadOS
В этом году iPad официально получил собственную операционную систему. Несмотря на то что она, по сути, стала лишь слегка доработанной версией всем привычной iOS, в Купертино решили во что бы то ни стало выделить её в самостоятельную платформу. Скорее всего, основной целью, которую преследовала компания, состояла в том, чтобы вызвать у пользователей ощущение работы с профессиональным устройством. Вот только, как выяснилось, далеко не всем это оказалось нужно.
iPadOS изменила привычную компоновку приложений на рабочем столе? Вы не одиноки
Как сейчас помню: когда я обновился до iPadOS, первое, что бросилось мне в глаза — маленькие иконки приложений. Я знал, что Apple придумала уменьшить их размер, чтобы на рабочем столе помещалось больше пиктограмм, однако живое лицезрение этого нововведения повергло меня в ступор. Мало того, что изменилась компоновка приложений, которые теперь располагались не в том порядке, в каком я к ним привык, так ещё и попадать по ним стало несколько сложнее. К счастью, возможность вернуть всё как было, в iPadOS тоже есть.
Как настроить рабочий стол на iPad
- Откройте “Настройки” и перейдите во вкладку “Экран и яркость”;
- В открывшемся окне пролистайте перечень доступных параметров до раздела Макет экрана “Домой”;
iPadOS позволяет по желанию выбирать размер и компоновку приложений рабочего стола
- Выберите вариант “Больше размер”;
- Вернитесь на рабочий стол и убедитесь, что иконки имеют прежний размер и компоновку.
Читайте также: Как iPadOS 13.1 работает на iPad Air 2
К сожалению, из-за увеличения размера иконок вам придётся терпеть несколько неудобств. Во-первых, вы больше не сможете перманентно располагать на рабочем столе макет “Сегодня”, на котором располагаются виджеты популярных приложений, а также часы, календарь и сводка о погоде. Его можно вызвать только в качестве наплывающего элемента, перекрывающего рабочий стол и приложения, которые будут в этот момент недоступны. Во-вторых, вы сможете размещать на рабочем столе не 30, а 20 приложений, хотя в определённых сценариях может быть очень удобно иметь большее количество программ.
Зачем уменьшать размер приложений
Зачем нужно такое количество приложений? Хотя бы затем, что теперь вам не придётся рассовывать их по папкам. Благодаря уменьшенному размеру пиктограмм вы сможете разместить на одном экране почти все нужные программы, которые раньше вам приходилось объединять в папки, чтобы не плодить большое количество рабочих столов. В теории это должно облегчить взаимодействие с софтом, однако, признаюсь честно, лично у меня привыкнуть так и не получилось и теперь я наслаждаюсь прежним размером иконок, который нравится мне гораздо больше.
Как изменить размер значков в Windows 10
  windows | для начинающих
Иконки на рабочем столе Windows 10, а также в проводнике и на панели задач имеют «стандартный» размер, который может подходить не всем пользователям. Конечно, можно использовать опции масштабирования, но не всегда это оптимальный способ, чтобы изменить размер ярлыков и других иконок.
В этой инструкции подробно способах изменить размер значков на рабочем столе Windows 10, в проводнике и на панели задач, а также дополнительная информация, которая может оказаться полезной: например, как поменять начертание и размер шрифта у значков. Также может быть полезно: Как изменить размер шрифта в Windows 10.
Изменение размера значков на рабочем столе Windows 10
Самый распространенный вопрос пользователей касается изменение размера иконок на рабочем столе Windows 10. Сделать это можно несколькими способами.
Первый и достаточно очевидный метод состоит из следующих шагов
- Нажмите правой кнопкой мыши в любом пустом месте рабочего стола.
- В меню «Вид» выберите крупные, обычные или мелкие значки.
Это установит соответствующий размер иконок. Однако, доступны всего три опции, и настройка иного размера таким способом недоступна.
Если требуется увеличить или уменьшить значки на рабочем столе Windows 10 в более широком диапазоне (в том числе сделать их меньше, чем «мелкие» или крупнее, чем «крупные»), сделать это тоже очень просто:
- Находясь на рабочем столе, нажмите и удерживайте клавиши Ctrl на клавиатуре.
- Вращайте колесико мыши вверх или вниз для увеличения или уменьшения размера значков соответственно. При отсутствии мыши (на ноутбуке) используйте жест прокрутки тачпада (обычно вверх-вниз в крайней правой части тачпада или вверх-вниз двумя пальцами одновременно в любом месте сенсорной панели). На скриншоте ниже показаны сразу и очень большие и очень маленькие иконки.
Видео по изменению размеров значков на рабочем столе
В проводнике
Для того, чтобы изменить размер значков в проводнике Windows 10 доступны все те же способы, что были описаны для значков рабочего стола. Дополнительно, в меню «Вид» проводника присутствует пункт «Огромные значки» и опции отображения в виде списка, таблицы или плитки (на рабочем столе такие пункты отсутствуют).
При увеличении или уменьшении размеров значков в проводнике есть одна особенность: изменяются размеры только в текущей папке. Если требуется применить те же размеры для всех остальных папок, используйте следующий метод:
- После настройки устраивающего вас размера в окне проводника нажмите по пункту меню «Вид», откройте «Параметры» и нажмите «Изменить параметры папок и поиска».
- В параметрах папок откройте вкладку «Вид» и нажмите кнопку «Применить к папкам» в разделе «Представление папок» и согласитесь с применением текущих параметров отображения ко всем папкам в проводнике.
После этого во всех папках значки будут отображаться в том же виде, как и в настроенной вами папке (Примечание: срабатывает для простых папок на диске, к системным папкам, к таким как «Загрузки», «Документы», «Изображения» и другие параметры придется применять отдельно).
Как изменить размеры значков на панели задач
К сожалению, возможностей изменения размера значков на панели задач Windows 10 не так много, но всё-таки это возможно.
Если вам требуется уменьшить значки, для этого достаточно нажать правой кнопкой мыши в любом пустом месте панели задач и открыть пункт контекстного меню «Параметры панели задач». В открывшемся окне параметров панели задач включите пункт «Использовать маленькие кнопки панели задач».
С увеличением значков в данном случае сложнее: единственный способ сделать это системными средствами Windows 10 — использовать параметры масштабирования (при этом также будет изменен и масштаб других элементов интерфейса):
- Нажмите правой кнопкой мыши в любом свободном месте на рабочем столе и выберите пункт меню «Параметры экрана».
- В разделе «Масштаб и разметка» укажите больший масштаб или используйте «Настраиваемое масштабирование» для указания масштаба, отсутствующего в списке.
После изменения масштаба потребуется выйти и снова зайти в систему, чтобы изменения вступили в силу, результат может выглядеть примерно как на скриншоте ниже.
Дополнительная информация
При изменении размеров значков на рабочем столе и в проводнике Windows 10 описываемыми способами, подписи к ним остаются прежнего размера, а горизонтальные и вертикальные интервалы задаются системой. Но при желании это можно изменить.
Первый из способов: зайти в Параметры — Специальные возможности и в разделе «Дисплей» изменить размер шрифта для системных элементов Windows 10, включая подписи к значкам.
Второй вариант — использовать бесплатную утилиту Winaero Tweaker, в которой в разделе Advanced Appearance Setup (дополнительные настройки оформления) присутствует пункт Icons, позволяющий настроить:
- Horizontal spacing и Vertical Spacing — горизонтальный и вертикальный интервалы между значками соответственно.
- Шрифт, используемый для подписей к иконкам, где возможно выбрать сам шрифт, отличный от системного, его размер и начертание (полужирный, курсив и т.п.).
После применения настроек (кнопка Apply Changes) потребуется выйти из системы и снова зайти, чтобы сделанные изменения отобразились. Подробнее о программе Winaero Tweaker и о том, где её скачать в обзоре: Настройка поведения и оформления Windows 10 в Winaero Tweaker.
remontka.pro в Телеграм | Другие способы подписки
А вдруг и это будет интересно:
Свежие бесплатные высококачественные наборы иконок.
В этой заметке мы представляем Вашему вниманию свежие наборы иконок, которые доступны для свободного скачивания. Некоторые иконки предназначены лишь для персонального использования. И, пожалуйста, не забудьте прочитать лицензионное соглашение, прежде, чем Вы примените данные наборы иконок. Дело в том, что соглашения время от времени меняются.
Поблагодарим дизайнеров за столь красивые вещи. Ведь они выполняют, по сути, очень сложную задачу. Помимо того, что им требуется нарисовать иконку красивой, они должны еще суметь сохранить общий стиль тематики группы иконок, но не потерять при этом индивидуальностей отдельной иконки.
Снимая шляпу перед дизайнерами, переходим к рассмотрению иконок.
Тематика: электронная коммерция.
Иконки гарантии возврата денег (требуется регистрация)
100 % Money Back набор векторных иконок.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Исходник иконок
Тематика: Просто полезные иконки.
Бесплатный набор иконок указателей
Sketchup Иконки
Web кнопки (векторные)
Полезны тем, кто создает макеты сайтов.
«Top 3» набор иконок
500+ векторные изображения дорожных знаков
Иконки модератор
Тематика: Простые маленькие иконки.
Бесплатные иконки панели инструментов Iphone
Иконки, предназначенны специально для разработчиков iPhone, доступные для свободного любого коммерческого использования в соответствии с Creative Commons Attribution 2.5 Канада лицензии.
Путешествия и бизнес. Набор векторных изображений
Token
Стандартные иконки от Tempaly
Персонажи
35 очень оригинальных и эксцентричных персонажа.
Тематика: Красивые иконки.
Иконки от Филиппа Старка
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Иконки снежного леопарда
Фото иконки
Бесплатные симпатичные иконки Furry Monster
Я собрал семью монстриков, доступных для свободного скачивания в виде значков. Каждлгл млнстра можно найти в формате PNG, ICO, ICNS для использования на Ваших Mac, PC или для использования в Ваших веб-проектов.
Космическая одиссея 2001
Векторные кухонные иконки
Набор включают: чайник, ножи, кастрюли, банки, сковороды, тарелки, чашки, микроволновая печь, вилки, плиты и так далее. Мягкие градиенты и цвета, гладкие контуры, творческие формы.
Иконки «современные стулья»
Google Talk Иконки
Камерный оркестр
Классическая камера
Камера Nikon
Lollipop
Тематика: Desktop & GUI наборы иконки.
Программа Alcohol
Общее применение
Данный набор иконок выпущен под специальную лицензию, которая позволит разработчикам использовать этот набор из 7 иконок в своих проектах.
32 px набор иконок
Простой набор иконок, доступные только в разрешении 32 × 32px, только в iContainter формате.
Xedia
GiNUX
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видео
Используйте маленькие значки на панели задач и рабочем столе Windows 7/8/10
При установке по умолчанию Windows 7/8/10 вы, возможно, сразу заметили несколько вещей, таких как большие значки на рабочем столе и большая панель задач! Я лично не большой поклонник огромных значков на моем компьютере!
И для меня большая панель задач – это пустая трата драгоценной недвижимости. Мне нравится наименьшая панель задач без автоматического скрытия – функция, которой я также не являюсь поклонником.
Вот как выглядел мой рабочий стол и панель задач в Windows при первой установке:
Слишком большой! В этой статье я покажу вам, как уменьшить размер значков рабочего стола и панели задач в Windows 7/8/10.
Используйте маленькие значки на панели задач Windows
Параметры в Windows 7 и Windows 10 немного отличаются. Во-первых, вот как это сделать в Windows 7: щелкните правой кнопкой мыши пустое место на панели задач и выберите Свойства.
На вкладке «Панель задач» установите флажок «Использовать маленькие значки». Затем нажмите кнопку ОК.
Вот скриншот с новой меньшей панелью задач по сравнению с большими иконками на рабочем столе.
Намного лучше! Конечно, вы можете снять этот флажок, если вы предпочитаете большие значки на панели задач. В Windows 10 щелкните правой кнопкой мыши на панели задач и выберите «Параметры панели задач».
Это приведет вас к новому экрану настроек в Windows 10. Вы должны увидеть опцию под названием Использовать маленькие кнопки панели задач. Не забудьте нажать на переключатель, чтобы включить его.
Уменьшить размер значков рабочего стола в Windows 7/8/10
Хорошо, а как насчет этих больших значков на рабочем столе? Это также очень легко изменить. Так же и для Windows 7/8/10. Просто щелкните правой кнопкой мыши в любом месте на рабочем столе и нажмите View. В меню вы можете выбрать размер иконок.
Я предпочитаю маленькие значки, чтобы я мог больше уместить на рабочем столе и увидеть больше своих обоев на заднем плане. Большие иконки абсолютно огромны и, вероятно, полезны только если у вас проблемы со зрением.
Как видите, теперь я использую маленькие значки на рабочем столе и на панели задач! Отлично! Однако это даже не самый простой способ изменить размер значков на рабочем столе. Если у вас есть мышь с колесом прокрутки, все, что вам нужно сделать, это просто щелкнуть мышью по любому значку на рабочем столе, чтобы выделить его, затем удерживать нажатой клавишу CTRL и прокручивать мышь вверх или вниз.
Когда вы удерживаете нажатой клавишу CTRL и прокручиваете вверх, значки на рабочем столе будут постепенно увеличиваться, а при прокрутке вниз – уменьшаться. Что хорошо в этом методе, так это то, что у вас есть гораздо больше вариантов размера, чем просто Большой, Средний и Маленький.
Конечно, вам нужно иметь мышь с колесом прокрутки, чтобы это работало. Если у вас есть какие-либо вопросы, не стесняйтесь комментировать. Наслаждайтесь!
маленьких иконок — загрузка в векторном формате, PNG, SVG, GIF
маленьких иконок — загрузка в векторном формате, PNG, SVG, GIF
iOS
iOS с заливкой
iOS Glyph
Материал с заливкой
Материал с контуром
Материал со скругленными углами
Материал Sharp
Материал с двумя тонами
Цвет
Windows 10
Glyph2000
Glyph Neue
Office S
Office
Office L
Симпатичный контур
Симпатичный цвет
Синий UI
Пунктирный
Градиент
Простой маленький
Пастель
Flucy2000 Flucy3
0003
Ice Cream
Обычный
Заполнение системы беглости
Пухлый
Каракули
Инфографика
Windows Metro
Облако
Пузырьки
Цветное рисование от руки
Нарисованное от руки
Симпатичные глифы
Перекрасить
Маленький топор
+
Коллекция
Маленький топор
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленький топор
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленький самолет
+
Коллекция
Маленький топор
+
Коллекция
Маленький топор
+
Коллекция
Маленькая линза
+
Коллекция
Маленькая линза
+
Коллекция
Маленькая линза
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие значки
+
Коллекция
Маленькая линза
+
Коллекция
Маленькие значки
+
Коллекция
Маленький топор
+
Коллекция
Маленький топор
+
Коллекция
Маленькая линза
+
Коллекция
Маленькая линза
+
Коллекция
Малый бизнес
+
Коллекция
Маленький топор
+
Коллекция
Малый бизнес
+
Коллекция
Малый бизнес
+
Коллекция
Маленькие значки
+
Коллекция
Маленький топор
+
Коллекция
Малый бизнес
+
Коллекция
Малый бизнес
+
Коллекция
Малый бизнес
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие сердца
+
Коллекция
Маленькая линза
+
Коллекция
Маленькие сердца
+
Коллекция
Маленькие значки
+
Коллекция
Малый бизнес
+
Коллекция
Малый бизнес
+
Коллекция
Маленькие сердца
+
Коллекция
Маленькие значки
+
Коллекция
Маленькие сердца
+
Коллекция
Маленькие сердца
+
Коллекция
Маленькая линза
+
Коллекция
Маленькая линза
+
Коллекция
Маленькие сердца
+
Коллекция
Маленькая линза
+
Коллекция
Маленькие сердца
+
Коллекция
Малый бизнес
+
Коллекция
Маленькая линза
+
Коллекция
Маленькие сердца
+
Коллекция
Малый бизнес
+
Коллекция
Малый бизнес
+
Коллекция
Малый бизнес
+
Коллекция
Как изменить размер значка в Windows 10
Хотите, чтобы значки на рабочем столе в Windows 10 были больше, чтобы вы перестали на них щуриться, или их было бы легче нажимать на ноутбуке с сенсорным экраном? Или вы хотите, чтобы они были меньше, чтобы ярлыки не занимали столько места на экране вашего ноутбука? Не волнуйтесь, у нас есть список коротких шагов, как изменить размер значка в Windows 10.
Как изменить размер значков рабочего стола в Windows 10
1. Щелкните правой кнопкой мыши пустое место на рабочем столе.
2. Выберите View из контекстного меню.
3. Выберите крупные значки, средние значки или мелкие значки . По умолчанию это средние значки.
На моем ноутбуке с собственным дисплеем 1600 на 900 пикселей большой вариант выглядит огромным, маленький размер слишком мал, а средний размер выглядит правильным (как сказал бы Златовласка).Ваш пробег может варьироваться в зависимости от разрешения экрана вашего экрана. Изменение размера значков на рабочем столе не влияет на размер значков в других частях Windows 10, но есть способы изменить и их.
Как изменить размер значков на панели задач
Если вы хотите изменить размер значков на панели задач, для этого есть другой параметр, который также изменит размер текста, приложений и других элементов в Windows 10.
1. Щелкните правой кнопкой мыши пустое место на рабочем столе.
2. Выберите Параметры отображения из контекстного меню.
3. Переместите ползунок под «Изменение размера текста, приложений и других элементов» на 100%, 125%, 150% или 175%.
4. Нажмите Применить в нижней части окна настроек. Windows может попросить вас выйти и снова войти в систему для более последовательной работы.
Это не только сделает значки на панели задач немного больше, но также увеличит размер текста в таких приложениях, как Microsoft Edge и Календарь, а также в окнах уведомлений Windows 10.
Как изменить размер значков в проводнике
Если вам нужны значки или эскизы большего или меньшего размера в определенных папках, вы можете изменить их на лету в проводнике.
Просто перейдите в папку и используйте колесо прокрутки мыши для увеличения или уменьшения масштаба, эффективно переключая вид между большими значками Windows 10, средними значками, маленькими значками, списком, сведениями, плитками и представлениями содержимого.
Хотя проводник запомнит вашу последнюю настройку, когда вы снова откроете эту папку, это настройка для конкретной папки, поэтому вам придется настроить каждую папку, для которой вы хотите использовать разные размеры значков и текста.
Настроить Windows 10
14 небольших мини-наборов иконок для ваших веб-проектов
Иконки и визуальные подсказки — важные дополнения к любому веб-приложению, но их может быть сложно создать самостоятельно из-за крошечных размеров.
К счастью, в сети есть множество бесплатных высококачественных наборов иконок, созданных талантливыми дизайнерами. Вы можете быть уверены, что в этой коллекции наборов вы найдете практически любой стиль иконки, которая вам нужна.
Мы собрали здесь различные мини-наборы значков с различным дизайном, такие как флаги (для многоязычных веб-сайтов), общие значки (печать, сохранение, загрузка) и многое другое.Большинство этих небольших значков представлены в формате .ico, векторном EPS и даже в формате Flash SWF. Кроме того, их можно использовать на личных и общественных веб-сайтах, в бесплатных и открытых программных приложениях, но убедитесь, что вы проверяете их лицензии индивидуально. Некоторые из этих наборов включают значки для малого бизнеса, маленькие звездочки, маленькие пиксельные значки, маленькие значки меню и многое другое.
Загрузите их по ссылкам ниже и добавьте в свою коллекцию бесплатных иконок.
Мини-иконки от FamFamFam
FamFamFam — это ваш сайт, если вам нужен мини-значок.Это веб-сайт Марка Джеймса, веб-разработчика из Бирмингема, Великобритания. Этот конкретный набор содержит 114 маленьких иконок в формате GIF, которые можно бесплатно использовать как для коммерческих, так и для личных проектов.
Монохромные иконки от Tutorial9
На Tutorial9 вы можете найти этот набор из 108 красивых и минималистичных моно-иконок. Если вам нужен красочный значок, не беспокойтесь, его можно легко настроить. Этот набор небольших значков можно использовать бесплатно в личных и коммерческих проектах без указания авторства.
Иконки флагов от FamFamFam
Это еще один набор, который FamFamFam может вам предложить. Если вам когда-нибудь понадобится значок флага, вы обязательно найдете тот, который ищете, в этом наборе. Этот набор содержит 247 маленьких иконок — в форматах GIF и PNG. Вы найдете большинство стран в мире в виде маленьких пиксельных значков.
Иконки SweetiePlus от Sublink Interactive
Этот новый набор от Sublink Interactive настолько хорош, насколько это возможно. Если вы пытаетесь найти значок с чистым и очаровательным дизайном, вам следует взглянуть именно сюда.Эти маленькие значки имеют чистую и простую форму, а набор состоит из 120 значков, идеально подходящих для использования на веб-сайтах или в приложениях.
Иконы фуги П. Юсукэкамияманэ
Этот набор от p.yusukekamiyamane содержит так много мини-иконок, что будет сложно не найти ту, которую вы ищете. В нем огромное количество 3570 иконок в формате PNG (16 × 16 пикселей) + 352 бонусных иконки.
Иконки от app-bits.com
Это набор действительно красивых мини-иконок от app-bit.Их можно использовать бесплатно, если вы их не изменяете и не перепродаете. Иконки бывают PNG размером 26 пикселей и Retina 52 пикселей, и вы можете использовать их в коммерческих или личных проектах.
Иконки от Picol.org
Picol.org также имеет прекрасную библиотеку мини-иконок, но помимо этого набора вы обнаружите, что они могут помочь вам создать иконку вашей мечты.
Иконки электронной коммерции
Это набор мини-иконок, которые можно использовать в веб-дизайне, мобильных приложениях и других проектах.Они доступны в форматах AI, EPS, PDF, PNG.
Иконки от Androidicons.com
Эти значки бывают разных размеров и цветов, и они были созданы вручную специально для вас. В этом наборе так много мини-иконок, что сложно не найти ту, которую вы ищете. Он содержит 250 маленьких бесплатных иконок 5 размеров и 14 цветов, а также собственный шрифт иконок.
Иконки от Defaulticon.com
На defaulticon.com невозможно не найти мини-значок, который вы ищете.Этот сайт представляет собой хранилище минималистичных черных иконок, которые можно использовать для дизайна пользовательского интерфейса. Всего доступно 653 мини-значка, от стрелок до различных форм, маленьких значков принтеров, маленьких значков камеры, миниатюрных мужских / женских значков, значков мороженого, мини-медицинских значков, таких как первая помощь и другие, мини-значков файлов (добавить , загружать, изменять размер и т. д.), небольшие значки файлов и многое другое.
Ecology Icons от Filborg
В
Ecology Icons обязательно будет значок, который вам нужен, связанный с окружающей средой.Этот набор содержит не менее 20 крошечных значков высокого качества, которые являются векторными и легко редактируются.
Иконки от iconsweets.com
Эти бесплатные иконки, созданные с особой тщательностью, станут незаменимыми в вашем следующем веб-проекте. Взгляните на эти 60 бесплатных мини-иконок, которые вы можете загрузить и использовать в своих проектах. Некоторые из них включают в себя миниатюрные значки социальных кнопок, крошечные значки электронной почты, маленькие стрелки и многое другое.
Иконки от softface.com
Этот набор — еще один монохромный образец иконок.Несмотря на то, что они черно-белые, их можно легко настроить. Весь набор содержит 304 иконки в 32-битном формате PNG. Все они оптимизированы для размера 16 × 16 пикселей и доступны в размерах 16 × 16, 32 × 32 и 48 × 48 пикселей. Он включает файлы .ico и векторные иконки в форматах EPS и Flash SWF. В набор также входят прозрачные PNG-версии. Этот мини-набор значков содержит множество стрелок навигации, значков в виде сердечек, значков кнопок закрытия, значков мини-смайликов и многого другого.
Добавление мини-иконок в дизайн вашего веб-сайта действительно может иметь большое значение для некоторых веб-сайтов.Иногда бывает сложно найти подходящий небольшой набор значков, но мы надеемся, что облегчили вам эту задачу.
Вот как изменить размер значка на телефоне Android
Райан-Томас Шоу / Android Authority
Android — это все о настройке, но многие устройства по-прежнему поставляются с фиксированными размерами значков. Если их размер можно изменить, этот параметр обычно скрыт в каком-то неизвестном месте в ваших настройках.Возможно, вы хотите, чтобы они были больше, чтобы их было лучше видно, или, может быть, вы предпочтете сделать их меньше, чтобы лучше соответствовать экрану.
Подробнее : Лучшие приложения для запуска Android
Мы покажем вам, как это делается. Большинству из вас придется загрузить сторонние программы запуска, чтобы добиться этого. Тем не менее, вы всегда можете сделать так, чтобы Android выглядел так, как хотите; иконки не исключение.
Изменение размера значков на Android — Сторонние программы запуска
Множество сторонних программ запуска позволяют изменять размеры значков, а также макеты сетки и многое другое.Вот несколько программ запуска, которые мы рекомендуем тем, кто хочет больше контролировать свои значки (и пользовательский интерфейс в целом).
У Google была собственная программа запуска для стандартных устройств Android, которая называлась Google Now Launcher. Однако компания закрыла эту пусковую установку в мае 2018 года.
Изменение размера значка на Android — телефоны Samsung
Дэвид Имел / Android Authority
Если у вас есть смартфон Samsung Android, он поставляется с собственным пользовательским интерфейсом One UI, который сейчас обновлен до версии 3.1 в серии Galaxy S21 и 3 .0 для ряда последних телефонов Samsung. Помимо прочего, это позволяет этим телефонам изменять размеры значков без использования сторонних программ запуска. Если вы хотите внести это изменение в свой телефон Samsung, просто коснитесь и удерживайте пустое место на главном экране, а затем нажмите значок настроек главного экрана. Вы должны увидеть два выбора «Сетка главного экрана» и «Сетка экрана приложений».
Подробнее : Лучшие телефоны Samsung
При нажатии на любой из этих вариантов должен появиться ряд вариантов, позволяющих изменить соотношение приложений на главном экране телефона и на экране приложений, что также изменит размеры этих приложений.В зависимости от того, какой у вас телефон, сетка на главном экране может быть 4 × 5, 4 × 6, 5 × 5 и 5 × 6, а соотношение сетки экрана приложения — 4 × 4, 4 × 6, 5 × 5 и 5 × 6.
Это всего лишь несколько способов изменить размер значка на вашем телефоне Android. По мере того, как мы узнаем о них, мы добавим больше способов изменить размер значков.
Как изменить размер панели задач в Windows 11
По умолчанию панель задач Windows 11 имеет приличный размер, но что, если вы хотите, чтобы она была немного больше, чтобы вы могли лучше видеть значки? И наоборот, что, если вы хотите, чтобы он был немного меньше, чтобы вы могли одновременно разместить на экране больше контента?
Хорошая новость заключается в том, что с помощью простой настройки реестра вы можете настроить панель задач в Windows 11 на один из трех размеров: маленький, средний или большой, причем средний размер будет таким же, как и по умолчанию.Размер будет влиять как на саму панель, так и на любые значки внутри нее, включая кнопки «Пуск», «Поиск» и «Просмотр задач».
Высота может варьироваться в зависимости от разрешения экрана, но на нашем экране Full HD стандартная или средняя высота панели задач составляла 48 пикселей, большая высота — 72 пикселя, а маленькая — 32 пикселя.
(Изображение предоставлено Tom’s Hardware)
Как изменить размер панели задач в Windows 11
1. Откройте Regedit. Вы можете сделать это, нажав клавишу Windows + R и набрав regedit или выполнив поиск regedit с помощью меню поиска.
(Изображение предоставлено Tom’s Hardware)
2 . Перейдите в HKEY_CURRENT_USER \ Software \ Microsoft \ Windows \ CurrentVersion \ Explorer \ Advanced .
(Изображение предоставлено Tom’s Hardware)
3. Создайте новое значение DWORD (32-битное) , щелкнув правой кнопкой мыши на правой панели окна и выбрав New-> DWORD (32-bit) Value.
(Изображение предоставлено Tom’s Hardware)
4. Назовите значение TaskbarSi.
(Изображение предоставлено Tom’s Hardware)
5. Установите значение на одно из следующих значений: 0, 1 или 2, что дает вам малый, средний или большой размер. Вы устанавливаете значение двойным щелчком по TaskbarSi.
(Изображение предоставлено Tom’s Hardware)
6. Закройте Regedit и перезагрузите .
Теперь у вас будет установленный вами размер значков панели задач. Если вам это не нравится, вы всегда можете вернуться и изменить это. И, если вам нужны дополнительные изменения, вы всегда можете переместить панель задач в верхнюю часть рабочего стола Windows 11 или вернуть проводник Windows 10 в Windows 11.
edent / SuperTinyIcons: менее 1 КБ каждый! Super Tiny Icons — это крошечные SVG-версии вашего любимого веб-сайта и логотипов приложений
Менее 1 КБ каждый! Super Tiny Web Icons — это крошечные SVG-версии ваших любимых логотипов. Средний размер — меньше 465 байт!
У логотипов есть окно просмотра 512×512, они помещаются в круг с радиусом 256. Они будут масштабироваться вверх и вниз в соответствии с вашими потребностями.
Сказать спасибо!
Насколько мал?
Что на данный момент доступно?
Социальные сети
СМИ
Google (старая версия)
Карты Google (старые) 713 байт | Gmail (старый) 584 байта | Google Диск (старый) 313 байтов | Google+ 397 байт |
Связь
Сайтов
Интернет
Браузеры
Подкасты
Логотипы
Безопасность
Платежи
Программирование
Операционные системы / Ядро
Игры
Разное
Текстовые редакторы
Sublime Text 728 байт |
Почему такой маленький?
байта стоят денег.Их хранение, транспортировка и переработка стоит денег. Простота должна быть нашей целью во всех начинаниях.
Крик, если хочешь меньше
Эти файлы были отредактированы вручную в Inkscape, Illustrator или текстовом редакторе, а затем уменьшены с помощью редактора путей SVG Янна Армелина, svgo и svgcleaner. Возможно дальнейшее уменьшение размеров. Попытайся!
- Каждый из них имеет
xmlns = "http://www.w3.org/2000/svg"
в теге - Закругленные углы можно опустить —
rx = "80"
— эффект можно сделать в CSS, если хотите. - Цвет фона также можно исключить, если вы включаете его где-нибудь еще.
- Цвета можно упростить.
# FF0000
становитсякрасным
. - Точность путей — , в основном 0 десятичных знаков. Некоторые логотипы имеют 1 или 2 dp, чтобы они выглядели более аккуратно. При необходимости точность можно уменьшить.
Думаете, вы можете сделать их меньше? Сообщите мне, подняв вопрос!
Хотите больше значков? Сообщите мне, подняв вопрос!
Думаете, значки выглядят неправильно? Сравните их с официальными логотипами.Если они по-прежнему выглядят неправильно, сообщите мне, подняв вопрос!
Векторные рисунки Android
Иконки
также доступны в виде векторных чертежей Android, поэтому вы можете легко использовать их в приложениях Android.
Они конвертированы с помощью Android Studio и , а не гарантированно меньше 1 КБ.
Чтобы преобразовать в Android Studio, перейдите в Инструменты ➡ Диспетчер ресурсов ➡ Drawable ➡ + ➡ Импортировать чертежи ➡, затем выберите SVG.
Примечание Android Studio не любит закругленные углы со значением длины в процентах.Перед импортом запустите sed -i '/ rx \ = \ "15 \% \" / d' ./*.svg
, чтобы удалить угол, или sed -i -e '/ rx \ = / s / \ " 15 \% \ "/ \" 77 \ "/ './*.svg
, чтобы заменить значение длины в процентах на соответствующее значение фиксированной длины.
См .: https://issuetracker.google.com/issues/176694227
Отправка иконок
Я бы с удовольствием вы отправили что-нибудь 😸 Правила просты, ваш значок должен:
- должно быть меньше 1024 байта. То есть максимальный размер файла составляет 1023 байта.Никаких аргументов.
- помещается внутри круга с радиусом 256 пикселей. Установите
rx = "50%"
для проверки. - представляют собой текущий логотип популярной службы.
Шаблон
Как минимум, для вашего значка необходимы следующие компоненты:
Доступность значков
Супер крошечные значки доступны по умолчанию.На каждой иконке:
-
role = "img"
, чтобы показать элементы -
aria-label = "XYZ"
(где XYZ — торговая марка значка), чтобы дать значку доступное имя
Примечание:
при использовании
в качестве src
для элемента
, атрибут alt
все равно должен использоваться в элементе
, потому что ARIA не признается в этом контексте.
В
CSS-Tricks также есть статья о доступных значках SVG.
Руководящие принципы
Это стандартная инструкция. Используйте это, чтобы помочь с изменением размера ваших иконок, и они будут хорошо выглядеть независимо от того, какой радиус границы выбран.
- Зеленый — это безопасная зона, в которой должна находиться основная часть значка.
- Желтый похож на обочину дороги, она там, если нужно больше места. Его следует использовать для выступающих элементов, таких как уголки или украшения.
- Красный запрещен. Его нельзя трогать иконками. Красный — это также то, как будет выглядеть круглый значок.
Установка
npm install --save super-tiny-icons
Использование
Старая школа:
Современный подход, пример React (JSX):
импортировать логотип из «super-tiny-icons / images / svg / github.svg»; ;
Демонстрационный репозиторий с загрузкой create-react-app
: create-react-app-super-tiny-icons
Авторы
Соавторы кода
Этот проект существует благодаря всем, кто вносит свой вклад.[Делать вклад].
Финансовые спонсоры
Станьте спонсором и помогите нам поддерживать наше сообщество. [Внести вклад]
Физические лица
Организации
Поддержите этот проект вместе с вашей организацией. Здесь будет отображаться ваш логотип со ссылкой на ваш веб-сайт. [Внести вклад]
Лицензии
Большинство этих векторных логотипов созданы на основе чужих работ.
из SVGporn — CC0
IBM, Yammer, Android, Authy, Cloudflare, CodePen, DigitalOcean, Discord, Airbnb, WiFi, Delicious, Открытый исходный код, Patreon
По возможности, они сохраняют свои исходные лицензии.Некоторые логотипы могут подпадать под действие законов об авторском праве и товарных знаках, но эти файлы достаточно малы, чтобы их можно было запомнить.
|