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

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

Шесть двухцветных иконок меню люминофор на сетке 24×24: играть, пауза, настройки, карта, звук и закрыть. Лист и отдельные файлы.

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

Об этом паке

Контурные иконки на сетке 24px. Лампа люминофор рисовала штрихи, а не заливные формы, и заливная иконка в этом стиле читается как современный набор в костюме.

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

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

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

Загрузка

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

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

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

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

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

Лицензия

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

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