SVG Group A P’Faiifu
✨ Trda sql
<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"> <!--ต่อในนี้--> <text x="460" y="40" fill="black" font-size="26" font-weight="bold">ธีรภัทร สามบุญเรือง 63070087</text> <circle cx="400" cy="400" r="252" fill="#black"/> <circle cx="400" cy="400" r="250" fill="#3f13f1"/> <ellipse cx="400" cy="450" rx="222" ry="202" fill="black" /> <ellipse cx="400" cy="450" rx="220" ry="200" fill="#ffff" /> <circle cx="400" cy="400" r="27" fill="black"/> <circle cx="400" cy="400" r="25" fill="#f11313"/> <line x1="400" y1="425" x2="400" y2="490" stroke="#0C0907" stroke-width="3"/> <line x1="460" y1="430" x2="550" y2="400" stroke="black" stroke-width="3"/> <line x1="460" y1="450" x2="550" y2="450" stroke="black" stroke-width="3"/> <line x1="460" y1="470" x2="550" y2="500" stroke="black" stroke-width="3"/> <line x1="340" y1="430" x2="250" y2="400" stroke="black" stroke-width="3"/> <line x1="340" y1="450" x2="245" y2="450" stroke="black" stroke-width="3"/> <line x1="340" y1="470" x2="250" y2="500" stroke="black" stroke-width="3"/> <ellipse cx="400" cy="550" rx="120" ry="60" fill="black" /> <ellipse cx="400" cy="550" rx="118" ry="58" fill="#f11313" /> <ellipse cx="400" cy="580" rx="82" ry="32" fill="black" /> <ellipse cx="400" cy="580" rx="80" ry="30" fill="#f19813" /> <ellipse cx="350" cy="300" rx="52" ry="72" fill="black" /> <ellipse cx="350" cy="300" rx="50" ry="70" fill="#fff" /> <ellipse cx="454" cy="300" rx="52" ry="72" fill="black" /> <ellipse cx="454" cy="300" rx="50" ry="70" fill="#fff" /> <ellipse cx="350" cy="300" rx="22" ry="32" fill="black" /> <ellipse cx="454" cy="300" rx="22" ry="32" fill="black" /> <ellipse cx="350" cy="300" rx="6" ry="12" fill="#fff" /> <ellipse cx="454" cy="300" rx="6" ry="12" fill="#fff" /> </svg> <svg viewbox="0 0 800 800"> <text x="500" y="40" fill="black" font-size="26" font-weight="bold">ธาดา อัมพรประเสริฐ 63070083</text> <ellipse cx="230" cy="175" rx="50" ry="120" style="fill:#765c46;stroke:#765c46;stroke-width:8;"/> <ellipse cx="230" cy="175" rx="25" ry="80" style="fill:hsl(32, 100%, 80%);stroke:hsl(32, 100%, 80%);stroke-width:8;"/> <ellipse cx="540" cy="175" rx="50" ry="120" style="fill:#765c46;stroke:#765c46;stroke-width:8;"/> <ellipse cx="540" cy="175" rx="25" ry="80" style="fill:hsl(32, 100%, 80%);stroke:hsl(32, 100%, 80%);stroke-width:8;"/> <rect x="140" y="170" rx="90" ry="90" width="500" height="500" style="fill:hsl(32, 100%, 75%);stroke:#765c46;stroke-width:8"/> <polygon points="220,172 560,172 390,420" style="fill:#765c46"/> <polygon points="370,450 410,450 390,480" style="fill:black"/> <circle cx="390" cy="560" r="30" fill="hsl(00, 100%, 65%)" stroke="black"stroke-width="5"/> <line x1="390" y1="470" x2="390" y2="540" style="stroke:#000000;stroke-width:5"/> <circle cx="300" cy="380" r="17" fill="black"/> <circle cx="470" cy="380" r="17" fill="black"/> <circle cx="305" cy="375" r="5" fill="white"/> <circle cx="475" cy="375" r="5" fill="white"/> <circle cx="360" cy="550" r="30" fill="hsl(32, 100%, 75%)" stroke="black"stroke-width="5"/> <rect x="324.6" y="510" width="63" height="35" fill="hsl(32, 100%, 75%)"/> <circle cx="420" cy="550" r="30" fill="hsl(32, 100%, 75%)" stroke="black"stroke-width="5"/> <rect x="392.5" y="510" width="63" height="35" fill="hsl(32, 100%, 75%)"/> <circle cx="180" cy="500" r="100" fill="hsl(32, 100%, 80%)" stroke="#765c46" stroke-width="4"/> <circle cx="183" cy="500" r="99" fill="hsl(32, 100%, 80%)" stroke="hsl(32, 100%, 80%)" stroke-width="2"/> <circle cx="600" cy="500" r="100" fill="hsl(32, 100%, 80%)" stroke="#765c46" stroke-width="4"/> <circle cx="597" cy="500" r="99" fill="hsl(32, 100%, 80%)" stroke="hsl(32, 100%, 80%)" stroke-width="2"/> </svg> <svg viewbox="0 0 800 800"> <!--ต่อในนี้--> </svg> <svg viewbox="0 0 800 800"> <!--ต่อในนี้--> </svg> </body>