Showing: full SVG
Concept Groups
top-left oval blob: 0 5
top-right oval blob: 4
leftmost dripping strand: 1 2 3
central dripping strand:
rightmost dripping strand:
bottom-right thick flow:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
top-left oval blob |
0.241
|
0.834 0.752 0.000 0.655 0.603 0.612 |
| 1 | path |
leftmost dripping st |
0.469
|
0.000 0.000 0.291 0.100 0.115 0.113 |
| 2 | path |
leftmost dripping st |
0.472
|
0.000 0.000 0.479 0.164 0.190 0.181 |
| 3 | path |
leftmost dripping st |
0.484
|
0.000 0.000 0.230 0.079 0.080 0.086 |
| 4 | ellipse |
top-right oval blob |
0.939
|
0.000 0.248 0.000 0.001 0.009 0.006 |
| 5 | ellipse |
top-left oval blob |
0.974
|
0.166 0.000 0.000 0.000 0.003 0.002 |
SVG Code
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="honeyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#F5B041;stop-opacity:1" />
<stop offset="50%" style="stop-color:#E5A32D;stop-opacity:1" />
<stop offset="100%" style="stop-color:#D4941C;stop-opacity:1" />
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feOffset dx="2" dy="2" result="offsetblur" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.3" />
</feComponentTransfer>
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<!-- Main flowing honey shape -->
<path d="M 0 0
L 400 0
L 400 60
C 380 70, 360 90, 350 130
C 340 170, 355 200, 360 240
C 365 280, 350 320, 370 360
C 380 390, 390 395, 400 400
L 400 400
L 300 400
C 310 380, 320 350, 310 310
C 300 270, 280 250, 290 200
C 300 150, 280 120, 260 100
C 240 80, 200 90, 160 70
C 120 50, 80 80, 40 60
C 20 50, 10 30, 0 20
Z"
fill="url(#honeyGradient)"
filter="url(#softShadow)" />
<!-- Drip 1 -->
<path d="M 80 70
C 90 80, 95 100, 90 130
C 85 160, 75 180, 70 210
C 65 240, 75 250, 80 260
C 90 275, 85 290, 75 295
C 60 302, 50 290, 55 270
C 58 255, 50 240, 45 210
C 40 180, 50 150, 55 120
C 60 90, 55 75, 60 65
C 65 55, 75 60, 80 70
Z"
fill="url(#honeyGradient)"
filter="url(#softShadow)" />
<!-- Drip 2 -->
<path d="M 180 85
C 195 95, 200 120, 195 150
C 190 180, 180 200, 185 230
C 190 260, 200 280, 195 310
C 190 340, 175 360, 165 370
C 150 385, 140 375, 145 355
C 150 335, 160 310, 155 280
C 150 250, 140 230, 145 200
C 150 170, 160 140, 155 110
C 150 90, 165 80, 180 85
Z"
fill="url(#honeyGradient)"
filter="url(#softShadow)" />
<!-- Small drip -->
<path d="M 250 110
C 265 120, 270 145, 265 175
C 260 205, 250 225, 255 250
C 260 270, 250 285, 240 290
C 225 297, 220 285, 225 265
C 230 245, 225 225, 230 195
C 235 165, 230 135, 235 115
C 240 100, 245 105, 250 110
Z"
fill="url(#honeyGradient)"
filter="url(#softShadow)" />
<!-- Highlight on main shape -->
<ellipse cx="320" cy="45" rx="40" ry="15" fill="#F9D976" opacity="0.5" />
<ellipse cx="150" cy="35" rx="30" ry="10" fill="#F9D976" opacity="0.4" />
</svg>