Pack d'interfaccia

Mallwave Icone di menu — set da 16px in bicromia

Sei icone di menu in bicromia luce d'atrio su griglia 16×16: play, pausa, impostazioni, mappa, audio e chiudi. Foglio e file singoli.

  • ui
  • svg
  • png trasparente
  • icone
  • 16px
  • menu
  • bicromia
  • vaporwave
  • pastello
  • retrò
  • hud
Sei icone di menu in bicromia su mattonelle luce d'atrio, mostrate in grande, disposte su un foglio e di nuovo alla loro dimensione reale di 16 pixel
anteprima 1600×635la trasparenza è mostrata a scacchiera

Su questo pack

Icone in bicromia su una griglia da 16px — piccole, perché una vetrina elenca molti articoli insieme e ognuno porta un'icona.

Tutte e sei le icone stanno su una griglia rigida 16×16 con un tratto uniforme da 2 px e condividono lo stesso peso ottico, così una loro fila sembra un set e non sei disegni che per caso hanno la stessa dimensione. Il set copre play, pausa, impostazioni, mappa, audio e chiudi.

Ogni icona porta esattamente due valori: un colore di corpo e un dettaglio d'accento ritagliato dentro. Quella è tutta la palette — niente ombre, niente sfumature, niente smussi — quindi ricolorare il set sono due trova-e-sostituisci, e l'accento resta libero per qualunque uso ne faccia la tua interfaccia altrove.

Il set arriva in tre modi. Gli SVG singoli sono quelli da usare se il tuo motore rasterizza i vettoriali o se pensi di modificarli. Il foglio 96×16 dispone tutte e sei sulla stessa griglia per i motori che preferiscono una texture e uno scostamento rettangolare — la cella N inizia a x = N × 16. Le esportazioni PNG coprono 1x, 2x e 4x con bordi trasparenti puliti.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP20 kB

Set completo — SVG singoli, foglio, esportazioni PNG a 1x/2x/4x

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — SVG singoli, foglio, esportazioni PNG a 1x/2x/4xZIP20 kB Ottieni →
Foglio di icone, SVG modificabileSVG1.9 kB Ottieni →

Come si usa

  1. Sul foglio, l'icona N occupa il rettangolo x = N × 16, y = 0, larghezza 16, altezza 16 — in quest'ordine: play, pausa, impostazioni, mappa, audio, chiudi.
  2. Tieni le icone su pixel interi a 1x, 2x o 4x; renderizzare un tratto da 2 px a una scala frazionaria è esattamente ciò che trasforma un'icona nitida in una macchia grigia.
  3. Per ricolorare, cambia i due valori nell'SVG: il colore del corpo e il dettaglio d'accento. Una tinta piatta sul PNG fonderà i due in un solo colore, quindi ricolora a livello di SVG se vuoi conservare la lettura in bicromia.
  4. Per i bersagli tattili, tieni l'icona da 16 px e ingrandisci il pulsante dietro invece di scalare l'icona; lo spessore del tratto è tarato su questa dimensione.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Mallwave Icone di menu — set da 16px in bicromia" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-menu-icons-16