Paczki interfejsu

Sandbox Ikony menu — zestaw 16px dwutonowy

Sześć dwutonowych ikon menu ciepły piasek na siatce 16×16: odtwórz, pauza, ustawienia, ekwipunek, mapa i potwierdź. Arkusz i pojedyncze pliki.

  • ui
  • svg
  • przezroczysty png
  • ikony
  • 16px
  • menu
  • dwutonowy
  • voxel
  • jasny interfejs
  • budowanie
  • piaskownica
Sześć dwutonowych ikon menu na kafelkach ciepły piasek, pokazanych w powiększeniu, rozłożonych na arkuszu i jeszcze raz w rzeczywistym rozmiarze 16 pikseli
podgląd 1600×635przezroczystość pokazana jako szachownica

O tej paczce

Ikony dwutonowe na siatce 16px — najmniejsze tutaj, bo pasek narzędzi piaskownicy trzyma ich dwadzieścia naraz. Drugi ton wykonuje pracę konturu, a kontur przy 16px na jasnym tle by się zalał.

Wszystkie sześć ikony leżą na sztywnej siatce 16×16 z jednolitą kreską 2.5 px i mają tę samą wagę optyczną, więc ich rząd wygląda jak jeden zestaw, a nie jak sześć rysunki, które przypadkiem mają ten sam rozmiar. Zestaw obejmuje odtwórz, pauza, ustawienia, ekwipunek, mapa i potwierdź.

Każda ikona niesie dokładnie dwie wartości: kolor korpusu i jeden detal akcentu wycięty w środku. To cała paleta — bez cieni, bez gradientów, bez faz — więc przekolorowanie zestawu to dwa razy znajdź i zamień, a akcent zostaje wolny na to, do czego twój interfejs używa go gdzie indziej.

Zestaw dostajesz na trzy sposoby. Pojedyncze pliki SVG to te, których należy użyć, jeśli twój silnik rasteryzuje wektory albo planujesz je edytować. Arkusz 96×16 układa wszystkie sześć na jednej siatce dla silników wolących jedną teksturę i przesunięcie prostokąta — komórka N zaczyna się przy x = N × 16. Eksporty PNG obejmują 1x, 2x i 4x z czystymi przezroczystymi krawędziami.

Pobieranie

Bezpośredni link · bez rejestracji · bez strony oczekiwania
Pobierz ZIP21 kB

Komplet — pojedyncze SVG, arkusz, eksporty PNG w 1x/2x/4x

Pliki zawarte w tej paczce
PlikFormatWagaPobieranie
Komplet — pojedyncze SVG, arkusz, eksporty PNG w 1x/2x/4xZIP21 kB Pobierz →
Arkusz ikon, edytowalny SVGSVG1.8 kB Pobierz →

Jak używać

  1. Na arkuszu ikona N zajmuje prostokąt x = N × 16, y = 0, szerokość 16, wysokość 16 — w tej kolejności: odtwórz, pauza, ustawienia, ekwipunek, mapa, potwierdź.
  2. Trzymaj ikony na pełnych pikselach w 1x, 2x lub 4x; renderowanie kreski 2.5 px w ułamkowej skali to dokładnie to, co zamienia ostrą ikonę w szarą plamę.
  3. Aby przekolorować, zmień dwie wartości w SVG: kolor korpusu i detal akcentu. Płaska barwa na PNG scali oba w jeden kolor, więc przekolorowuj na poziomie SVG, jeśli chcesz zachować dwutonowy odczyt.
  4. Przy celach dotykowych zachowaj ikonę 16 px i powiększ przycisk pod nią zamiast skalować ikonę; grubość kreski jest dobrana do tego rozmiaru.

Licencja

Creative Commons Zero 1.0 — Domena publiczna. Bez uznania autorstwa. Pełne warunki · Co to znaczy w praktyce