SVG Group E P’Faii
✨ NUTTARIN SUPSOMBOON
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#99ccff; } </style> </head> <body> <svg viewBox="0 0 40 40"> <text x="23" y="2" fill="black" font-size="1" font-weight="bold">ณัฐรินทร์ ทรัพย์สมบูรณ์ 63070060</text> <!--ear1--> <circle cx="12" cy="12" fill="hsl(27, 69%, 25%)" r="4"></circle> <circle cx="12" cy="12" fill="hsl(20,100%,20%)" r="3"></circle> <!--ear2--> <svg x="20"> <circle cx="8" cy="12" fill="hsl(27, 69%, 25%)" r="4"></circle> <circle cx="8" cy="12" fill="hsl(20,100%,20%)" r="3"></circle></svg> <ellipse cx="20" cy="22" fill="hsl(27, 69%, 25%)" rx="14" ry="12"/> <!--eye--> <svg> <circle cx="22" cy="18" fill="hsl(0, 0%, 0%)" r="1"/> </svg> <svg> <circle cx="18" cy="18" fill="hsl(0, 0%, 0%)" r="1" /> </svg> <!--nose--> <svg y="-3"> <ellipse cx="20" cy="27" fill="hsl(30, 100%, 85%)" rx="4" ry="5"/> <ellipse cx="20" cy="23.5" fill="hsl(0, 0%, 0%)" rx="1.5" ry="1"/> <line x1="20" y1="23" x2="20" y2="27" stroke="hsl(0, 0%, 0%)"/> <!--mouth--> <svg x="17"y="25" > <path d="M3,2 L1,5" stroke="hsl(0, 0%, 0%)"/> </svg> <svg x="19"y="26"> <path d="M1,1 L3,2" stroke="hsl(0, 0%, 0%)"/> </svg> </svg> <!--cheek--> <ellipse cx="10" cy="22" fill="hsl(0, 100%, 75%)" rx="0.5" ry="1.5"> <animate attributeName="rx" values="2;2;3;2;2" dur="4s" repeatCount="indefinite" /> </ellipse> <ellipse cx="30" cy="22" fill="hsl(0, 100%, 75%)" rx="0.5" ry="1.5"> <animate attributeName="rx" values="2;2;3;2;2" dur="4s" repeatCount="indefinite" /> </ellipse> <!-- 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> <!-- <rect fill="url(#grid)" width="1000" height="1000" x="0" y="0"/> --> </svg> </body> </html>