SVG Group A P’Faii
✨ TANADON PAROSIN
<head> <style> body { margin: 0; background: whitesmoke; } svg { background: wheat; } </style> </head> <body> <svg viewbox="0 0 800 800"> <!--Name--> <text x="440" y="60" fill="black" font-size="26" font-weight="bold">ธีรวีร์ ฐิติวัฒนากรศิริ 63070088</text> <!--mane--> <circle cx="400" cy="150" r="70" fill="#A65C13"/> <circle cx="150" cy="400" r="70" fill="#A65C13"/> <circle cx="400" cy="650" r="70" fill="#A65C13"/> <circle cx="650" cy="400" r="70" fill="#A65C13"/> <circle cx="580" cy="580" r="70" fill="#A65C13"/> <circle cx="220" cy="220" r="70" fill="#A65C13"/> <circle cx="220" cy="580" r="70" fill="#A65C13"/> <circle cx="580" cy="220" r="70" fill="#A65C13"/> <circle cx="490" cy="630" r="70" fill="#A65C13"/> <circle cx="630" cy="300" r="70" fill="#A65C13"/> <circle cx="300" cy="165" r="70" fill="#A65C13"/> <circle cx="165" cy="490" r="70" fill="#A65C13"/> <circle cx="310" cy="630" r="70" fill="#A65C13"/> <circle cx="630" cy="500" r="70" fill="#A65C13"/> <circle cx="490" cy="165" r="70" fill="#A65C13"/> <circle cx="165" cy="300" r="70" fill="#A65C13"/> <!--ear--> <circle cx="585" cy="245" r="50" fill="#F6A83C"/> <circle cx="215" cy="245" r="50" fill="#F6A83C"/> <circle cx="585" cy="245" r="20" fill="#FFDF8D"/> <circle cx="215" cy="245" r="20" fill="#FFDF8D"/> <!--head--> <ellipse cx="400" cy="400" rx="250" ry="220" fill="#F6A83C"/> <ellipse cx="400" cy="218" rx="142" ry="30" fill="#A65C13"/> <rect x="300" y="175" width="200" height="20" fill="#A65C13"/> <!--eye--> <ellipse cx="310" cy="340" rx="40" ry="50" fill="#ECEBE3"/> <ellipse cx="490" cy="340" rx="40" ry="50" fill="#ECEBE3"/> <ellipse cx="300" cy="340" rx="30" ry="45" fill="#0C0907"/> <ellipse cx="480" cy="340" rx="30" ry="45" fill="#0C0907"/> <!--mouth--> <ellipse cx="400" cy="510" rx="130" ry="90" fill="#FFDF8D"/> <circle cx="400" cy="540" r="40" fill="#0C0907"/> <circle cx="350" cy="520" r="50" fill="#FFDF8D" stroke="#0C0907" stroke-width="6"/> <circle cx="450" cy="520" r="50" fill="#FFDF8D" stroke="#0C0907" stroke-width="6"/> <rect x="296" y="466" width="101" height="60" fill="#FFDF8D"/> <rect x="396" y="466" width="108" height="60" fill="#FFDF8D"/> <!--nose--> <polygon points="400,470 370,420 430,420" fill="#0C0907"/> <line x1="400" y1="460" x2="400" y2="530" stroke="#0C0907" stroke-width="7"/> <line x1="460" y1="460" x2="550" y2="440" stroke="#A65C13" stroke-width="4"/> <line x1="460" y1="475" x2="555" y2="475" stroke="#A65C13" stroke-width="4"/> <line x1="460" y1="490" x2="550" y2="500" stroke="#A65C13" stroke-width="4"/> <line x1="340" y1="460" x2="250" y2="440" stroke="#A65C13" stroke-width="4"/> <line x1="340" y1="475" x2="245" y2="475" stroke="#A65C13" stroke-width="4"/> <line x1="340" y1="490" x2="250" y2="500" stroke="#A65C13" stroke-width="4"/> </svg> <svg viewbox="0 0 800 800"> <!--Name--> <text x="500" y="40" fill="black" font-size="26" font-weight="bold">ณัฐพล วังคำ 63070056</text> <!--หัวกบ--> <ellipse cx="420" cy="400" rx="300" ry="220" fill="#127E08" /> <ellipse cx="400" cy="400" rx="300" ry="220" fill="#51D444" /> <!--เงาตา --> <ellipse cx="315" cy="200" rx="70" ry="130" fill="#127E08" /> <ellipse cx="515" cy="200" rx="70" ry="130" fill="#127E08" /> <!--ตา #E6B51F--> <ellipse cx="300" cy="200" rx="70" ry="130" fill="#E6B51F" /> <ellipse cx="500" cy="200" rx="70" ry="130" fill="#E6B51F" /> <!--ตาดำ and mini white eye--> <ellipse cx="300" cy="200" rx="40" ry="100" fill="black" /> <ellipse cx="500" cy="200" rx="40" ry="100" fill="black" /> <circle cx="300" cy="140" fill="white" r="10" /> <circle cx="500" cy="140" fill="white" r="10" /> <!--ขะหมูก--> <ellipse cx="500" cy="400" rx="10" ry="20" fill="#127E08" style="transform:skewX(-20deg)"/> <ellipse cx="300" cy="400" rx="10" ry="20" fill="#127E08" style="transform:skewX(20deg)"/> <!-- mouth --> <path d="M 250 500 q 150 100 300 0" stroke="#127E08" stroke-width="15" fill="none" /> <!-- pink --> <ellipse cx="190" cy="400" rx="40" ry="20" fill="pink" style="opacity: 0.9;"/> <ellipse cx="580" cy="400" rx="40" ry="20" fill="pink" style="opacity: 0.9;"/> </svg> <svg viewbox="0 0 800 800"> <!--Name--> <text x="460" y="40" fill="black" font-size="26" font-weight="bold">ณภัทร อังธนากุล 63070047</text> <!--ear--> <ellipse cx="270" cy="200" rx="70" ry="100" fill="#FF6699"/> <ellipse cx="260" cy="200" rx="70" ry="100" fill="#FF66CC"/> <ellipse cx="570" cy="200" rx="70" ry="100" fill="#FF6699"/> <ellipse cx="560" cy="200" rx="70" ry="100" fill="#FF66CC"/> <!--head--> <circle cx="420" cy="400" r="250" fill="#FF66CC"/> <circle cx="400" cy="400" r="250" fill="#FF99CC" stroke="#FF66CC" stroke-width="4"/> <!--nose--> <ellipse cx="400" cy="500" rx="90" ry="50" fill="#FF6699" stroke="#FF3399" stroke-width="4"/> <circle cx="360" cy="500" r="25" fill="#FF9999"/> <circle cx="440" cy="500" r="25" fill="#FF9999"/> <!--eye--> <ellipse cx="300" cy="350" rx="40" ry="30" fill="#000000"/> <ellipse cx="500" cy="350" rx="40" ry="30" fill="#000000"/> <ellipse cx="300" cy="350" rx="20" ry="10" fill="#FFFFFF"/> <ellipse cx="500" cy="350" rx="20" ry="10" fill="#FFFFFF"/> <!--แก้ม--> <circle cx="225" cy="425" r="25" fill="#FF3333"/> <circle cx="575" cy="425" r="25" fill="#FF3333"/> </svg> <svg viewbox="0 0 800 800"> <!--Name--> <text x="460" y="40" fill="black" font-size="26" font-weight="bold">ธนดล พะโรศิลป์ 63070072</text> <!-- หู --> <circle cx="200" cy="160" r="40" fill="#8F6546"/> <circle cx="600" cy="160" r="40" fill="#8F6546"/> <circle cx="206" cy="170" r="28" fill="#cdae98"/> <ellipse cx="594" cy="170" rx="28" fill="#cdae98"/> <!-- หน้า --> <rect x="150" y="140" rx="160" ry="160" width="500" height="540" fill="#b38665" stroke="#8F6546" stroke-width="13"/> <!-- ตา --> <circle cx="300" cy="280" r="26" fill="black"/> <circle cx="500" cy="280" r="26" fill="black"/> <circle cx="306" cy="270" r="10" fill="white"/> <circle cx="506" cy="270" r="10" fill="white"/> <!-- ปาก --> <circle cx="400" cy="452" r="140" fill="#cdae98" stroke="#8F6546" stroke-width="13"/> <!-- ฟัน --> <rect x="346" y="500" width="50" height="120" fill="white" stroke="black" stroke-width="9.6"/> <rect x="406" y="500" width="50" height="120"fill="white" stroke="black" stroke-width="9.6"/> <!-- จมูก --> <circle cx="340" cy="480" r="55" fill="black"/> <circle cx="340" cy="460" r="60" fill="#cdae98"/> <circle cx="460" cy="480" r="55" fill="black"/> <circle cx="460" cy="460" r="60" fill="#cdae98"/> <rect x="393" y="360" width="14" height="137.8" fill="black" /> <circle cx="400" cy="390" r="40" fill="black"/> </svg> <svg viewbox="0 0 800 800"> <!--ต่อในนี้--> </svg> <svg viewbox="0 0 800 800"> <!--ต่อในนี้--> </svg> <svg viewbox="0 0 800 800"> <!--ต่อในนี้--> </svg> <svg viewbox="0 0 800 800"> <!--ต่อในนี้--> </svg> </body>