Паки интерфейса

Byte Иконки меню — контурный набор 24px

57 яркий пиксель иконок меню одноцветных контурных на сетке 24×24, включая воспроизведение, паузу, настройки и ещё 54. Лист и отдельные файлы.

  • ui
  • svg
  • прозрачный png
  • иконки
  • 24px
  • меню
  • штрих
  • пиксель-арт
  • светлый интерфейс
  • головоломка
  • менеджмент
57 контурных иконок игрового меню на плитках яркий пиксель: крупно, затем разложенные на листе и ещё раз в реальном размере 24 пикселей
превью 1600×1269прозрачность показана шахматкой

Об этом паке

Сетка 24px вместо 16px, которые использует родственное семейство. На 16px контурная иконка на светлом фоне теряет контур в фоне; 24 даёт стволу достаточно веса, чтобы держать форму, не превращаясь в сплошное пятно.

Все 57 иконок лежат на строгой сетке 24×24 с одинаковой толщиной штриха 2 px и имеют одинаковый оптический вес, поэтому ряд читается как один набор, а не как 57 рисунков, случайно совпавших по размеру. Набор охватывает воспроизведение, паузу, настройки, инвентарь, карту, звук, закрыть, подтвердить, здоровье, валюту, защиту, добычу, домой, назад, вперёд, вверх, вниз, меню, поиск, фильтр, обновить, полный экран, добавить, убрать, заперто, отперто, показать, удалить, инфо, предупреждение, звезду, кубок, время, сохранить, скачать, отправить, оружие, зелье, самоцвет, ключ, сундук, задание, опасность, огонь, энергию, ману, броню, скорость, умения, цель, музыку, профиль, отряд, чат, почту, магазин и награду.

Всё одноцветное. В каждом файле одно значение, а значит перекраска всего набора — это одно «найти и заменить» или тон на материале, если вы используете PNG. Ничего не запечено — ни теней, ни градиентов, ни фасок, — потому что иконка, несущая собственный свет, перестаёт совпадать с вашим интерфейсом в тот момент, когда интерфейс меняется.

Набор поставляется в трёх видах. Отдельные SVG подходят, если движок растрирует векторы или вы собираетесь их править. Лист 1368×24 раскладывает все 57 по одной сетке для движков, предпочитающих одну текстуру и прямоугольное смещение: ячейка N начинается на x = N × 24. Экспорт PNG охватывает 1x, 2x и 4x с чистыми прозрачными краями.

Загрузка

Прямая ссылка · без регистрации · без страницы ожидания
Скачать ZIP254 kB

Полный комплект — отдельные SVG, лист, экспорт PNG в 1x/2x/4x

Файлы, входящие в этот пак
ФайлФорматВесЗагрузка
Полный комплект — отдельные SVG, лист, экспорт PNG в 1x/2x/4xZIP254 kB Получить →
Лист иконок, редактируемый SVGSVG12 kB Получить →

Как использовать

  1. На листе иконка N занимает прямоугольник x = N × 24, y = 0, ширина 24, высота 24 — в таком порядке: воспроизведение, пауза, настройки, инвентарь, карта, звук, закрыть, подтвердить, здоровье, валюта, защита, добыча, домой, назад, вперёд, вверх, вниз, меню, поиск, фильтр, обновить, полный экран, добавить, убрать, заперто, отперто, показать, удалить, инфо, предупреждение, звезда, кубок, время, сохранить, скачать, отправить, оружие, зелье, самоцвет, ключ, сундук, задание, опасность, огонь, энергия, мана, броня, скорость, умения, цель, музыка, профиль, отряд, чат, почта, магазин, награда.
  2. Держите иконки на целых пикселях в 1x, 2x или 4x; рендер штриха 2 px в дробном масштабе — это ровно то, что превращает чёткую иконку в серое пятно.
  3. Чтобы перекрасить, поменяйте единственное значение заливки или штриха в SVG либо наложите тон на PNG в материале интерфейса — все формы в файле используют одно значение.
  4. Для сенсорных целей оставьте иконку 24 px и увеличьте кнопку под ней, а не масштабируйте иконку; толщина штриха подобрана под этот размер.

Лицензия

Creative Commons «С указанием авторства» 4.0 — Бесплатно для коммерческого использования. Указание авторства обязательно. Полные условия · Что это значит на практике

Строка упоминания для копирования
"Byte Иконки меню — контурный набор 24px" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24