Pack d'interfaccia

Mint Icone di menu — set da 16px in bicromia

Sei icone di menu in bicromia ardesia fredda su griglia 16×16: play, pausa, impostazioni, mappa, conferma e chiudi. Foglio e file singoli.

  • ui
  • svg
  • png trasparente
  • icone
  • 16px
  • menu
  • bicromia
  • piatto
  • interfaccia scura
  • strategia
  • strumenti
Sei icone di menu in bicromia su mattonelle ardesia fredda, 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 in bicromia su una griglia da 16px con asta da 1.5px — l'insieme più denso qui. Un'interfaccia di strumenti mette icone in righe di tabella e barre dove 24px costringerebbe ad alzare l'altezza di riga; due toni le tengono leggibili a quella dimensione senza contorno.

Tutte e sei le icone stanno su una griglia rigida 16×16 con un tratto uniforme da 1.5 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 play, pausa, impostazioni, mappa, conferma e chiudi.

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 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 ZIP20 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/4xZIP20 kB Ottieni →
Foglio di icone, SVG modificabileSVG1.7 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: play, pausa, impostazioni, mappa, conferma, chiudi.
  2. Tieni le icone su pixel interi a 1x, 2x o 4x; renderizzare un tratto da 1.5 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 piatto 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 16 px e ingrandisci il pulsante dietro invece di scalare l'icona; lo spessore del tratto è tarato su questa dimensione.

Licenza

Creative Commons Zero 1.0 — Dominio pubblico. Nessuna attribuzione. Termini completi · Cosa significa in pratica