chattyness/stock/props/tea-pot.svg

52 lines
2.9 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="metalpot" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#B0B0B0"/>
<stop offset="30%" stop-color="#E8E8E8"/>
<stop offset="70%" stop-color="#E8E8E8"/>
<stop offset="100%" stop-color="#B0B0B0"/>
</linearGradient>
<linearGradient id="darkmetalpot" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#606060"/>
<stop offset="50%" stop-color="#909090"/>
<stop offset="100%" stop-color="#606060"/>
</linearGradient>
<linearGradient id="teainpot" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#8B0000"/>
<stop offset="100%" stop-color="#5C1A0B"/>
</linearGradient>
</defs>
<!-- Bottom pot (larger, for hot water) -->
<ellipse cx="24" cy="42" rx="12" ry="4" fill="url(#darkmetalpot)"/>
<path d="M 12 30 L 12 40 Q 12 44 16 44 L 32 44 Q 36 44 36 40 L 36 30 Z" fill="url(#metalpot)"/>
<ellipse cx="24" cy="30" rx="12" ry="4" fill="url(#metalpot)"/>
<!-- Bottom pot handle -->
<path d="M 36 34 Q 42 34 42 38 Q 42 42 36 40" fill="none" stroke="url(#darkmetalpot)" stroke-width="2.5" stroke-linecap="round"/>
<!-- Bottom pot spout -->
<path d="M 12 34 Q 6 32 4 28" fill="none" stroke="url(#metalpot)" stroke-width="3" stroke-linecap="round"/>
<path d="M 12 34 Q 6 32 4 28" fill="none" stroke="#D0D0D0" stroke-width="1.5" stroke-linecap="round"/>
<!-- Top pot (smaller, for concentrated tea) -->
<ellipse cx="24" cy="28" rx="8" ry="3" fill="url(#darkmetalpot)"/>
<path d="M 16 16 L 16 26 Q 16 30 20 30 L 28 30 Q 32 30 32 26 L 32 16 Z" fill="url(#metalpot)"/>
<ellipse cx="24" cy="16" rx="8" ry="3" fill="url(#metalpot)"/>
<!-- Tea visible through top pot -->
<ellipse cx="24" cy="22" rx="6" ry="8" fill="url(#teainpot)" opacity="0.3"/>
<!-- Top pot lid -->
<ellipse cx="24" cy="14" rx="6" ry="2.5" fill="url(#metalpot)"/>
<ellipse cx="24" cy="13" rx="4" ry="1.5" fill="#D0D0D0"/>
<!-- Lid knob -->
<ellipse cx="24" cy="10" rx="2" ry="1.5" fill="url(#darkmetalpot)"/>
<ellipse cx="24" cy="9.5" rx="1.5" ry="1" fill="#A0A0A0"/>
<!-- Top pot handle -->
<path d="M 32 20 Q 36 20 36 24" fill="none" stroke="url(#darkmetalpot)" stroke-width="2" stroke-linecap="round"/>
<!-- Top pot spout -->
<path d="M 16 20 Q 12 18 10 14" fill="none" stroke="url(#metalpot)" stroke-width="2" stroke-linecap="round"/>
<!-- Steam from top -->
<path d="M 22 6 Q 20 2 22 -1" fill="none" stroke="#CCC" stroke-width="0.8" opacity="0.5"/>
<path d="M 26 6 Q 28 1 26 -2" fill="none" stroke="#CCC" stroke-width="0.8" opacity="0.5"/>
<!-- Metal highlights -->
<path d="M 14 32 L 14 38" stroke="#FFF" stroke-width="1" opacity="0.3"/>
<path d="M 18 18 L 18 24" stroke="#FFF" stroke-width="1" opacity="0.3"/>
</g>
</svg>