Showing: full SVG
Concept Groups
stylized plant branch: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
green leaves: 0 20
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
green leaves |
0.815
|
0.078 0.345 |
| 1 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 2 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 3 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 4 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 5 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 6 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 7 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 8 | use |
stylized plant branc |
0.576
|
0.483 0.356 |
| 9 | rect |
stylized plant branc |
0.537
|
0.000 0.000 |
| 10 | rect |
stylized plant branc |
1.000
|
0.001 0.000 |
| 11 | use |
stylized plant branc |
0.613
|
0.299 0.189 |
| 12 | path |
stylized plant branc |
0.652
|
0.005 0.003 |
| 13 | path |
stylized plant branc |
0.584
|
0.003 0.002 |
| 14 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 15 | path |
stylized plant branc |
0.648
|
0.004 0.002 |
| 16 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 17 | use |
stylized plant branc |
0.582
|
0.121 0.087 |
| 18 | rect |
stylized plant branc |
0.558
|
0.000 0.000 |
| 19 | rect |
stylized plant branc |
1.000
|
0.001 0.000 |
| 20 | use |
green leaves |
0.840
|
0.003 0.014 |
| 21 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 22 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 23 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 24 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 25 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 26 | use |
stylized plant branc |
1.000
|
0.000 0.000 |
| 27 | rect |
stylized plant branc |
0.609
|
0.000 0.000 |
| 28 | rect |
stylized plant branc |
1.000
|
0.001 0.000 |
| 29 | use |
stylized plant branc |
1.000
|
0.000 0.000 |
| 30 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 31 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 32 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 33 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 34 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 35 | use |
stylized plant branc |
1.000
|
0.000 0.000 |
| 36 | rect |
stylized plant branc |
0.656
|
0.000 0.000 |
| 37 | rect |
stylized plant branc |
1.000
|
0.001 0.000 |
| 38 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
| 39 | path |
stylized plant branc |
1.000
|
0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 900 600">
<!--
Step-by-Step Analysis (from description)
1) Overall composition: a single plant branch runs diagonally across the canvas on a transparent background.
2) Main stem: light sage green, slightly thick, smooth, with subtle curvature.
3) Leaves: several leaves sprout alternately from the stem (left/right), giving a rhythmic decorative look.
4) Two leaf styles alternate:
A) Vibrant light green leaf with scattered speckles in white and dark teal.
B) Deeper olive green leaf with prominent lighter green vein patterns.
5) Style: flat, clean, whimsical; no heavy shading; crisp edges.
-->
<defs>
<!-- Speckle patterns for the vibrant light green leaves -->
<pattern id="specklesWhite" patternUnits="userSpaceOnUse" width="28" height="28">
<circle cx="6" cy="8" r="1.6" fill="#ffffff" opacity="0.9"/>
<circle cx="18" cy="6" r="1.2" fill="#ffffff" opacity="0.85"/>
<circle cx="10" cy="20" r="1.3" fill="#ffffff" opacity="0.9"/>
<circle cx="22" cy="18" r="1.5" fill="#ffffff" opacity="0.85"/>
<circle cx="14" cy="14" r="1.1" fill="#ffffff" opacity="0.8"/>
</pattern>
<pattern id="specklesTeal" patternUnits="userSpaceOnUse" width="28" height="28">
<circle cx="9" cy="7" r="1.3" fill="#0f5f66" opacity="0.85"/>
<circle cx="20" cy="10" r="1.1" fill="#0f5f66" opacity="0.8"/>
<circle cx="7" cy="19" r="1.2" fill="#0f5f66" opacity="0.85"/>
<circle cx="19" cy="21" r="1.4" fill="#0f5f66" opacity="0.8"/>
</pattern>
<!-- Leaf shape (pointed ellipse) used for all leaves -->
<path id="leafShape" d="
M 0,-60
C 26,-55 48,-30 50,0
C 48,30 26,55 0,60
C -26,55 -48,30 -50,0
C -48,-30 -26,-55 0,-60
Z" />
<!-- Clip for speckled leaves so patterns stay inside leaf -->
<clipPath id="leafClip">
<use href="#leafShape"/>
</clipPath>
</defs>
<!-- Group the whole branch -->
<g transform="translate(90,520) rotate(-28)">
<!-- Stem (light sage green) -->
<path d="
M 0,0
C 120,-40 240,-95 360,-140
C 480,-185 610,-235 740,-295"
fill="none"
stroke="#a9c7b1"
stroke-width="18"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Small stem offshoots where leaves attach -->
<g stroke="#a9c7b1" stroke-width="10" stroke-linecap="round">
<path d="M 140,-55 C 120,-70 105,-80 88,-92" fill="none"/>
<path d="M 210,-82 C 228,-98 245,-110 265,-124" fill="none"/>
<path d="M 300,-110 C 280,-126 265,-138 246,-152" fill="none"/>
<path d="M 390,-145 C 410,-162 430,-176 452,-192" fill="none"/>
<path d="M 485,-180 C 465,-196 448,-210 430,-224" fill="none"/>
<path d="M 585,-220 C 608,-236 632,-252 656,-270" fill="none"/>
<path d="M 675,-255 C 652,-270 632,-286 612,-302" fill="none"/>
</g>
<!-- Leaves: alternate styles along the stem -->
<!-- 1) Vibrant light green with speckles (left) -->
<g transform="translate(82,-98) rotate(-28)">
<use href="#leafShape" fill="#74d86a"/>
<g clip-path="url(#leafClip)">
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesWhite)" opacity="0.95"/>
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesTeal)" opacity="0.9"/>
</g>
</g>
<!-- 2) Olive leaf with veins (right) -->
<g transform="translate(270,-130) rotate(18)">
<use href="#leafShape" fill="#5f7f35"/>
<!-- Veins -->
<path d="M 0,-52 L 0,52" stroke="#8fd06a" stroke-width="4" stroke-linecap="round" fill="none" opacity="0.95"/>
<path d="M 0,-30 C 14,-22 26,-12 36,0" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-30 C -14,-22 -26,-12 -36,0" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-6 C 16,2 28,14 36,28" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-6 C -16,2 -28,14 -36,28" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
</g>
<!-- 3) Vibrant speckled (left) -->
<g transform="translate(240,-160) rotate(-10)">
<use href="#leafShape" fill="#74d86a"/>
<g clip-path="url(#leafClip)">
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesWhite)" opacity="0.95"/>
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesTeal)" opacity="0.9"/>
</g>
</g>
<!-- 4) Olive with veins (right) -->
<g transform="translate(455,-198) rotate(28)">
<use href="#leafShape" fill="#5f7f35"/>
<path d="M 0,-52 L 0,52" stroke="#8fd06a" stroke-width="4" stroke-linecap="round" fill="none" opacity="0.95"/>
<path d="M 0,-30 C 14,-22 26,-12 36,0" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-30 C -14,-22 -26,-12 -36,0" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-6 C 16,2 28,14 36,28" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-6 C -16,2 -28,14 -36,28" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
</g>
<!-- 5) Vibrant speckled (left) -->
<g transform="translate(420,-230) rotate(-20)">
<use href="#leafShape" fill="#74d86a"/>
<g clip-path="url(#leafClip)">
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesWhite)" opacity="0.95"/>
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesTeal)" opacity="0.9"/>
</g>
</g>
<!-- 6) Olive with veins (right) -->
<g transform="translate(660,-278) rotate(22)">
<use href="#leafShape" fill="#5f7f35"/>
<path d="M 0,-52 L 0,52" stroke="#8fd06a" stroke-width="4" stroke-linecap="round" fill="none" opacity="0.95"/>
<path d="M 0,-30 C 14,-22 26,-12 36,0" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-30 C -14,-22 -26,-12 -36,0" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-6 C 16,2 28,14 36,28" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
<path d="M 0,-6 C -16,2 -28,14 -36,28" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9"/>
</g>
<!-- 7) Vibrant speckled (left, near tip) -->
<g transform="translate(610,-312) rotate(-8) scale(0.92)">
<use href="#leafShape" fill="#74d86a"/>
<g clip-path="url(#leafClip)">
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesWhite)" opacity="0.95"/>
<rect x="-60" y="-70" width="120" height="140" fill="url(#specklesTeal)" opacity="0.9"/>
</g>
</g>
<!-- Tip bud -->
<g transform="translate(760,-304) rotate(10)">
<path d="
M 0,-22
C 10,-20 18,-10 19,0
C 18,10 10,20 0,22
C -10,20 -18,10 -19,0
C -18,-10 -10,-20 0,-22 Z"
fill="#a9c7b1"/>
<path d="M 0,-18 L 0,18" stroke="#8fd06a" stroke-width="3" stroke-linecap="round" opacity="0.8"/>
</g>
</g>
</svg>