Paczki interfejsu

Byte Ikony menu — zestaw 24px konturowy

Siedem jednokolorowych ikon konturowych jasny piksel na 24×24: odtwórz, pauza, ustawienia, ekwipunek, mapa, potwierdź i zamknij. Arkusz i pojedyncze pliki.

  • ui
  • svg
  • przezroczysty png
  • ikony
  • 24px
  • menu
  • kreska
  • pixel art
  • jasny interfejs
  • łamigłówka
  • zarządzanie
Siedem konturowych ikon menu na kafelkach jasny piksel, pokazanych w powiększeniu, rozłożonych na arkuszu i jeszcze raz w rzeczywistym rozmiarze 24 pikseli
podgląd 1600×891przezroczystość pokazana jako szachownica

O tej paczce

Siatka 24px zamiast 16px, których używa rodzina siostrzana. Przy 16px ikona kreskowa na jasnym tle gubi kontur w tle; 24 daje trzonowi dość wagi, by utrzymał kształt, nie zamieniając się w pełną plamę.

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

Wszystko jest jednokolorowe. W każdym pliku jest jedna wartość, co oznacza, że przekolorowanie całego zestawu to jedno znajdź i zamień albo barwa na materiale, jeśli używasz PNG. Nic nie jest wypalone — bez cieni, bez gradientów, bez faz — bo ikona niosąca własne oświetlenie przestaje pasować do twojego interfejsu w chwili, gdy ten się zmieni.

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 168×24 układa wszystkie siedem 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 oczekiwania
Pobierz ZIP25 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/4xZIP25 kB Pobierz →
Arkusz ikon, edytowalny SVGSVG1.5 kB Pobierz →

Jak używać

  1. Na arkuszu ikona N zajmuje prostokąt x = N × 24, y = 0, szerokość 24, wysokość 24 — w tej kolejności: odtwórz, pauza, ustawienia, ekwipunek, mapa, potwierdź, zamknij.
  2. Trzymaj ikony na pełnych pikselach w 1x, 2x lub 4x; renderowanie kreski 2 px w ułamkowej skali to dokładnie to, co zamienia ostrą ikonę w szarą plamę.
  3. Aby przekolorować, zmień jedyną wartość wypełnienia lub kreski w SVG albo nałóż barwę na PNG w materiale interfejsu — wszystkie kształty w pliku używają jednej wartości.
  4. 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

Linijka uznania do skopiowania
"Byte Ikony menu — zestaw 24px konturowy" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24