Pack d'interfaccia

Dusk Icone di menu — set da 16px pieno

Sei icone di menu monocolore piene in porpora del crepuscolo su 16×16: vita, valuta, difesa, bottino, conferma e chiudi. Foglio e file singoli.

  • ui
  • svg
  • png trasparente
  • icone
  • 16px
  • menu
  • pieno
  • pixel art
  • retrò
  • 2d
Sei icone di menu piene su mattonelle porpora del crepuscolo, 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 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 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 vita, valuta, difesa, bottino, 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 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 ZIP24 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/4xZIP24 kB Ottieni →
Foglio di icone, SVG modificabileSVG1.5 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: vita, valuta, difesa, bottino, 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 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