Pack d'interfaccia

Byte Icone di menu — set da 24px con contorno

Sette icone di menu monocolore con contorno in pixel luminoso su 24×24: play, pausa, impostazioni, inventario, mappa, conferma e chiudi. Foglio e file singoli.

  • ui
  • svg
  • png trasparente
  • icone
  • 24px
  • menu
  • tratto
  • pixel art
  • interfaccia chiara
  • puzzle
  • gestionale
Sette icone di menu con contorno su mattonelle pixel luminoso, mostrate in grande, disposte su un foglio e di nuovo alla loro dimensione reale di 24 pixel
anteprima 1600×891la trasparenza è mostrata a scacchiera

Su questo pack

Una griglia da 24px invece dei 16px usati dalla famiglia sorella. A 16px un'icona a tratto su fondo chiaro perde il contorno nello sfondo; 24 dà all'asta abbastanza peso per tenere la forma senza diventare una macchia piena.

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

Tutto è monocolore. C'è un valore in ogni file, il che significa che ricolorare l'intero set è un trova-e-sostituisci, oppure una tinta sul materiale se usi i PNG. Nulla è cotto nell'immagine — niente ombre, niente sfumature, niente smussi — perché un'icona che porta la propria illuminazione smette di accordarsi alla tua interfaccia nel momento in cui la tua interfaccia cambia.

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 168×24 dispone tutte e sette sulla stessa griglia per i motori che preferiscono una texture e uno scostamento rettangolare — la cella N inizia a x = N × 24. Le esportazioni PNG coprono 1x, 2x e 4x con bordi trasparenti puliti.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP25 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/4xZIP25 kB Ottieni →
Foglio di icone, SVG modificabileSVG1.5 kB Ottieni →

Come si usa

  1. Sul foglio, l'icona N occupa il rettangolo x = N × 24, y = 0, larghezza 24, altezza 24 — in quest'ordine: play, pausa, impostazioni, inventario, mappa, conferma, 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 l'unico valore di riempimento o di tratto nell'SVG, oppure applica una tinta al PNG nel tuo materiale d'interfaccia — tutte le forme di un file usano lo stesso valore.
  4. Per i bersagli tattili, tieni l'icona da 24 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
"Byte Icone di menu — set da 24px con contorno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24