chevron_right

Générateur de Motifs Isométriques SVG

Générez des motifs SVG de cubes isométriques à l'aspect 3D — idéals pour arrière-plans modernes, tuiles de jeu et illustrations architecturales.

Grille

Colonnes : 6

Lignes : 6

Taille tuile : 40

Couleurs

Haut

Gauche

Droite

Arrière-plan

Hauteurs aléatoires

Graine

Code genere

codeSVG

brushCSS

xml

css

Outils similaires

Générateur de Motifs d'Écailles SVG

Générez des motifs SVG d'écailles de poisson et de sirène avec rayon, trait et remplissage personnalisés. Parfait pour arrière-plans décoratifs, emballages, imprimés de mode et designs Art Déco.

Générateur de Motifs de Lignes SVG

Générez des motifs de lignes SVG nets avec angle, espacement, épaisseur et couleur personnalisés. Parfait pour arrière-plans, textures de hachures, rayures et superpositions décoratives.

Générateur de Motifs Circulaires SVG

Générez des motifs SVG décoratifs à partir d'anneaux concentriques, de grilles de points ou de points décalés style nid d'abeille.

Générateur de Motifs Zigzag SVG

Générez des motifs SVG zigzag et chevron avec amplitude, longueur d'onde, espacement des lignes et épaisseur personnalisés. Idéal pour textiles rétro, fonds audacieux et superpositions géométriques.

Générateur de Grille en Perspective SVG

Générez des grilles en perspective à un point en SVG avec point de fuite personnalisable. Créez des fonds de profondeur, scènes rétrofuturistes et références d'illustration gratuitement.

Générateur NanoID

Générez des identifiants uniques compacts et sûrs pour les URL avec un alphabet et une taille personnalisables.

Compresser un PDF

Réduisez la taille d'un document PDF sans l'envoyer sur un serveur.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Cubes Isométriques 3D Rendus en SVG Plat

Les illustrations isométriques — cubes à trois couleurs empilés sur une grille — sont immédiatement reconnaissables et étonnamment faciles à composer en SVG. Ce générateur construit une grille de cubes où chaque cube est composé de trois losanges <polygon> (haut, gauche, droite) remplis avec trois couleurs au choix.

Comment les Cubes sont Dessinés

Pour chaque (colonne, ligne) de la grille, l'outil calcule les décalages isométriques (cos(30°) en X, sin(30°) en Y) pour un alignement parfait. Avec la variation de hauteur activée, chaque cube obtient aléatoirement une hauteur empilée de 1 à 3, donnant ce look typique "ville vue d'en haut".

Une graine contrôle quels cubes sont dessinés, lesquels sont omis (pour créer des trous) et la hauteur de chaque pile. Cliquez sur relancer pour explorer de nouvelles dispositions tout en gardant votre palette.

Contrôles

Colonnes / Lignes — taille de la grille.
Taille de tuile — taille de chaque cube.
Couleur Haut / Gauche / Droite — trois couleurs de face. Choisissez des tons complémentaires pour la profondeur.
Arrière-plan — remplissage derrière les cubes.
Variation de hauteur — bascule les hauteurs empilées aléatoires.

Usages

Arrière-plans architecture & construction
Images hero de dashboards de données
Illustrations éditoriales pour articles sur l'immobilier, les villes, la blockchain
Tuiles de jeux vidéo (terrain, cityscape)
Décor de diapositives

Puisque chaque cube est un groupe de polygones, vous pouvez remplacer leurs couleurs à la volée par un find-and-replace ou les animer en CSS pour des transitions ludiques.