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

Charcoal Иконки меню — двухцветный набор 24px

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

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

Об этом паке

Двухцветные иконки на сетке 24px — бледный корпус с акцентом, вырезающим одну деталь. Родственное семейство берёт штрихи одной толщины на 32px; здесь более мелкая сетка и второй тон делают ту же работу по отделению иконки от тёмного, загруженного фона.

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

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

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

Загрузка

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

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

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

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

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

Лицензия

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

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