Showing: full SVG
Concept Groups
orange: 1 2 5 6 7 8 9 11 12 17 18 23 24 25 30 31 32 33 34 35 36 37 41 42 43 45 46
yellow corner: 0 3 4 10 13 14 15 16 19 20 21 22 26 27 28 29 38 39 40 44
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
yellow corner |
0.596
|
0.002 0.003 |
| 1 | path |
orange |
0.533
|
0.001 0.001 |
| 2 | path |
orange |
0.597
|
0.000 0.000 |
| 3 | use |
yellow corner |
0.693
|
0.000 0.000 |
| 4 | use |
yellow corner |
0.566
|
0.000 0.000 |
| 5 | circle |
orange |
0.518
|
0.000 0.000 |
| 6 | circle |
orange |
1.000
|
0.000 0.000 |
| 7 | circle |
orange |
0.539
|
0.000 0.000 |
| 8 | path |
orange |
0.511
|
0.214 0.205 |
| 9 | path |
orange |
0.555
|
0.239 0.192 |
| 10 | path |
yellow corner |
0.509
|
0.086 0.089 |
| 11 | path |
orange |
0.528
|
0.041 0.037 |
| 12 | path |
orange |
0.506
|
0.016 0.015 |
| 13 | path |
yellow corner |
0.544
|
0.120 0.143 |
| 14 | path |
yellow corner |
0.524
|
0.110 0.121 |
| 15 | path |
yellow corner |
0.501
|
0.034 0.035 |
| 16 | path |
yellow corner |
0.551
|
0.099 0.121 |
| 17 | circle |
orange |
1.000
|
0.000 0.000 |
| 18 | circle |
orange |
0.566
|
0.000 0.000 |
| 19 | circle |
yellow corner |
0.606
|
0.000 0.000 |
| 20 | circle |
yellow corner |
0.606
|
0.000 0.000 |
| 21 | circle |
yellow corner |
0.606
|
0.000 0.000 |
| 22 | circle |
yellow corner |
0.606
|
0.000 0.000 |
| 23 | circle |
orange |
1.000
|
0.000 0.000 |
| 24 | circle |
orange |
1.000
|
0.000 0.000 |
| 25 | circle |
orange |
1.000
|
0.000 0.000 |
| 26 | circle |
yellow corner |
0.606
|
0.000 0.000 |
| 27 | circle |
yellow corner |
0.606
|
0.000 0.000 |
| 28 | path |
yellow corner |
0.570
|
0.003 0.003 |
| 29 | path |
yellow corner |
0.556
|
0.002 0.002 |
| 30 | path |
orange |
0.509
|
0.004 0.004 |
| 31 | path |
orange |
0.582
|
0.004 0.003 |
| 32 | path |
orange |
0.533
|
0.002 0.001 |
| 33 | use |
orange |
0.519
|
0.001 0.001 |
| 34 | use |
orange |
0.518
|
0.001 0.001 |
| 35 | use |
orange |
0.531
|
0.002 0.002 |
| 36 | circle |
orange |
0.556
|
0.001 0.000 |
| 37 | circle |
orange |
0.541
|
0.000 0.000 |
| 38 | circle |
yellow corner |
0.502
|
0.000 0.000 |
| 39 | circle |
yellow corner |
0.519
|
0.001 0.001 |
| 40 | circle |
yellow corner |
0.553
|
0.001 0.001 |
| 41 | circle |
orange |
0.622
|
0.000 0.000 |
| 42 | circle |
orange |
0.506
|
0.000 0.000 |
| 43 | circle |
orange |
0.555
|
0.000 0.000 |
| 44 | path |
yellow corner |
0.589
|
0.004 0.006 |
| 45 | path |
orange |
0.520
|
0.013 0.012 |
| 46 | path |
orange |
0.516
|
0.001 0.001 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 900 600">
<defs>
<!-- Palette -->
<style>
.red { fill:#d62828; }
.deepRed { fill:#b51f23; }
.orange { fill:#f77f00; }
.amber { fill:#fcbf49; }
.yellow { fill:#ffd166; }
.gold { fill:#ffb703; }
.cream { fill:#fff1c7; }
.strokeRed { stroke:#b51f23; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.strokeOrange { stroke:#f77f00; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.strokeYellow { stroke:#ffd166; stroke-width:8; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.dots { fill:none; stroke:#fff1c7; stroke-width:5; stroke-linecap:round; stroke-dasharray:1 16; }
</style>
<!-- Simple starburst symbol -->
<g id="starburst">
<circle cx="0" cy="0" r="10" class="gold"/>
<g class="gold">
<path d="M0,-34 L7,-14 L-7,-14 Z" />
<path d="M0,34 L7,14 L-7,14 Z" />
<path d="M34,0 L14,7 L14,-7 Z" />
<path d="M-34,0 L-14,7 L-14,-7 Z" />
<path d="M24,-24 L12,-10 L10,-12 Z" />
<path d="M-24,-24 L-12,-10 L-10,-12 Z" />
<path d="M24,24 L12,10 L10,12 Z" />
<path d="M-24,24 L-12,10 L-10,12 Z" />
</g>
<circle cx="0" cy="0" r="5" class="cream"/>
</g>
<!-- Clip to keep everything in a corner region -->
<clipPath id="cornerClip">
<path d="M0,0 H900 V600 H0 Z" />
</clipPath>
</defs>
<!--
Step-by-Step Analysis (as SVG comments)
1) Composition: decorative corner ornament occupying the top-right area, leaving transparent background elsewhere.
2) Frame: a yellow border-like band forming an L-shape along the top and right edges, with rounded ends.
3) Motif: central stylized fruit/flower (pomegranate-like) in reds/oranges with inner seeds.
4) Surrounding flow: layered, flame-like curls and leaves in red/orange/yellow.
5) Accents: dotted cream lines following curves to suggest embroidery/ornamentation.
6) Starburst flowers: small yellow starbursts at ends of the border.
-->
<g clip-path="url(#cornerClip)">
<!-- Border / frame (top and right) -->
<path class="strokeYellow" d="M80,70 H820" />
<path class="strokeYellow" d="M830,80 V520" />
<!-- Rounded corner connector -->
<path class="strokeYellow" d="M820,70 Q860,70 860,110" />
<!-- Starburst accents at ends of border -->
<g transform="translate(80,70) scale(0.7)">
<use href="#starburst"/>
</g>
<g transform="translate(830,520) scale(0.7)">
<use href="#starburst"/>
</g>
<!-- Small decorative buds near border -->
<circle cx="780" cy="70" r="8" class="gold"/>
<circle cx="830" cy="160" r="8" class="gold"/>
<circle cx="830" cy="250" r="6" class="amber"/>
<!-- Flowing ornamental base shapes (corner mass) -->
<path class="orange" d="M900,0
C820,10 770,40 740,90
C705,150 710,220 760,260
C800,292 820,320 820,360
C820,430 760,500 680,540
C780,560 860,560 900,560 Z" opacity="0.95"/>
<path class="red" d="M900,0
C845,15 805,45 785,90
C765,135 780,175 815,205
C855,240 865,270 850,310
C825,380 745,470 650,510
C730,520 840,520 900,520 Z" opacity="0.95"/>
<path class="amber" d="M900,40
C860,55 830,80 820,115
C808,155 828,185 860,210
C900,242 900,242 900,242 Z" opacity="0.9"/>
<!-- Curled leaf/flame shapes -->
<path class="deepRed" d="M735,150
C700,120 690,90 710,70
C740,40 800,55 820,95
C835,125 820,165 785,175
C770,180 750,170 735,150 Z" opacity="0.95"/>
<path class="yellow" d="M760,310
C720,300 695,275 700,245
C707,205 770,195 805,225
C835,250 835,295 805,315
C790,325 775,320 760,310 Z" opacity="0.95"/>
<path class="orange" d="M700,430
C660,420 635,395 640,365
C648,325 715,315 750,350
C780,380 775,420 740,440
C725,448 712,440 700,430 Z" opacity="0.95"/>
<!-- Central stylized fruit/flower motif (pomegranate-like) -->
<g transform="translate(700,270)">
<!-- Outer body -->
<path class="red" d="M0,-70
C30,-95 70,-85 85,-55
C105,-15 90,55 50,90
C20,115 -20,115 -50,90
C-90,55 -105,-15 -85,-55
C-70,-85 -30,-95 0,-70 Z"/>
<!-- Crown -->
<path class="deepRed" d="M0,-95
C10,-115 25,-125 40,-120
C45,-110 42,-98 35,-88
C55,-95 70,-92 78,-80
C72,-66 55,-62 40,-62
C25,-50 10,-48 0,-55
C-10,-48 -25,-50 -40,-62
C-55,-62 -72,-66 -78,-80
C-70,-92 -55,-95 -35,-88
C-42,-98 -45,-110 -40,-120
C-25,-125 -10,-115 0,-95 Z"/>
<!-- Inner highlight -->
<path class="orange" d="M0,-55
C25,-70 55,-60 65,-38
C80,0 65,50 35,72
C15,88 -15,88 -35,72
C-65,50 -80,0 -65,-38
C-55,-60 -25,-70 0,-55 Z" opacity="0.95"/>
<!-- Seed clusters -->
<g fill="#fff1c7" opacity="0.95">
<circle cx="-22" cy="-10" r="6"/>
<circle cx="-5" cy="-18" r="6"/>
<circle cx="12" cy="-10" r="6"/>
<circle cx="28" cy="-2" r="6"/>
<circle cx="18" cy="12" r="6"/>
<circle cx="0" cy="18" r="6"/>
<circle cx="-18" cy="12" r="6"/>
<circle cx="-30" cy="2" r="6"/>
<circle cx="-10" cy="35" r="6"/>
<circle cx="10" cy="35" r="6"/>
<circle cx="0" cy="52" r="6"/>
</g>
<!-- Seed outlines / texture -->
<path class="strokeRed" d="M-40,10 C-25,-25 25,-25 40,10" opacity="0.55"/>
<path class="strokeRed" d="M-35,35 C-15,15 15,15 35,35" opacity="0.45"/>
</g>
<!-- Dotted decorative lines following the flow -->
<path class="dots" d="M880,120 C820,140 790,175 780,220 C770,265 800,300 845,320" />
<path class="dots" d="M860,360 C820,380 785,420 770,465 C755,510 720,535 690,545" />
<path class="dots" d="M820,85 C780,95 745,120 730,150" />
<!-- Small starburst flowers near border ends -->
<g transform="translate(845,105) scale(0.45)">
<use href="#starburst"/>
</g>
<g transform="translate(790,70) scale(0.45)">
<use href="#starburst"/>
</g>
<g transform="translate(830,460) scale(0.45)">
<use href="#starburst"/>
</g>
<!-- Tiny dot accents -->
<g fill="#fff1c7" opacity="0.9">
<circle cx="815" cy="205" r="4"/>
<circle cx="835" cy="235" r="3.5"/>
<circle cx="800" cy="255" r="3.5"/>
<circle cx="760" cy="345" r="4"/>
<circle cx="740" cy="380" r="3.5"/>
<circle cx="785" cy="410" r="3.5"/>
<circle cx="705" cy="455" r="4"/>
<circle cx="675" cy="495" r="3.5"/>
</g>
<!-- Subtle inner border echo (decorative) -->
<path class="strokeOrange" d="M110,95 H800" opacity="0.8"/>
<path class="strokeOrange" d="M805,100 V500" opacity="0.8"/>
<path class="strokeOrange" d="M800,95 Q835,95 835,130" opacity="0.8"/>
</g>
</svg>