Paczki interfejsu

Mallwave Ikony menu — zestaw 16px dwutonowy

Sześć dwutonowych ikon menu światło atrium na siatce 16×16: odtwórz, pauza, ustawienia, mapa, dźwięk i zamknij. Arkusz i pojedyncze pliki.

  • ui
  • svg
  • przezroczysty png
  • ikony
  • 16px
  • menu
  • dwutonowy
  • vaporwave
  • pastel
  • retro
  • hud
Sześć dwutonowych ikon menu na kafelkach światło atrium, 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 — małe, bo witryna sklepowa wypisuje wiele pozycji naraz, a każda niesie ikonę.

Wszystkie sześć ikony leżą na sztywnej siatce 16×16 z jednolitą kreską 2 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 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 ZIP20 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/4xZIP20 kB Pobierz →
Arkusz ikon, edytowalny SVGSVG1.9 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, mapa, dźwięk, 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ń 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 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
"Mallwave Ikony menu — zestaw 16px dwutonowy" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-menu-icons-16