chattyness/stock/props/tea-cup.svg

63 lines
2.7 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120">
<g transform="scale(2.5)">
<defs>
<linearGradient id="glass" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#D0D8DD"/>
<stop offset="30%" stop-color="#F0F5F8"/>
<stop offset="70%" stop-color="#F8FCFF"/>
<stop offset="100%" stop-color="#D0D8DD"/>
</linearGradient>
<linearGradient id="turkishtea" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#C44D1A"/>
<stop offset="40%" stop-color="#9B2A0F"/>
<stop offset="100%" stop-color="#6B1A08"/>
</linearGradient>
<linearGradient id="goldrim" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#C9A030"/>
<stop offset="50%" stop-color="#F0D050"/>
<stop offset="100%" stop-color="#C9A030"/>
</linearGradient>
</defs>
<!-- Small saucer -->
<ellipse cx="24" cy="42" rx="8" ry="2.5" fill="#F0F0F0"/>
<ellipse cx="24" cy="42" rx="8" ry="2.5" fill="none" stroke="url(#goldrim)" stroke-width="0.4"/>
<ellipse cx="24" cy="41.5" rx="6" ry="1.5" fill="#FAFAFA"/>
<!-- Turkish tea glass - tulip shape: wide rim, narrow waist, wider base -->
<!-- Glass outline -->
<path d="M 19 22
Q 19 24 21 28
Q 22 30 22 32
Q 22 34 21 36
Q 20 38 20 40
L 28 40
Q 28 38 27 36
Q 26 34 26 32
Q 26 30 27 28
Q 29 24 29 22
Z"
fill="url(#glass)" fill-opacity="0.3" stroke="#B0B8BC" stroke-width="0.5"/>
<!-- Tea fill -->
<path d="M 19.5 23
Q 19.5 25 21.2 28.5
Q 22.2 30.5 22.2 32
Q 22.2 34 21.2 36
Q 20.2 38 20.2 40
L 27.8 40
Q 27.8 38 26.8 36
Q 25.8 34 25.8 32
Q 25.8 30.5 26.8 28.5
Q 28.5 25 28.5 23
Z"
fill="url(#turkishtea)" fill-opacity="0.85"/>
<!-- Glass rim - elliptical top -->
<ellipse cx="24" cy="22" rx="5" ry="1.8" fill="url(#glass)" fill-opacity="0.5"/>
<ellipse cx="24" cy="22" rx="5" ry="1.8" fill="none" stroke="url(#goldrim)" stroke-width="0.6"/>
<!-- Tea surface -->
<ellipse cx="24" cy="22.5" rx="4.3" ry="1.4" fill="#C44D1A" fill-opacity="0.9"/>
<!-- Glass highlight - thin reflection -->
<path d="M 20.5 24 Q 21 28 21.5 34" fill="none" stroke="#FFFFFF" stroke-width="0.8" stroke-opacity="0.5" stroke-linecap="round"/>
<!-- Steam wisps -->
<path d="M 22 19 Q 21 16 22 13" fill="none" stroke="#CCCCCC" stroke-width="0.6" stroke-opacity="0.4"/>
<path d="M 26 19 Q 27 15 26 12" fill="none" stroke="#CCCCCC" stroke-width="0.6" stroke-opacity="0.4"/>
</g>
</svg>