SVG Wildcat
✨ นางสาวจุฑามาศ ชนาฐิติกุล
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewBox="0 0 200 200"> <!-- หน้า แก้ม 1 --> <polygon fill="#f2c684" points="10,140 190,140 100,190" /> <!-- หูใน --> <polygon fill="#e38a8a" points="0,0 50,100 60,80" /> <polygon fill="#e38a8a" points="200,0 150,100 140,80" /> <!-- หน้า --> <circle fill="#f1a350" cx="100" cy="125" r="60"/> <!-- หูนอก --> <polygon fill="#824620" points="0,0 80,90 92,129" /> <polygon fill="#824620" points="200,0 120,90 108,129" /> <!-- หน้า แก้ม 2 --> <polygon fill="#f2c684" points="20,160 180,160 100,190" /> <!-- ตา --> <polygon points="50,95 80,100 90,125" /> <ellipse fill="hsl(56, 75%, 59%)" cx="79" cy="109" rx="2" ry="9"/> <polygon points="150,95 120,100 110,125" /> <ellipse fill="hsl(56, 75%, 59%)" cx="121" cy="109" rx="2" ry="9"/> <circle fill="#D01414" cx="79" cy="109" r="2.5"/> <circle fill="#D01414" cx="121" cy="109" r="2.5"/> <!-- จมูก --> <polygon fill="#683b1a" points="90,130 110,130 100,140" /> <!-- ปาก --> <circle fill="#e38a8a" cx="100" cy="165" r="13"/> <circle fill="hsl(0, 100%, 50%)" cx="100" cy="155" r="15"/> <ellipse fill="#ed8723" cx="71" cy="150" rx="33" ry="20"/> <ellipse fill="#ed8723" cx="129" cy="150" rx="33" ry="20"/> <!-- ลาย --> <polygon fill="#583016" points="95,65 105,65 100,100" /> <polygon fill="#583016" points="75,70 85,67 90,90" /> <polygon fill="#583016" points="125,70 115,67 110,90" /> <polygon fill="#583016" points="40,120 40,127 50,129" /> <polygon fill="#583016" points="42,110 40,117 53,118" /> <polygon fill="#583016" points="160,120 160,127 150,129" /> <polygon fill="#583016" points="158,110 160,117 148,118" /> <!-- หนวด --> <line stroke="black" stroke-width="0.5" x1="25" y1="130" x2="70" y2="141"/> <line stroke="black" stroke-width="0.5" x1="20" y1="140" x2="80" y2="150"/> <line stroke="black" stroke-width="0.5" x1="22" y1="150" x2="70" y2="155"/> <circle fill="black" cx="70" cy="141" r="0.8"/> <circle fill="black" cx="80" cy="150" r="0.8"/> <circle fill="black" cx="70" cy="155" r="0.8"/> <circle fill="black" cx="78" cy="160" r="0.6"/> <circle fill="black" cx="75" cy="145" r="0.6"/> <circle fill="black" cx="79" cy="140" r="0.6"/> <circle fill="black" cx="76" cy="154" r="0.6"/> <circle fill="black" cx="84" cy="153" r="0.6"/> <circle fill="black" cx="85" cy="146" r="0.6"/> <line stroke="black" stroke-width="0.5" x1="175" y1="130" x2="130" y2="141"/> <line stroke="black" stroke-width="0.5" x1="180" y1="140" x2="120" y2="150"/> <line stroke="black" stroke-width="0.5" x1="178" y1="150" x2="130" y2="155"/> <circle fill="black" cx="130" cy="141" r="0.8"/> <circle fill="black" cx="120" cy="150" r="0.8"/> <circle fill="black" cx="130" cy="155" r="0.8"/> <circle fill="black" cx="122" cy="160" r="0.6"/> <circle fill="black" cx="125" cy="145" r="0.6"/> <circle fill="black" cx="121" cy="140" r="0.6"/> <circle fill="black" cx="123" cy="154" r="0.6"/> <circle fill="black" cx="116" cy="153" r="0.6"/> <circle fill="black" cx="115" cy="146" r="0.6"/> </svg> </body> </html>