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

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

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

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

Об этом паке

Иконки на сетке 32px со штрихом 2.5px, нарисованные той же беспокойной линией, что и панели. Более крупная сетка не украшение: дрожащий контур на иконке 16px читается как сбой рендера, и ему нужно место, прежде чем он прочтётся как рука.

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

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

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

Загрузка

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

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

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

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

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

Лицензия

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

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