SVG แงว
✨ KONGPHOP NAUNSANTHIA
<html> <head> <title>Let's Start </title> <style> body{ background:yellow; margin:1em; font-family:sans-serif; } svg{ background:black; } </style> </head> <body> <svg viewBox="0 0 50 50"> <!-- หู --> <ellipse cx="15" cy="15" rx="4" ry="10" fill="#f7d9d9" /> <ellipse cx="15" cy="15" rx="3" ry="8" fill="#db006a" /> <svg x="15"> <ellipse cx="15" cy="15" rx="4" ry="10" fill="#f7d9d9" /> <ellipse cx="15" cy="15" rx="3" ry="8" fill="#db006a" /> </svg> <ellipse cx="22.4" cy="22" rx="13" ry="12" fill="#f7d9d9" /> <ellipse cx="22.4" cy="25" rx="17" ry="10" fill="#f7d9d9" /> <circle cx=17 cy=18 r=3 stroke="black" stroke-width=".2" fill="white"></circle> <circle cx=28 cy=18 r=3 stroke="black" stroke-width=".2" fill="white"></circle> <ellipse cx="17" cy="18" rx="0.5" ry="2.5" fill="blue"> <!-- ตา --> <animate attributeName="rx" values="1;2;2.5;2;1" dur="4s" repeatCount="indefinite" /> </ellipse> <ellipse cx="28" cy="18" rx="0.5" ry="2.5" fill="blue"> <animate attributeName="rx" values="1;2;2.5;2;1" dur="4s" repeatCount="indefinite" /> </ellipse> <!-- จมูก ปาก หนวด --> <ellipse cx="22.5" cy="28" rx=14 ry="7" fill="hsl(30,70%,80%)" /> <rect x="9" y="27.5" width="4" rx="1" ry="1" cx="20.5" cy="22" height="4" fill="black" transform="rotate(333.6)" stroke="black" stroke-width=".2" > </rect> <path d="M 17 25 L1 25" stroke="#fa0000" stroke-width=.7 /> <path d="M 17 26 L1 30" stroke="#fa0000" stroke-width=.7 /> <path d="M 17 27 L1 35" stroke="#fa0000" stroke-width=.7 /> <path d="M 29 25 L46 20" stroke="#fa0000" stroke-width=.7 /> <path d="M 29 26 L46 25" stroke="#fa0000" stroke-width=.7 /> <path d="M 29 27 L46 30" stroke="#fa0000" stroke-width=.7 /> <path d="M 15 28 q7 10 15 0" stroke="black" fill="none" stroke-width=".2" /> <line x1="22.5" y1="22.5" x2="22.5" y2="33" style="stroke:black;stroke-width:.2" /> <ellipse cx="22.5" cy="38" rx="3" ry="3" fill="#FFF800" stroke=red stroke-width=.3 /> <ellipse cx="22.5" cy="39" rx="1.5" ry=".5"/> <line x1="22.5" y1="39" x2="22.5" y2="41" style="stroke:black;stroke-width:.2"></line> <!-- Grid --> <defs> <pattern id="grid" viewBox="0,0,10,10" width="1%" height="1%"> <rect fill="#0001" width="1" height="10" x="1" y="0"/> <rect fill="#0001" width="1" height="10" x="3" y="0"/> <rect fill="#0001" width="1" height="10" x="5" y="0"/> <rect fill="#0001" width="1" height="10" x="7" y="0"/> <rect fill="#0001" width="1" height="10" x="9" y="0"/> <rect fill="#0001" width="10" height="1" x="0" y="1"/> <rect fill="#0001" width="10" height="1" x="0" y="3"/> <rect fill="#0001" width="10" height="1" x="0" y="5"/> <rect fill="#0001" width="10" height="1" x="0" y="7"/> <rect fill="#0001" width="10" height="1" x="0" y="9"/> <path d="M0 0 h10 L9 1 h-8 v8 L0 10 z" fill="#ff05"/> <path d="M10 10 h-10 L1 9 h8 v-8 L10 0 z" fill="#0f05"/> <rect fill="#0002" width="10" height=".1" x="0" y="9.9"/> <rect fill="#0002" width="10" height=".1" x="0" y="0"/> <rect fill="#0002" height="10" width=".1" y="0" x="9.9"/> <rect fill="#0002" height="10" width=".1" y="0" x="0"/> </pattern> </defs> </svg> </body> </html>