Паки интерфейса
Neon Иконки меню — двухцветный набор 32px
Восемь двухцветных иконок меню контрастный неон на 32×32: играть, пауза, настройки, звук, защита, валюта, закрыть и подтвердить. Лист и отдельные файлы.

Об этом паке
Тридцатидвухпиксельные иконки, нарисованные как заполненные силуэты с одной деталью циан, вырезанной в каждой. Двухцветность — верный ответ для HUD: силуэт переживает яркий фон, а акцент говорит, какая часть иконки и есть состояние.
Все восемь иконок лежат на строгой сетке 32×32 с равномерным штрихом 2 px и имеют одинаковый оптический вес, поэтому их ряд выглядит как один набор, а не как восемь рисунков, случайно совпавших по размеру. Набор покрывает играть, пауза, настройки, звук, защита, валюта, закрыть и подтвердить.
Каждая иконка несёт ровно два значения: цвет корпуса и одну акцентную деталь, вырезанную внутри. Это вся палитра — ни теней, ни градиентов, ни фасок, — поэтому перекраска набора это два «найти и заменить», а акцент остаётся свободным для того, на что его использует ваш интерфейс в другом месте.
Набор поставляется тремя способами. Отдельные SVG — то, что стоит брать, если ваш движок растрирует векторы или вы собираетесь их править. Лист 256×32 раскладывает все восемь на одной сетке для движков, которым удобнее одна текстура и прямоугольное смещение: ячейка N начинается на x = N × 32. Экспорт PNG покрывает 1x, 2x и 4x с чистыми прозрачными краями.
Загрузка
Прямая ссылка · без регистрации · без страницы ожиданияПолный комплект — отдельные SVG, лист, экспорт PNG в 1x/2x/4x
| Файл | Формат | Вес | Загрузка |
|---|---|---|---|
| Полный комплект — отдельные SVG, лист, экспорт PNG в 1x/2x/4x | ZIP | 45 kB | Получить → |
| Лист иконок, редактируемый SVG | SVG | 2.3 kB | Получить → |
Как использовать
- На листе иконка N занимает прямоугольник x = N × 32, y = 0, ширина 32, высота 32 — в таком порядке: играть, пауза, настройки, звук, защита, валюта, закрыть, подтвердить.
- Держите иконки на целых пикселях в 1x, 2x или 4x; рендер штриха 2 px в дробном масштабе — это ровно то, что превращает чёткую иконку в серое пятно.
- Чтобы перекрасить, поменяйте два значения в SVG: цвет корпуса и деталь акцента. Плоский тон поверх PNG сольёт оба в один цвет, поэтому перекрашивайте на уровне SVG, если хотите сохранить двухцветное прочтение.
- Для сенсорных целей оставьте иконку 32 px и увеличьте кнопку под ней, а не масштабируйте иконку; толщина штриха подобрана под этот размер.
Лицензия
Creative Commons «С указанием авторства» 4.0 — Бесплатно для коммерческого использования. Указание авторства обязательно. Полные условия · Что это значит на практике
"Neon Иконки меню — двухцветный набор 32px" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/neon-menu-icons-32


