Showing: full SVG
Concept Groups
top-left steam swirl: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
right-side heart outline:
bottom-left coffee bean:
bottom-right coffee bean:
upper-right steam curve:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | circle |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 1 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 2 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 3 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 4 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 5 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 6 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 7 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 8 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 9 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 10 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 11 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 12 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 13 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 14 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 15 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 16 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 17 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 18 | path |
top-left steam swirl |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
<!--
Step-by-Step Analysis (from description)
1) Overall style: minimalist line art; transparent background; single dark-brown stroke; no fills.
2) Main composition: centered coffee cup with a small handle on the right.
3) Steam above cup: two curved strokes that meet to form a heart-shaped steam silhouette.
4) Enclosure: an outer circle around the whole icon, plus an inner curved line framing the cup/steam.
5) Side decorations: on both left and right of the cup, three stacked bean/leaf-like shapes (simple ovals with a center vein).
-->
<!-- Styling -->
<g stroke="#4B2E1F" stroke-width="12" stroke-linecap="round" stroke-linejoin="round">
<!-- Outer circle -->
<circle cx="256" cy="256" r="220"/>
<!-- Inner curved line (a soft arch framing the center) -->
<path d="M140 330
C170 375, 220 400, 256 400
C292 400, 342 375, 372 330"/>
<!-- Coffee cup (body + rim) -->
<path d="M190 235
H310
C318 235, 324 241, 324 249
V306
C324 338, 299 360, 256 360
C213 360, 188 338, 188 306
V249
C188 241, 194 235, 202 235"/>
<!-- Cup base / saucer hint -->
<path d="M210 380
C230 392, 282 392, 302 380"/>
<!-- Handle -->
<path d="M324 265
C360 265, 360 320, 324 320"/>
<!-- Heart-shaped steam -->
<path d="M256 150
C238 125, 195 135, 200 175
C205 210, 240 225, 256 245
C272 225, 307 210, 312 175
C317 135, 274 125, 256 150"/>
<!-- Steam tail into cup (subtle) -->
<path d="M256 245
C256 255, 256 265, 256 275"/>
<!-- Left decorative stack (3 beans/leaves) -->
<g transform="translate(0,0)">
<!-- top -->
<path d="M140 250
C122 240, 122 220, 140 210
C158 220, 158 240, 140 250 Z"/>
<path d="M140 212 C136 222, 136 238, 140 248"/>
<!-- middle -->
<path d="M128 290
C110 280, 110 260, 128 250
C146 260, 146 280, 128 290 Z"/>
<path d="M128 252 C124 262, 124 278, 128 288"/>
<!-- bottom -->
<path d="M140 330
C122 320, 122 300, 140 290
C158 300, 158 320, 140 330 Z"/>
<path d="M140 292 C136 302, 136 318, 140 328"/>
</g>
<!-- Right decorative stack (mirror of left) -->
<g transform="translate(512,0) scale(-1,1)">
<!-- top -->
<path d="M140 250
C122 240, 122 220, 140 210
C158 220, 158 240, 140 250 Z"/>
<path d="M140 212 C136 222, 136 238, 140 248"/>
<!-- middle -->
<path d="M128 290
C110 280, 110 260, 128 250
C146 260, 146 280, 128 290 Z"/>
<path d="M128 252 C124 262, 124 278, 128 288"/>
<!-- bottom -->
<path d="M140 330
C122 320, 122 300, 140 290
C158 300, 158 320, 140 330 Z"/>
<path d="M140 292 C136 302, 136 318, 140 328"/>
</g>
</g>
</svg>