Showing: full SVG
Concept Groups
red geometric lanterns: 0 1 2 3 4 9 10 13 14 15 16 17 18 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
blue cords: 5 6 7 8 11 12 19 20
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
red geometric lanter |
0.615
|
0.012 0.007 |
| 1 | rect |
red geometric lanter |
0.654
|
0.013 0.007 |
| 2 | rect |
red geometric lanter |
0.703
|
0.015 0.006 |
| 3 | rect |
red geometric lanter |
0.616
|
0.011 0.007 |
| 4 | rect |
red geometric lanter |
0.651
|
0.014 0.007 |
| 5 | rect |
blue cords |
0.507
|
0.028 0.029 |
| 6 | circle |
blue cords |
0.512
|
0.182 0.191 |
| 7 | rect |
blue cords |
0.586
|
0.022 0.031 |
| 8 | circle |
blue cords |
0.568
|
0.002 0.002 |
| 9 | rect |
red geometric lanter |
0.578
|
0.003 0.002 |
| 10 | path |
red geometric lanter |
0.668
|
0.003 0.002 |
| 11 | rect |
blue cords |
0.524
|
0.028 0.031 |
| 12 | rect |
blue cords |
0.537
|
0.147 0.171 |
| 13 | rect |
red geometric lanter |
0.632
|
0.018 0.011 |
| 14 | circle |
red geometric lanter |
0.649
|
0.001 0.001 |
| 15 | circle |
red geometric lanter |
0.621
|
0.001 0.001 |
| 16 | rect |
red geometric lanter |
0.671
|
0.003 0.001 |
| 17 | path |
red geometric lanter |
0.757
|
0.003 0.001 |
| 18 | rect |
red geometric lanter |
0.532
|
0.026 0.023 |
| 19 | path |
blue cords |
0.591
|
0.089 0.129 |
| 20 | rect |
blue cords |
0.644
|
0.020 0.036 |
| 21 | rect |
red geometric lanter |
0.506
|
0.003 0.003 |
| 22 | path |
red geometric lanter |
0.724
|
0.002 0.001 |
| 23 | rect |
red geometric lanter |
0.506
|
0.028 0.027 |
| 24 | path |
red geometric lanter |
0.554
|
0.126 0.101 |
| 25 | rect |
red geometric lanter |
0.561
|
0.020 0.015 |
| 26 | circle |
red geometric lanter |
0.587
|
0.002 0.001 |
| 27 | rect |
red geometric lanter |
0.705
|
0.003 0.001 |
| 28 | path |
red geometric lanter |
0.836
|
0.003 0.001 |
| 29 | rect |
red geometric lanter |
0.542
|
0.028 0.023 |
| 30 | path |
red geometric lanter |
0.517
|
0.122 0.114 |
| 31 | rect |
red geometric lanter |
0.557
|
0.018 0.015 |
| 32 | circle |
red geometric lanter |
0.522
|
0.001 0.001 |
| 33 | circle |
red geometric lanter |
0.552
|
0.001 0.001 |
| 34 | circle |
red geometric lanter |
0.586
|
0.001 0.001 |
| 35 | rect |
red geometric lanter |
0.668
|
0.002 0.001 |
| 36 | path |
red geometric lanter |
0.762
|
0.002 0.001 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="520" viewBox="0 0 900 520">
<defs>
<style>
.red{fill:#e53935;}
.blue{fill:#1f2f6b;}
.none{fill:none;}
</style>
</defs>
<!--
Step-by-Step Analysis (from the description)
1) Background: transparent; no background rectangle.
2) Five lanterns hang from dark blue cords, spaced left-to-right.
3) Style: minimalist flat shapes; no gradients; crisp geometry.
4) Each lantern: red body with dark blue top and bottom bands.
5) Shapes vary: spherical, cylindrical, and tapering/diamond-like forms.
6) Most lanterns include small dark blue tassels; some include red bead accents.
-->
<!-- Cords -->
<g class="blue">
<rect x="95" y="10" width="6" height="120" rx="3"/>
<rect x="265" y="10" width="6" height="110" rx="3"/>
<rect x="445" y="10" width="6" height="135" rx="3"/>
<rect x="625" y="10" width="6" height="115" rx="3"/>
<rect x="805" y="10" width="6" height="125" rx="3"/>
</g>
<!-- Lantern 1: spherical -->
<g transform="translate(0,0)">
<!-- top cap -->
<rect class="blue" x="55" y="120" width="86" height="18" rx="6"/>
<!-- body -->
<circle class="red" cx="98" cy="205" r="60"/>
<!-- bottom band -->
<rect class="blue" x="62" y="250" width="72" height="18" rx="6"/>
<!-- tassel -->
<g transform="translate(98,268)">
<circle class="red" cx="0" cy="8" r="6"/>
<rect class="blue" x="-2" y="14" width="4" height="36" rx="2"/>
<path class="blue" d="M0,50 l-10,18 h20 z"/>
</g>
</g>
<!-- Lantern 2: tall cylinder -->
<g transform="translate(0,0)">
<!-- top cap -->
<rect class="blue" x="225" y="110" width="86" height="18" rx="6"/>
<!-- body -->
<rect class="red" x="235" y="128" width="66" height="150" rx="28"/>
<!-- bottom band -->
<rect class="blue" x="238" y="262" width="60" height="18" rx="6"/>
<!-- tassel with two beads -->
<g transform="translate(268,280)">
<circle class="red" cx="0" cy="10" r="5"/>
<circle class="red" cx="0" cy="24" r="4.5"/>
<rect class="blue" x="-2" y="30" width="4" height="34" rx="2"/>
<path class="blue" d="M0,64 l-9,16 h18 z"/>
</g>
</g>
<!-- Lantern 3: tapered (wide middle, narrow ends) -->
<g transform="translate(0,0)">
<!-- top cap -->
<rect class="blue" x="405" y="135" width="86" height="18" rx="6"/>
<!-- body -->
<path class="red" d="M448,153
C410,170 410,250 448,280
C486,250 486,170 448,153 Z"/>
<!-- bottom band -->
<rect class="blue" x="418" y="270" width="60" height="18" rx="6"/>
<!-- small tassel (no bead) -->
<g transform="translate(448,288)">
<rect class="blue" x="-2" y="2" width="4" height="34" rx="2"/>
<path class="blue" d="M0,36 l-8,14 h16 z"/>
</g>
</g>
<!-- Lantern 4: diamond / kite shape -->
<g transform="translate(0,0)">
<!-- top cap -->
<rect class="blue" x="585" y="115" width="86" height="18" rx="6"/>
<!-- body -->
<path class="red" d="M628,133 L675,205 L628,290 L581,205 Z"/>
<!-- bottom band -->
<rect class="blue" x="598" y="276" width="60" height="18" rx="6"/>
<!-- tassel with bead -->
<g transform="translate(628,294)">
<circle class="red" cx="0" cy="8" r="5.5"/>
<rect class="blue" x="-2" y="14" width="4" height="34" rx="2"/>
<path class="blue" d="M0,48 l-9,16 h18 z"/>
</g>
</g>
<!-- Lantern 5: rounded trapezoid (tapering) -->
<g transform="translate(0,0)">
<!-- top cap -->
<rect class="blue" x="765" y="125" width="86" height="18" rx="6"/>
<!-- body -->
<path class="red" d="M788,143
Q806,155 828,143
Q846,210 828,292
Q806,305 788,292
Q770,210 788,143 Z"/>
<!-- bottom band -->
<rect class="blue" x="778" y="280" width="60" height="18" rx="6"/>
<!-- tassel with three small beads -->
<g transform="translate(808,298)">
<circle class="red" cx="0" cy="8" r="4.8"/>
<circle class="red" cx="0" cy="20" r="4.2"/>
<circle class="red" cx="0" cy="31" r="3.8"/>
<rect class="blue" x="-2" y="36" width="4" height="30" rx="2"/>
<path class="blue" d="M0,66 l-8,14 h16 z"/>
</g>
</g>
</svg>