Pack d'interfaccia

Sketch Icone di menu — set da 32px con contorno

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

  • ui
  • svg
  • png trasparente
  • icone
  • 32px
  • menu
  • tratto
  • disegnato a mano
  • schizzo
  • quaderno
  • interfaccia chiara
Sette icone di menu con contorno su mattonelle quaderno inchiostrato, mostrate in grande, disposte su un foglio e di nuovo alla loro dimensione reale di 32 pixel
anteprima 1600×912la trasparenza è mostrata a scacchiera

Su questo pack

Icone su una griglia da 32px con tratto da 2.5px, disegnate con la stessa linea inquieta dei pannelli. La griglia più grande non è decorazione: un contorno tremolante su un'icona da 16px si legge come un errore di rendering, e ha bisogno di spazio prima di leggersi come una mano.

Tutte e sette le icone stanno su una griglia rigida 32×32 con un tratto uniforme da 2.5 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 224×32 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 × 32. Le esportazioni PNG coprono 1x, 2x e 4x con bordi trasparenti puliti.

Download

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

Come si usa

  1. Sul foglio, l'icona N occupa il rettangolo x = N × 32, y = 0, larghezza 32, altezza 32 — 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.5 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 32 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
"Sketch Icone di menu — set da 32px con contorno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-menu-icons-32