Paczki interfejsu
Charcoal Ikony menu — zestaw 24px dwutonowy
Sześć dwutonowych ikon menu kreda na tablicy na siatce 24×24: odtwórz, pauza, ustawienia, mapa, dźwięk i zamknij. Arkusz i pojedyncze pliki.

O tej paczce
Ikony dwutonowe na siatce 24px — blady korpus z akcentem wycinającym jeden detal. Rodzina siostrzana używa kresek o jednej grubości przy 32px; tutaj mniejsza siatka i drugi ton robią tę samą robotę oddzielania ikony od ciemnego, zatłoczonego tła.
Wszystkie sześć ikony leżą na sztywnej siatce 24×24 z jednolitą kreską 3 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, mapa, dźwięk i zamknij.
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 144×24 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 × 24. 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 × 24, y = 0, szerokość 24, wysokość 24 — w tej kolejności: odtwórz, pauza, ustawienia, mapa, dźwięk, zamknij.
- Trzymaj ikony na pełnych pikselach w 1x, 2x lub 4x; renderowanie kreski 3 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ę 24 px i powiększ przycisk pod nią zamiast skalować ikonę; grubość kreski jest dobrana do tego rozmiaru.
Licencja
Creative Commons Uznanie autorstwa 4.0 — Za darmo do użytku komercyjnego. Uznanie autorstwa obowiązkowe. Pełne warunki · Co to znaczy w praktyce
"Charcoal Ikony menu — zestaw 24px dwutonowy" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/charcoal-menu-icons-24


