Pack d'interfaccia

Neon Icone di menu — set da 32px in bicromia

Otto icone di menu in bicromia neon ad alto contrasto su 32×32: play, pausa, impostazioni, audio, difesa, valuta, chiudi e conferma. Foglio e file singoli.

  • ui
  • svg
  • png trasparente
  • icone
  • 32px
  • menu
  • bicromia
  • fantascienza
  • hud
  • cyberpunk
Otto icone di menu in bicromia su mattonelle neon ad alto contrasto, 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 da trentadue pixel disegnate come silhouette piene con un unico dettaglio ciano ritagliato in ciascuna. La bicromia è la risposta giusta per un HUD: la silhouette sopravvive a uno sfondo luminoso e l'accento ti dice quale parte dell'icona è lo stato.

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

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 256×32 dispone tutte e otto 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 ZIP45 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/4xZIP45 kB Ottieni →
Foglio di icone, SVG modificabileSVG2.3 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, audio, difesa, valuta, chiudi, conferma.
  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 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
"Neon Icone di menu — set da 32px in bicromia" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/neon-menu-icons-32