Showing: full SVG
Concept Groups
flower: 2 3 5 6 7 8 9 10 11 12 13 14 15
teal stem: 0 1 4
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
teal stem |
1.000
|
0.000 0.991 |
| 1 | path |
teal stem |
1.000
|
0.000 0.003 |
| 2 | path |
flower |
1.000
|
0.000 0.000 |
| 3 | path |
flower |
1.000
|
0.000 0.000 |
| 4 | path |
teal stem |
1.000
|
0.000 0.006 |
| 5 | path |
flower |
1.000
|
0.000 0.000 |
| 6 | path |
flower |
1.000
|
0.000 0.000 |
| 7 | ellipse |
flower |
1.000
|
0.000 0.000 |
| 8 | ellipse |
flower |
1.000
|
0.000 0.000 |
| 9 | ellipse |
flower |
1.000
|
0.161 0.000 |
| 10 | ellipse |
flower |
1.000
|
0.496 0.000 |
| 11 | ellipse |
flower |
1.000
|
0.339 0.000 |
| 12 | ellipse |
flower |
1.000
|
0.004 0.000 |
| 13 | ellipse |
flower |
1.000
|
0.000 0.000 |
| 14 | ellipse |
flower |
1.000
|
0.000 0.000 |
| 15 | circle |
flower |
1.000
|
0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<!-- Transparent background by default -->
<!-- Style -->
<defs>
<style>
.outline { stroke: #000; stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; }
</style>
</defs>
<!-- Step-by-step analysis (as SVG comments)
1) Draw a single central flower head near the top: pale yellow petals with thick black outlines.
2) Add a teal circular center with a thick black outline.
3) Create a teal stem extending downward from the flower with a thick black outline.
4) Add two teal leaves (one left, one right) attached to the stem, each outlined in black.
5) Add simple black vein lines inside each leaf to match the hand-drawn cartoon style.
6) Keep shapes bold and simple, with transparent background and consistent thick outlines.
-->
<!-- Stem -->
<path class="outline" fill="#2AA9A9"
d="M256 248
C246 290, 252 328, 252 364
C252 404, 244 438, 236 472
C232 488, 244 498, 258 498
C272 498, 284 488, 280 472
C272 438, 264 404, 264 364
C264 328, 270 290, 260 248
Z"/>
<!-- Leaves -->
<!-- Left leaf -->
<path class="outline" fill="#2AA9A9"
d="M252 352
C222 330, 180 324, 146 340
C118 354, 116 382, 146 396
C180 412, 224 404, 252 384
C260 378, 262 360, 252 352
Z"/>
<!-- Left leaf vein -->
<path class="outline" fill="none"
d="M246 372
C220 372, 192 372, 156 362"/>
<path class="outline" fill="none"
d="M230 382
C206 390, 184 396, 160 392"/>
<!-- Right leaf -->
<path class="outline" fill="#2AA9A9"
d="M260 316
C290 292, 334 282, 370 296
C402 308, 408 336, 380 354
C346 376, 300 372, 270 352
C258 344, 252 326, 260 316
Z"/>
<!-- Right leaf vein -->
<path class="outline" fill="none"
d="M266 336
C294 332, 326 326, 362 318"/>
<path class="outline" fill="none"
d="M278 348
C304 356, 330 360, 356 350"/>
<!-- Flower petals (8 simple rounded petals) -->
<g transform="translate(256 190)">
<!-- Petal template: an ellipse rotated around center -->
<g>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(45)"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(90)"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(135)"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(180)"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(225)"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(270)"/>
<ellipse class="outline" cx="0" cy="-70" rx="34" ry="56" fill="#F6E58D" transform="rotate(315)"/>
</g>
<!-- Center -->
<circle class="outline" cx="0" cy="0" r="48" fill="#2AA9A9"/>
</g>
</svg>