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
Boxes - Bootstrap Icons iconFree Boxes vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
Proprieta vettoriali: bootstrap-regular-boxes | Modifica nell editor SVG 24x24 | 0.3 KB
Anteprima live delle dimensioni:
16px
24px
32px
Interfaccia scura
icon-generator

            
Vassoio sprite multi-icona

Fissa piu 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

AI & Procedural 3D Icon Generator - Badge Builder, Lighting & Prompt Studio

Transform flat monochrome UI icons into vibrant 3D squircle app icons, duotone brand badges, and animated micro-interaction vectors. The Procedural Icon Generator combines SVG <feDropShadow> lighting filters, multi-stop gradients, optical padding, and an integrated AI Prompt Studio for Claude, ChatGPT, Midjourney, and v0.

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

76,166 base vector icons + custom geometric primitives + AI style presets

Destinazioni di export e compilazione

3D-lit SVG, 1024x1024 / 2048x2048 App Store PNG/WebP, AI Engineering Prompts

Impatto tecnico e prestazioni

Generates resolution-independent 3D badge icons at < 2 KB instead of heavy 200 KB raster renders

Come usare Generatore di matrici di icone SVG e badge

  1. 1

    Pick a base icon from the library or import your own SVG path.

  2. 2

    Choose the badge shape (squircle, rounded square, circle) and border.

  3. 3

    Apply gradient stops and 3D lighting, then add badge text if needed.

  4. 4

    Export the ready icon in every target size at once.

Esempio di input

A lantern icon path plus badge text "NEW"

Esempio di output

PNG 512 with gradient lighting plus matching SVG and CSS background

Limitazioni

  • Badge text metrics depend on the selected font and may shift at small sizes.
  • Raster exports are limited to 1024 px per side.
  • One badge layout is rendered per run; multi-icon sheets belong to the sprite tool.

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

Scrivi per cercare tra 76,166 icone vettoriali...

Naviga | Invio per aprire Esplora tutte le icone

Confronta

Fonte e licenza dell icona

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