Aller au contenu
Badges Sans Inscription | 100% dans Votre Navigateur

Générateur de matrice d’icônes SVG

Synthèse paramétrique de variantes, conteneurs et badges vectoriels.

100%
Ajouter une forme:

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
Bear - Mouse iconFree Bear vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
Proprietes vectorielles: mouse-bear | Modifier dans l’éditeur SVG 24x24 | 0.3 KB
Aperçu en direct des tailles:
16px
24px
32px
Interface sombre
icon-generator

            
Plateau de sprites multi-icônes

Épingler plusieurs icônes personnalisées et compiler une planche de symboles unique.

Aucune icône épinglée. Épinglez des icônes pour les réunir dans une planche.

Prompt IA et amelioration vectorielle

Générez des prompts IA ou améliorez l’icône sur le canevas

Choisissez un preset, puis copiez le prompt dans votre outil IA ou améliorez l’icône sur le canevas.

Documentation technique et guide d’ingénierie

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.

Synthèse paramétrique de variantes, conteneurs et badges vectoriels.

Sources d’entrée prises en charge

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

Cibles d’export et de compilation

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

Impact technique et performance

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

Comment utiliser Générateur de matrice d’icônes SVG

  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.

Entrée (exemple)

A lantern icon path plus badge text "NEW"

Sortie (exemple)

PNG 512 with gradient lighting plus matching SVG and CSS background

Limites

  • 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.

Les fichiers que vous ouvrez ou collez dans cet atelier sont traités localement dans votre navigateur. Rien n’est envoyé vers un serveur.

Tapez pour chercher parmi 76,166 icônes vectorielles...

Naviguer | Entrée pour ouvrir Explorer toutes les icônes

Comparer

Source et licence de l’icône

Licence Usage commercial Attribution Modifier ou recolorer
MITAutoriseNotice dans le paquetAutorise
ISCAutoriseNotice dans le paquetAutorise
Apache-2.0AutoriseRequis avec fichier de noticeAutorise
CC BY 4.0AutoriseCrédit obligatoireAutorise
CC-BY-SA-4.0AutorisePartage à l’identiquePartage à l’identique
Trademark / BrandUsage referentiel uniquementRègles du propriétaireRestreint

Aperçu de l’icône