Showing: full SVG
Concept Groups
central coffee cup: 2 3 4 5
two heart-shaped steam lines above cup: 6 7 8 9 14 15 19
left cluster of three coffee beans: 12 13 16 17 18
right cluster of three coffee beans: 10 11
inner circular ring surrounding cup: 0
outer circular ring framing the image: 1
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | circle |
inner circular ring |
0.498
|
0.000 0.008 0.031 0.032 0.437 0.369 |
| 1 | circle |
outer circular ring |
0.435
|
0.000 0.056 0.092 0.095 0.000 0.187 |
| 2 | path |
central coffee cup |
0.308
|
0.406 0.228 0.159 0.156 0.261 0.110 |
| 3 | ellipse |
central coffee cup |
0.253
|
0.247 0.139 0.182 0.175 0.160 0.076 |
| 4 | path |
central coffee cup |
0.442
|
0.127 0.076 0.029 0.030 0.000 0.026 |
| 5 | path |
central coffee cup |
0.292
|
0.219 0.122 0.101 0.098 0.142 0.068 |
| 6 | path |
two heart-shaped ste |
0.892
|
0.000 0.012 0.001 0.001 0.000 0.000 |
| 7 | path |
two heart-shaped ste |
0.884
|
0.000 0.012 0.001 0.001 0.000 0.000 |
| 8 | ellipse |
two heart-shaped ste |
0.323
|
0.000 0.058 0.039 0.049 0.000 0.032 |
| 9 | line |
two heart-shaped ste |
0.364
|
0.000 0.008 0.006 0.007 0.000 0.000 |
| 10 | ellipse |
right cluster of thr |
0.355
|
0.000 0.051 0.088 0.092 0.000 0.028 |
| 11 | line |
right cluster of thr |
0.424
|
0.000 0.007 0.015 0.016 0.000 0.000 |
| 12 | ellipse |
left cluster of thre |
0.311
|
0.000 0.042 0.052 0.051 0.000 0.023 |
| 13 | line |
left cluster of thre |
0.353
|
0.000 0.008 0.009 0.008 0.000 0.000 |
| 14 | ellipse |
two heart-shaped ste |
0.384
|
0.000 0.058 0.029 0.032 0.000 0.032 |
| 15 | line |
two heart-shaped ste |
0.463
|
0.000 0.008 0.004 0.005 0.000 0.000 |
| 16 | ellipse |
left cluster of thre |
0.352
|
0.000 0.051 0.089 0.085 0.000 0.028 |
| 17 | line |
left cluster of thre |
0.413
|
0.000 0.007 0.014 0.013 0.000 0.000 |
| 18 | ellipse |
left cluster of thre |
0.317
|
0.000 0.042 0.052 0.049 0.000 0.022 |
| 19 | line |
two heart-shaped ste |
0.355
|
0.000 0.008 0.007 0.007 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<!-- Outer circle -->
<circle cx="100" cy="100" r="90" fill="none" stroke="#4a3728" stroke-width="2.5"/>
<!-- Inner curved line -->
<circle cx="100" cy="100" r="75" fill="none" stroke="#4a3728" stroke-width="1.5"/>
<!-- Coffee cup body -->
<path d="M70 110 L75 145 C75 155 85 160 100 160 C115 160 125 155 125 145 L130 110 Z"
fill="none" stroke="#4a3728" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Cup rim -->
<ellipse cx="100" cy="110" rx="30" ry="6" fill="none" stroke="#4a3728" stroke-width="2.5"/>
<!-- Cup handle -->
<path d="M130 115 C145 115 150 125 150 135 C150 145 145 150 130 150"
fill="none" stroke="#4a3728" stroke-width="2.5" stroke-linecap="round"/>
<!-- Steam forming heart shape -->
<path d="M100 100
C100 95 95 85 88 85
C78 85 78 95 78 98
C78 108 100 115 100 100
M100 100
C100 95 105 85 112 85
C122 85 122 95 122 98
C122 108 100 115 100 100"
fill="none" stroke="#4a3728" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Additional steam wisps -->
<path d="M90 75 C88 70 92 65 90 60" fill="none" stroke="#4a3728" stroke-width="1.5" stroke-linecap="round"/>
<path d="M110 75 C112 70 108 65 110 60" fill="none" stroke="#4a3728" stroke-width="1.5" stroke-linecap="round"/>
<!-- Left coffee beans/leaves stack -->
<ellipse cx="40" cy="115" rx="8" ry="12" fill="none" stroke="#4a3728" stroke-width="2" transform="rotate(-20 40 115)"/>
<line x1="35" y1="115" x2="45" y2="115" stroke="#4a3728" stroke-width="1.5" transform="rotate(-20 40 115)"/>
<ellipse cx="38" cy="135" rx="8" ry="12" fill="none" stroke="#4a3728" stroke-width="2" transform="rotate(-15 38 135)"/>
<line x1="33" y1="135" x2="43" y2="135" stroke="#4a3728" stroke-width="1.5" transform="rotate(-15 38 135)"/>
<ellipse cx="40" cy="155" rx="8" ry="12" fill="none" stroke="#4a3728" stroke-width="2" transform="rotate(-10 40 155)"/>
<line x1="35" y1="155" x2="45" y2="155" stroke="#4a3728" stroke-width="1.5" transform="rotate(-10 40 155)"/>
<!-- Right coffee beans/leaves stack -->
<ellipse cx="160" cy="115" rx="8" ry="12" fill="none" stroke="#4a3728" stroke-width="2" transform="rotate(20 160 115)"/>
<line x1="155" y1="115" x2="165" y2="115" stroke="#4a3728" stroke-width="1.5" transform="rotate(20 160 115)"/>
<ellipse cx="162" cy="135" rx="8" ry="12" fill="none" stroke="#4a3728" stroke-width="2" transform="rotate(15 162 135)"/>
<line x1="157" y1="135" x2="167" y2="135" stroke="#4a3728" stroke-width="1.5" transform="rotate(15 162 135)"/>
<ellipse cx="160" cy="155" rx="8" ry="12" fill="none" stroke="#4a3728" stroke-width="2" transform="rotate(10 160 155)"/>
<line x1="155" y1="155" x2="165" y2="155" stroke="#4a3728" stroke-width="1.5" transform="rotate(10 160 155)"/>
</svg>