Générateur de motifs SVG
Des motifs d'arrière-plan sans raccord en quelques secondes.
Choisissez un motif, une taille et des couleurs pour générer un fond SVG tuilable. Copiez le code SVG ou téléchargez le fichier pour vos sites, applications ou outils de design.
Motif
24px
Couleur du motif
Fond
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect width="24" height="24" fill="#f5f3ff" /> <circle cx="12" cy="12" r="2.4" fill="#7c3aed" /> </svg>
Comment générer des motifs SVG
- Choisissez un type de motif : points, grille ou vagues.
- Réglez la taille de la tuile avec le curseur.
- Choisissez la couleur du motif et celle du fond.
- Copiez le code SVG ou téléchargez le fichier .svg.
Questions fréquentes
Ces motifs sont-ils sans raccord ?
Oui. Chaque tuile est conçue pour se répéter sans couture visible lorsqu'elle sert de fond CSS.
Comment utiliser le motif sur mon site ?
Référencez le fichier SVG téléchargé dans votre CSS avec background-image: url(pattern.svg), ou intégrez le SVG copié directement dans votre balisage.
Puis-je modifier le SVG ensuite ?
Bien sûr. La sortie est du texte SVG brut, ouvrable dans n'importe quel éditeur ou logiciel de design.