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

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


