Pack d'interfaccia

Dusk Icone di menu — set da 16px pieno

57 icone di menu porpora del crepuscolo monocromatiche piene su una griglia 16×16, tra cui play, pausa, impostazioni e altre 54. Foglio e file singoli.

  • ui
  • svg
  • png trasparente
  • icone
  • 16px
  • menu
  • pieno
  • pixel art
  • retrò
  • 2d
57 icone di menu di gioco piene su piastrelle porpora del crepuscolo, mostrate in grande, disposte su un foglio e di nuovo alla dimensione reale di 16 pixel
anteprima 1600×1248la trasparenza è mostrata a scacchiera

Su questo pack

Icone da sedici pixel disegnate come forme piene invece che come contorni, perché a questa dimensione un contorno sono due pixel di bordo attorno a un pixel di niente. Restano sorgenti vettoriali, quindi le esportazioni a 2x e 4x sono pulite e non ingrandite.

Tutte le 57 icone poggiano su una griglia rigida 16×16 con uno spessore di tratto uniforme di 2 px e condividono lo stesso peso ottico, così una fila si legge come un set e non come 57 disegni che per caso hanno la stessa misura. Il set copre play, pausa, impostazioni, inventario, mappa, audio, chiudi, conferma, salute, valuta, difesa, bottino, home, indietro, avanti, su, giù, menu, ricerca, filtro, aggiorna, schermo intero, aggiungi, rimuovi, bloccato, sbloccato, mostra, elimina, info, avviso, stella, trofeo, tempo, salva, scarica, carica, arma, pozione, gemma, chiave, forziere, missione, pericolo, fuoco, energia, mana, armatura, velocità, abilità, bersaglio, musica, profilo, gruppo, chat, posta, negozio e ricompensa.

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 forme. Gli SVG singoli sono la scelta giusta se il tuo motore rasterizza i vettori o se pensi di modificarli. Il foglio 912×16 dispone tutte le 57 sulla stessa griglia per i motori che preferiscono una texture e un offset 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 ZIP171 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/4xZIP171 kB Ottieni →
Foglio di icone, SVG modificabileSVG13 kB Ottieni →

Come si usa

  1. Nel foglio, l’icona N occupa il rettangolo x = N × 16, y = 0, larghezza 16, altezza 16, in questo ordine: play, pausa, impostazioni, inventario, mappa, audio, chiudi, conferma, salute, valuta, difesa, bottino, home, indietro, avanti, su, giù, menu, ricerca, filtro, aggiorna, schermo intero, aggiungi, rimuovi, bloccato, sbloccato, mostra, elimina, info, avviso, stella, trofeo, tempo, salva, scarica, carica, arma, pozione, gemma, chiave, forziere, missione, pericolo, fuoco, energia, mana, armatura, velocità, abilità, bersaglio, musica, profilo, gruppo, chat, posta, negozio, ricompensa.
  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 16 px e ingrandisci il pulsante dietro invece di scalare l'icona; lo spessore del tratto è tarato su questa dimensione.
  5. A 1x queste icone sono pensate per stare accanto a testo da 8 o 16 pixel; se il tuo font è più grande, usa l'esportazione a 2x invece di ingrandire quella a 1x per 1.5.

Licenza

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

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