Vai al contenuto
Badge Senza Registrazione | 100% nel Tuo Browser

Generatore di matrici di icone SVG e badge

Sintesi parametrica di icone SVG con cornici squircle/esagonali personalizzate, gradienti di più fermate, badge di stato ed esportazione immediata per i framework.

100%
Aggiungi forma:

Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Stack - Phosphor Icons iconFree Stack vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 522 bytes.
Proprietà vettoriali: phosphor-bold-stack-bold | Modifica nell editor SVG 24x24 | 0.3 KB
Anteprima live delle dimensioni:
16px
24px
32px
Interfaccia scura
icon-generator

Vassoio sprite multi-icona

Fissa più icone personalizzate e crea un unico foglio di simboli.

Nessuna icona fissata. Fissa le icone per raccoglierle in un unico foglio.

Prompt AI e miglioramento vettoriale

Genera prompt AI o migliora l icona sulla tela

Scegli un preset, copia il prompt nel tuo strumento AI oppure migliora l icona sulla tela.

Documentazione tecnica e guida di ingegneria

Generatore di matrici di icone SVG e badge

Sintesi parametrica di icone SVG con cornici squircle/esagonali personalizzate, gradienti di più fermate, badge di stato ed esportazione immediata per i framework.

Sorgenti di input supportate

Icone del catalogo, tracciati SVG personalizzati e forme geometriche per badge

Destinazioni di export e compilazione

SVG con luce 3D, badge PNG/WebP 512/1024 px e prompt IA strutturati

Impatto tecnico e prestazioni

Genera badge vettoriali nitidi sotto i 2 KB invece di pesanti file raster

Come usare Generatore di matrici di icone SVG e badge

  1. 1

    Scegli un’icona di base dal catalogo o importa il tuo tracciato SVG.

  2. 2

    Seleziona la forma del badge (squircle, quadrato arrotondato, cerchio) e il bordo.

  3. 3

    Applica sfumature e luce 3D, aggiungendo un testo sul badge se necessario.

  4. 4

    Esporta subito l’icona pronta in tutte le dimensioni desiderate.

Esempio di input

Tracciato icona lanterna con testo badge «NEW»

Esempio di output

PNG 512 px con illuminazione sfumata più relativo SVG e sfondo CSS

Limitazioni

  • Le metriche del testo dipendono dal font scelto e possono variare a dimensioni ridotte.
  • Le esportazioni raster in questo generatore arrivano fino a 1024 px per lato.
  • Viene generato un badge per esecuzione; per fogli multi-icona usa il generatore di sprite.
  • Ogni file SVG importato ha un limite di 2 MB.

I file che apri o incolli in questo workspace vengono elaborati localmente nel tuo browser. Niente viene caricato su un server.

Guide per questo strumento

Scrivi per cercare tra 76.166 icone vettoriali...

Naviga | Invio per aprire Esplora tutte le icone

Confronta

Licenza Uso commerciale Attribuzione Modifica o ricolora
MITConsentitoAvviso nel pacchettoConsentito
ISCConsentitoAvviso nel pacchettoConsentito
Apache-2.0ConsentitoObbligatorio con file di avvisoConsentito
CC BY 4.0ConsentitoCredito obbligatorioConsentito
CC-BY-SA-4.0ConsentitoCondividi allo stesso modoCondividi allo stesso modo
Trademark / BrandSolo uso referenzialeLinee guida del titolareLimitato

Anteprima icona