Showing: full SVG
Concept Groups
left floral motif: 2 3 4 5 6 7 8 9 10 11 16 17 18 19
top horizontal border: 0
bottom horizontal border: 1 12 13 14 15
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
top horizontal borde |
0.568
|
0.000 0.710 0.541 |
| 1 | path |
bottom horizontal bo |
0.535
|
0.000 0.287 0.330 |
| 2 | path |
left floral motif |
0.890
|
0.137 0.000 0.017 |
| 3 | path |
left floral motif |
0.890
|
0.137 0.000 0.017 |
| 4 | circle |
left floral motif |
0.893
|
0.039 0.000 0.005 |
| 5 | path |
left floral motif |
0.891
|
0.090 0.000 0.011 |
| 6 | path |
left floral motif |
0.893
|
0.091 0.000 0.011 |
| 7 | path |
left floral motif |
0.894
|
0.141 0.000 0.017 |
| 8 | path |
left floral motif |
0.894
|
0.143 0.000 0.017 |
| 9 | circle |
left floral motif |
0.897
|
0.040 0.000 0.005 |
| 10 | path |
left floral motif |
0.892
|
0.090 0.000 0.011 |
| 11 | path |
left floral motif |
0.892
|
0.091 0.000 0.011 |
| 12 | circle |
bottom horizontal bo |
0.570
|
0.000 0.002 0.002 |
| 13 | circle |
bottom horizontal bo |
0.615
|
0.000 0.001 0.002 |
| 14 | circle |
bottom horizontal bo |
1.000
|
0.000 0.000 0.002 |
| 15 | circle |
bottom horizontal bo |
1.000
|
0.000 0.000 0.002 |
| 16 | path |
left floral motif |
1.000
|
0.000 0.000 0.000 |
| 17 | path |
left floral motif |
1.000
|
0.000 0.000 0.000 |
| 18 | path |
left floral motif |
1.000
|
0.000 0.000 0.000 |
| 19 | path |
left floral motif |
1.000
|
0.000 0.000 0.000 |
SVG Code
<svg viewBox="0 0 400 150" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Gradient for the brown color -->
<linearGradient id="brownGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#8B4513;stop-opacity:1" />
<stop offset="50%" style="stop-color:#654321;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B4513;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Outer frame border -->
<path d="M 50 30
Q 30 30 30 50
L 30 100
Q 30 120 50 120
L 350 120
Q 370 120 370 100
L 370 50
Q 370 30 350 30
Z"
fill="none"
stroke="url(#brownGradient)"
stroke-width="4"/>
<!-- Inner frame border -->
<path d="M 55 38
Q 40 38 40 53
L 40 97
Q 40 112 55 112
L 345 112
Q 360 112 360 97
L 360 53
Q 360 38 345 38
Z"
fill="none"
stroke="url(#brownGradient)"
stroke-width="2"/>
<!-- Left scrollwork ornament -->
<g fill="none" stroke="url(#brownGradient)" stroke-width="2">
<!-- Left side scrolls -->
<path d="M 55 55 Q 65 50 70 55 Q 75 60 70 70 Q 65 80 55 75"/>
<path d="M 55 95 Q 65 100 70 95 Q 75 90 70 80 Q 65 70 55 75"/>
<circle cx="62" cy="75" r="3" fill="url(#brownGradient)"/>
<!-- Additional left flourish -->
<path d="M 70 60 Q 80 55 85 60 Q 88 65 85 70"/>
<path d="M 70 90 Q 80 95 85 90 Q 88 85 85 80"/>
</g>
<!-- Right scrollwork ornament -->
<g fill="none" stroke="url(#brownGradient)" stroke-width="2">
<!-- Right side scrolls -->
<path d="M 345 55 Q 335 50 330 55 Q 325 60 330 70 Q 335 80 345 75"/>
<path d="M 345 95 Q 335 100 330 95 Q 325 90 330 80 Q 335 70 345 75"/>
<circle cx="338" cy="75" r="3" fill="url(#brownGradient)"/>
<!-- Additional right flourish -->
<path d="M 330 60 Q 320 55 315 60 Q 312 65 315 70"/>
<path d="M 330 90 Q 320 95 315 90 Q 312 85 315 80"/>
</g>
<!-- Corner decorative elements -->
<g fill="url(#brownGradient)">
<!-- Top left corner dot -->
<circle cx="48" cy="35" r="2"/>
<!-- Top right corner dot -->
<circle cx="352" cy="35" r="2"/>
<!-- Bottom left corner dot -->
<circle cx="48" cy="115" r="2"/>
<!-- Bottom right corner dot -->
<circle cx="352" cy="115" r="2"/>
</g>
<!-- Subtle decorative lines on top and bottom -->
<path d="M 80 35 L 120 35" stroke="url(#brownGradient)" stroke-width="1.5" fill="none"/>
<path d="M 280 35 L 320 35" stroke="url(#brownGradient)" stroke-width="1.5" fill="none"/>
<path d="M 80 115 L 120 115" stroke="url(#brownGradient)" stroke-width="1.5" fill="none"/>
<path d="M 280 115 L 320 115" stroke="url(#brownGradient)" stroke-width="1.5" fill="none"/>
</svg>