Showing: full SVG
Concept Groups
orange bandage: 0 1
white polka dots: 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
orange bandage |
0.548
|
0.790 0.651 |
| 1 | path |
orange bandage |
0.673
|
0.010 0.005 |
| 2 | circle |
white polka dots |
0.705
|
0.003 0.008 |
| 3 | circle |
white polka dots |
0.704
|
0.003 0.006 |
| 4 | circle |
white polka dots |
0.704
|
0.003 0.008 |
| 5 | circle |
white polka dots |
0.704
|
0.003 0.006 |
| 6 | circle |
white polka dots |
0.702
|
0.003 0.008 |
| 7 | circle |
white polka dots |
0.705
|
0.003 0.008 |
| 8 | circle |
white polka dots |
0.706
|
0.003 0.006 |
| 9 | circle |
white polka dots |
0.704
|
0.003 0.008 |
| 10 | circle |
white polka dots |
0.703
|
0.002 0.005 |
| 11 | circle |
white polka dots |
0.704
|
0.003 0.008 |
| 12 | circle |
white polka dots |
0.704
|
0.003 0.006 |
| 13 | circle |
white polka dots |
0.704
|
0.003 0.008 |
| 14 | circle |
white polka dots |
0.711
|
0.003 0.007 |
| 15 | circle |
white polka dots |
0.706
|
0.003 0.008 |
| 16 | circle |
white polka dots |
0.704
|
0.003 0.006 |
| 17 | circle |
white polka dots |
0.705
|
0.003 0.007 |
| 18 | circle |
white polka dots |
0.704
|
0.003 0.006 |
| 19 | circle |
white polka dots |
0.704
|
0.003 0.008 |
| 20 | circle |
white polka dots |
0.706
|
0.003 0.007 |
| 21 | circle |
white polka dots |
0.714
|
0.003 0.007 |
| 22 | circle |
white polka dots |
0.707
|
0.004 0.008 |
| 23 | circle |
white polka dots |
0.705
|
0.002 0.005 |
| 24 | circle |
white polka dots |
0.708
|
0.004 0.009 |
| 25 | circle |
white polka dots |
0.706
|
0.002 0.005 |
| 26 | circle |
white polka dots |
0.707
|
0.003 0.008 |
| 27 | circle |
white polka dots |
0.731
|
0.003 0.007 |
| 28 | path |
white polka dots |
0.611
|
0.002 0.003 |
| 29 | path |
white polka dots |
0.623
|
0.002 0.004 |
| 30 | path |
white polka dots |
0.646
|
0.003 0.005 |
| 31 | path |
white polka dots |
0.560
|
0.117 0.149 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400">
<!-- Transparent background (default) -->
<defs>
<!-- Bandage shape used for clipping internal details -->
<clipPath id="bandageClip">
<path d="M 200 120
Q 170 200 200 280
Q 240 330 320 310
Q 400 300 480 310
Q 560 330 600 280
Q 630 200 600 120
Q 560 70 480 90
Q 400 100 320 90
Q 240 70 200 120 Z"/>
</clipPath>
<!-- Subtle inner shadow / edge depth -->
<linearGradient id="edgeShade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffb14a" stop-opacity="0.55"/>
<stop offset="0.5" stop-color="#f08a00" stop-opacity="0.15"/>
<stop offset="1" stop-color="#d96b00" stop-opacity="0.35"/>
</linearGradient>
</defs>
<!-- Step-by-step analysis (visual plan encoded as comments)
1) Draw an elongated oval bandage silhouette in orange.
2) Add a subtle darker-orange shading along edges for depth (still flat style).
3) Fill the bandage with many white polka dots, clipped to the bandage shape.
4) Overlay semi-transparent darker orange wavy lines to suggest creases/folds.
5) Keep background transparent and overall look clean and friendly.
-->
<!-- Bandage base -->
<path d="M 200 120
Q 170 200 200 280
Q 240 330 320 310
Q 400 300 480 310
Q 560 330 600 280
Q 630 200 600 120
Q 560 70 480 90
Q 400 100 320 90
Q 240 70 200 120 Z"
fill="#f28c00"/>
<!-- Subtle edge shading -->
<path d="M 200 120
Q 170 200 200 280
Q 240 330 320 310
Q 400 300 480 310
Q 560 330 600 280
Q 630 200 600 120
Q 560 70 480 90
Q 400 100 320 90
Q 240 70 200 120 Z"
fill="url(#edgeShade)" opacity="0.35"/>
<!-- Polka dots (clipped to bandage) -->
<g clip-path="url(#bandageClip)" fill="#ffffff" opacity="0.95">
<!-- Row 1 -->
<circle cx="250" cy="140" r="10"/>
<circle cx="310" cy="135" r="9"/>
<circle cx="370" cy="145" r="10"/>
<circle cx="430" cy="135" r="9"/>
<circle cx="490" cy="145" r="10"/>
<circle cx="550" cy="140" r="10"/>
<!-- Row 2 -->
<circle cx="230" cy="185" r="9"/>
<circle cx="290" cy="190" r="10"/>
<circle cx="350" cy="180" r="9"/>
<circle cx="410" cy="190" r="10"/>
<circle cx="470" cy="180" r="9"/>
<circle cx="530" cy="190" r="10"/>
<circle cx="590" cy="185" r="9"/>
<!-- Row 3 -->
<circle cx="250" cy="235" r="10"/>
<circle cx="310" cy="230" r="9"/>
<circle cx="370" cy="240" r="10"/>
<circle cx="430" cy="230" r="9"/>
<circle cx="490" cy="240" r="10"/>
<circle cx="550" cy="235" r="10"/>
<!-- Row 4 -->
<circle cx="230" cy="275" r="9"/>
<circle cx="290" cy="280" r="10"/>
<circle cx="350" cy="270" r="9"/>
<circle cx="410" cy="280" r="10"/>
<circle cx="470" cy="270" r="9"/>
<circle cx="530" cy="280" r="10"/>
<circle cx="590" cy="275" r="9"/>
</g>
<!-- Subtle wavy crease lines (semi-transparent darker orange), clipped -->
<g clip-path="url(#bandageClip)" fill="none" stroke="#c96500" stroke-opacity="0.28" stroke-width="10" stroke-linecap="round">
<path d="M 220 165 C 280 135, 340 195, 400 165 C 460 135, 520 195, 580 165"/>
<path d="M 220 220 C 285 190, 335 250, 400 220 C 465 190, 515 250, 580 220"/>
<path d="M 230 260 C 295 235, 335 295, 400 270 C 465 245, 515 305, 570 285"/>
</g>
<!-- Optional subtle highlight to keep it friendly/clean -->
<g clip-path="url(#bandageClip)" opacity="0.18">
<path d="M 230 125
Q 210 185 235 245
Q 255 290 315 280
Q 390 270 465 280
Q 525 290 565 255
Q 595 225 585 165
Q 575 115 520 115
Q 420 115 330 115
Q 270 115 230 125 Z"
fill="#ffffff"/>
</g>
</svg>