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.

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 oczekiwaniaKomplet — pojedyncze SVG, arkusz, eksporty PNG w 1x/2x/4x
Jak używać
- 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ź.
- 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ę.
- 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.
- 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



