SVG Mini Animal (Branch 5808)
✨ Pimmada Krunsungnoen
<html> <head> <title>Let's Start</title> <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@200&display=swap" rel="stylesheet"> <style> body{ background:white; margin:1em; font-family: 'Kanit', sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewBox="0 0 40 20"> <text x="7" y="12" font-size="5">Mini Animals</text> </svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Dinosaur</text> <text x="12" y="38" font-size="1">63070120 สายรุ้ง พิมพ์มาดา กรุ่นสูงเนิน</text> <polygon points="28,35.5 39,35.5 28,29" fill="hsla(94, 62%, 35%, 1)"></polygon> <circle cx="39" cy="35" fill="hsla(52, 91%, 61%, 1)" r="1"></circle> <circle cx="15" cy="12" fill="hsla(52, 91%, 61%, 1)" r="4"></circle> <circle cx="22" cy="12" fill="hsla(52, 91%, 61%, 1)" r="4"></circle> <circle cx="29" cy="12" fill="hsla(52, 91%, 61%, 1)" r="4"></circle> <circle cx="31" cy="15" fill="hsla(52, 91%, 61%, 1)" r="4"></circle> <circle cx="31" cy="22" fill="hsla(52, 91%, 61%, 1)" r="4"></circle> <circle cx="31" cy="29" fill="hsla(52, 91%, 61%, 1)" r="4"></circle> <!-- <path d="M 30 35.5 q 16 0 0 -5" stroke="none" stroke-width="0.25"fill="hsla(94, 62%, 35%, 1)" /> --> <rect fill="hsla(94, 62%, 35%, 1)" width="25" height="25" y="10.5" x="8" rx="2" ry="2"/> <circle cx="25" cy="33" fill="hsla(113, 95%, 17%, 1)" r="1"></circle> <circle cx="26.5" cy="33" fill="hsla(113, 95%, 17%, 1)" r="1"></circle> <circle cx="28" cy="33" fill="hsla(113, 95%, 17%, 1)" r="1"></circle> <ellipse cx="26.5" cy="34" rx="2.5" ry="1.5" fill="hsla(113, 95%, 17%, 1)"/> <circle cx="13" cy="22" fill="black" r="1.25"></circle> <circle cx="25" cy="22" fill="black" r="1.25"></circle> <rect fill="pink" width="8" height="8" y="21" x="15" rx="2" ry="2"/> <polygon points="21,22 23,22 22,24.5" fill="white"></polygon> <circle cx="17" cy="21" fill="hsla(94, 62%, 35%, 1)" r="2.5"></circle> <circle cx="21" cy="21" fill="hsla(94, 62%, 35%, 1)" r="2.5"></circle> <circle cx="8" cy="33" fill="hsla(113, 95%, 17%, 1)" r="1"></circle> <circle cx="9" cy="33" fill="hsla(113, 95%, 17%, 1)" r="1"></circle> <circle cx="10" cy="33" fill="hsla(113, 95%, 17%, 1)" r="1"></circle> <ellipse cx="9" cy="34" rx="2" ry="1.5" fill="hsla(113, 95%, 17%, 1)"/> <!-- <path d="M 10 30 q 4 3 3 -1" stroke="black" stroke-width="0.25"fill="none" /> --> <!-- <path d="M 29 30 q -4 3 -3 -1" stroke="black" stroke-width="0.25"fill="none" /> --> <ellipse cx="12.5" cy="30" rx="2.5" ry="1.5" fill="hsla(113, 95%, 17%, 1)"/> <ellipse cx="12" cy="30" rx="2.5" ry="1.5" fill="hsla(94, 62%, 35%, 1)"/> <ellipse cx="24.5" cy="30" rx="2.5" ry="1.5" fill="hsla(113, 95%, 17%, 1)"/> <ellipse cx="25" cy="30" rx="2.5" ry="1.5" fill="hsla(94, 62%, 35%, 1)"/> </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Penguin</text> <text x="13" y="38" font-size="1">63070172 ชัย สมชัย จงราเชนทร์</text> <ellipse cx="32" cy="6" rx="1" ry="1" style="fill:white;stroke:black;stroke-width:0.2" /> <ellipse cx="28.5" cy="6.5" rx="3" ry="3" style="fill:red;stroke:black;stroke-width:0.2" /> <ellipse cx="8" cy="24" rx="4" ry="2" style="fill:grey;stroke:black;stroke-width:0.2" /> <ellipse cx="31.5" cy="24" rx="4" ry="2" style="fill:grey;stroke:black;stroke-width:0.2" /> <rect x="7.5" y="7.5" rx="2" ry="2" width="25" height="25" style="fill:black;stroke:black;stroke-width:0.2;fill:grey"/> <ellipse cx="15.5" cy="16" rx="6.5" ry="6" fill="white" stroke="black" stroke-width="0.2"/> <ellipse cx="25" cy="16" rx="6" ry="6" fill="white" stroke="black" stroke-width="0.2"/> <ellipse cx="12" cy="24" rx="3.5" ry="5" fill="white" stroke="black" stroke-width="0.2"/> <ellipse cx="28" cy="24" rx="3.5" ry="5" fill="white" stroke="black" stroke-width="0.2"/> <ellipse cx="19.9" cy="15" rx="1.5" ry="3" fill="white"/> <circle cx="17" cy="14.5" r="0.5" fill="black" /> <circle cx="23" cy="14.5" r="0.5" fill="black" /> <ellipse cx="20" cy="25.5" rx="11" ry="6" fill="white" stroke="black" stroke-width="0.2"/> <ellipse cx="12.1" cy="24" rx="3.5" ry="5" fill="white"/> <ellipse cx="27.9" cy="24" rx="3.5" ry="5" fill="white"/> <polygon points="20.5,16.5 24,20 16.5,20" style="fill:yellow;stroke:black;stroke-width:0.2" /> <rect x="28.4" y="20" rx="1.5" ry="1.5" width="3" height="3.5" style="fill:hsl(40,100%,70%);stroke-width:0.2;stroke:black" /> <rect x="7.5" y="18" width="25" height="3" style="fill:hsl(40,100%,70%);stroke-width:0.2;stroke:black" /> <ellipse cx="28" cy="33" rx="3" ry="2" style="fill:hsl(48,100%,50%);stroke:black;stroke-width:0.2" /> <ellipse cx="12" cy="33" rx="3" ry="2" style="fill:hsl(48,100%,50%);stroke:black;stroke-width:0.2" /> <rect x="24.5" y="6" rx="1.5" ry="5" width="8" height="3" style="fill:white;stroke-width:0.2;stroke:black"/> </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Bear</text> <text x="13" y="38" font-size="1">63070187 ณัฐ อาณัฐ บุญเลิศ</text> <rect x="12" y="6" rx="0.9" ry="0.9" width="2.5" height="3" fill="white" style="stroke:#707070;stroke-width:0.2"/> <rect x="12.4" y="6.9" rx="0.7" ry="0.7" width="1.5" height="3" fill="pink"/> <rect x="20" y="6" rx="0.9" ry="0.9" width="2.5" height="3" fill="white" style="stroke:#707070;stroke-width:0.2"/> <rect x="20.4" y="6.9" rx="0.7" ry="0.7" width="1.5" height="3" fill="pink"/> <rect x="33" y="25" rx="0.8" ry="0.8" width="2" height="3" fill="white" style="stroke:#707070;stroke-width:0.2"/> <rect x="7.5" y="7.5" rx="5" ry="5" width="26" height="25" style="stroke:#707070;stroke-width:0.2;fill:white"/> <ellipse cx="12" cy="14" rx="1.5" ry="0.5" fill="pink" /> <ellipse cx="22" cy="14" rx="1.5" ry="0.5" fill="pink" /> <ellipse cx="13" cy="13.5" rx="0.5" ry="0.7"/> <ellipse cx="21" cy="13.5" rx="0.5" ry="0.7"/> <ellipse cx="16" cy="16" rx="1.5" ry="1"/> <ellipse cx="16" cy="16" rx="1.3" ry="0.8" fill="white" /> <ellipse cx="15" cy="15.5" rx="0.8" ry="0.5"/> <rect x="16" y="14" width="3.5" height="5" fill="white"/> <ellipse cx="15.5" cy="24" rx="3" ry="4" fill="#47e6e3" /> <svg x="17"> <ellipse cx="3" cy="25" rx="2.8" ry="1.8" fill="white" style="stroke:#707070;stroke-width:0.2"/> </svg> <rect x="19.5" y="22" width="4" height="6" fill="white"/> <svg x="10"> <ellipse cx="1" cy="25" rx="2.8" ry="1.8" fill="white" style="stroke:#707070;stroke-width:0.2"/> </svg> <rect x="9.3" y="22" width="2" height="6" fill="white"/> <rect x="16" y="31" rx="1.5" ry="1.5" width="4.5" height="3" fill="white" style="stroke:#707070; stroke-width:0.1"/> <rect x="10" y="31" rx="1.5" ry="1.5" width="4.5" height="3" fill="white" style="stroke:#707070; stroke-width:0.1"/> </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Frog</text> <rect x="7.5" y="7.5" rx="2" ry="2" width="25" height="25" style="fill:hsla(150,60%,50%,1)"stroke="black" stroke-width="0.2"/> <circle cx="10" cy="11" fill="hsl(0,100%,100%)" r="5"stroke="black" stroke-width="0.1"></circle> <circle cx="30" cy="11" fill="hsl(0,100%,100%)" r="5" stroke="black" stroke-width="0.1"></circle> <circle cx="10" cy="11.5" fill="hsl(0,100%,0%)" r="1.3"></circle> <circle cx="30" cy="11.5" fill="hsl(0,100%,0%)" r="1.3"></circle> <ellipse cx="9" cy="17" rx="3" ry="1" fill="hsl(315,100%,90%)" /> <ellipse cx="31" cy="17" rx="3" ry="1" fill="hsl(315,100%,90%)" /> <circle cx="20" cy="32" fill="hsl(0,100%,100%)" r="8"stroke="black" stroke-width="0.1" ></circle> <rect x="7.5" y="32.5" rx="2" ry="2" width="25" height="25" style="fill:#eee"/> <line x1="35" y1="32.5" x2="5" y2="32.5" stroke="hsl(0,100%,0%)" stroke-width="0.1" /> <ellipse cx="20" cy="16" rx="2.5" ry="1.5" fill="hsla(150,60%,50%,0.8)" stroke="black" stroke-width="0.1" /> <rect x="17" y="11.5" width="6" height="5"style="fill:hsla(150,60%,50%,1)"/> <ellipse cx="17" cy="29.5" rx="1" ry="3" fill="hsla(0,0%,100%,1)" stroke="black" stroke-width="0.1" /> <ellipse cx="23" cy="29.5" rx="1" ry="3" fill="hsla(0,0%,100%,1)" stroke="black" stroke-width="0.1" /> <rect x="15" rx="" y="26" ry="2" width="6" height="4"style="fill:hsla(0,0%,100%,1)"/> <rect x="19" rx="" y="26" ry="2" width="6" height="4"style="fill:hsla(0,0%,100%,1)"/> <ellipse cx="6.5" cy="29.5" rx="1" ry="3" fill="hsl(150,60%,50%)" stroke="black" stroke-width="0.12" /> <ellipse cx="33.5" cy="29.5" rx="1" ry="3" fill="hsl(150,60%,50%)" stroke="black" stroke-width="0.12" /> <text x="13" y="38" font-size="1">63070127 ฟ้า พุทธิมา เดชดำนิล </text> </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Seal</text> <text x="13" y="38" font-size="1">63070173 เตอร์ สรฉัตร สังขพันธ์ </text> <line x1="1" y1="20" x2="9" y2="22" style="stroke:hsl(0,100%,0%);stroke-width:0.2" /> <line x1="1" y1="23" x2="9" y2="22" style="stroke:hsl(0,100%,0%);stroke-width:0.2" /> <polygon points="36,32 25,33 25,20 "style="fill:hsl(225, 16%, 60%);"></polygon> <rect x="3" y="8" rx="2" ry="2" width="25" height="25" style="fill:hsl(225, 16%, 60%)"/> <circle cx="20" cy="20.56" fill="hsl(225, 10%, 77%)" r="1.5"></circle> <circle cx="7" cy="21" fill="hsl(225, 10%, 77%)" r="1.5"></circle> <circle cx="19" cy="20" fill="hsl(0,100%,0%)" r="1.5"></circle> <circle cx="34" cy="28" fill="hsl(225, 16%, 60%)" r="2"></circle> <circle cx="34.5" cy="31" fill="hsl(225, 16%, 60%)" r="2"></circle> <circle cx="13" cy="22" fill="hsl(357, 70%, 61%)" r="1.5"></circle> <ellipse cx="24" cy="31" rx="4" ry="2"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 10%, 77%);stroke-width:0.2;" /> <ellipse cx="24.4" cy="30.98" rx="4" ry="2"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 16%, 60%);stroke-width:0.2;" /> <ellipse cx="11" cy="18" rx="2" ry="4"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 10%, 77%);stroke-width:0.2;" /> <ellipse cx="11" cy="17.9" rx="2" ry="4"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 16%, 60%);stroke-width:0.24;" /> <ellipse cx="15" cy="18" rx="2" ry="4"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 10%, 77%);stroke-width:0.2;" /> <ellipse cx="15" cy="17.9" rx="2" ry="4"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 16%, 60%);stroke-width:0.24;" /> <circle cx="13" cy="20" fill="hsl(0,100%,0%)" r="0.8"></circle> <circle cx="8" cy="20" fill="hsl(0,100%,0%)" r="1.5"></circle> <circle cx="7.5" cy="19.3" fill="hsl(100,100%,100%)" r="0.5"></circle> <circle cx="18.3" cy="19.5" fill="hsl(100,100%,100%)" r="0.5"></circle> <line x1="22" y1="22" x2="24.5" y2="21" style="stroke:hsl(0,100%,0%);stroke-width:0.2" /> <line x1="22" y1="23" x2="24.2" y2="24" style="stroke:hsl(0,100%,0%);stroke-width:0.2" /> <ellipse cx="5" cy="31" rx="4" ry="2"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 10%, 77%);stroke-width:0.2;" /> <ellipse cx="5.5" cy="31" rx="4" ry="2"style="fill:hsl(225, 16%, 60%);stroke:hsl(225, 16%, 60%);stroke-width:0.2;" /> </svg> <svg viewBox="0 0 40 10"> </svg> <svg viewBox = "0 0 40 40"> <text x="16" y="3" font-size="2">Lion</text> <text x="13" y="38" font-size="1">63070002 พอล กมลเชษฐ์ เพไร </text> <rect x="32" y="27" rx="1" ry="1" width="3" height="1" fill="#D2823C" stroke="black" stroke-width="0.15" /> <circle cx="36" cy="27.5" r="2" fill="#D2823C" stroke="black" stroke-width="0.15" /> <polygon points="7.5,7.5 32.5,7.5 32.5,32.5 7.5,32.5" fill="#D2690F" /> <circle cx="8.25" cy="8.25" r="1.25" fill="#D2690F" /> <circle cx="8" cy="10" r="1.25" fill="#D2690F" /> <circle cx="8" cy="12" r="1.25" fill="#D2690F" /> <circle cx="8" cy="14" r="1.25" fill="#D2690F" /> <circle cx="8" cy="16" r="1.25" fill="#D2690F" /> <circle cx="8" cy="18" r="1.25" fill="#D2690F" /> <circle cx="8" cy="20" r="1.25" fill="#D2690F" /> <circle cx="8" cy="22" r="1.25" fill="#D2690F" /> <circle cx="8" cy="24" r="1.25" fill="#D2690F" /> <circle cx="8" cy="26" r="1.25" fill="#D2690F" /> <circle cx="8" cy="28" r="1.25" fill="#D2690F" /> <circle cx="8" cy="30" r="1.25" fill="#D2690F" /> <circle cx="8.25" cy="31.75" r="1.25" fill="#D2690F" /> <circle cx="10" cy="32" r="1.25" fill="#D2690F" /> <circle cx="12" cy="32" r="1.25" fill="#D2690F" /> <circle cx="14" cy="32" r="1.25" fill="#D2690F" /> <circle cx="16" cy="32" r="1.25" fill="#D2690F" /> <circle cx="18" cy="32" r="1.25" fill="#D2690F" /> <circle cx="20" cy="32" r="1.25" fill="#D2690F" /> <circle cx="22" cy="32" r="1.25" fill="#D2690F" /> <circle cx="24" cy="32" r="1.25" fill="#D2690F" /> <circle cx="26" cy="32" r="1.25" fill="#D2690F" /> <circle cx="28" cy="32" r="1.25" fill="#D2690F" /> <circle cx="30" cy="32" r="1.25" fill="#D2690F" /> <circle cx="31.75" cy="31.75" r="1.25" fill="#D2690F" /> <circle cx="32" cy="30" r="1.25" fill="#D2690F" /> <circle cx="32" cy="28" r="1.25" fill="#D2690F" /> <circle cx="32" cy="26" r="1.25" fill="#D2690F" /> <circle cx="32" cy="24" r="1.25" fill="#D2690F" /> <circle cx="32" cy="22" r="1.25" fill="#D2690F" /> <circle cx="32" cy="20" r="1.25" fill="#D2690F" /> <circle cx="32" cy="18" r="1.25" fill="#D2690F" /> <circle cx="32" cy="16" r="1.25" fill="#D2690F" /> <circle cx="32" cy="14" r="1.25" fill="#D2690F" /> <circle cx="32" cy="12" r="1.25" fill="#D2690F" /> <circle cx="32" cy="10" r="1.25" fill="#D2690F" /> <circle cx="31.75" cy="8.25" r="1.25" fill="#D2690F" /> <circle cx="30" cy="8" r="1.25" fill="#D2690F" /> <circle cx="28" cy="8" r="1.25" fill="#D2690F" /> <circle cx="26" cy="8" r="1.25" fill="#D2690F" /> <circle cx="24" cy="8" r="1.25" fill="#D2690F" /> <circle cx="22" cy="8" r="1.25" fill="#D2690F" /> <circle cx="20" cy="8" r="1.25" fill="#D2690F" /> <circle cx="18" cy="8" r="1.25" fill="#D2690F" /> <circle cx="16" cy="8" r="1.25" fill="#D2690F" /> <circle cx="14" cy="8" r="1.25" fill="#D2690F" /> <circle cx="12" cy="8" r="1.25" fill="#D2690F" /> <circle cx="10" cy="8" r="1.25" fill="#D2690F" /> <rect x="12" y="8.5" rx="5" ry="1" width="4" height="4" fill="#D2823C" stroke="black" stroke-width="0.2" /> <rect x="24" y="8.5" rx="5" ry="1" width="4" height="4" fill="#D2823C" stroke="black" stroke-width="0.2" /> <rect x="10" y="10" rx="2.5" ry="2.5" width="20" height="17.5" fill="#D2823C" stroke="black" stroke-width="0.2" /> <circle cx="14" cy="18" r="0.7" fill="hsl(315, 90%, 80%, 0.5)" /> <circle cx="26" cy="18" r="0.7" fill="hsl(315, 90%, 80%, 0.5)" /> <circle cx="15" cy="17" r="1" fill="black" /> <circle cx="25" cy="17" r="1" fill="black" /> <ellipse cx="20" cy="18" rx="1" ry="0.6" fill="black" /> <ellipse cx="20" cy="21" rx="1" ry="0.8" fill="#FF8092" stroke="black" stroke-width="0.15" /> <circle cx="14" cy="31.5" r="3" fill="#D2823C" stroke="black" stroke-width="0.2" /> <circle cx="26" cy="31.5" r="3" fill="#D2823C" stroke="black" stroke-width="0.2" /> <circle cx="26" cy="33.5" r="0.8" fill="#D2690F" stroke="black" stroke-width="0.15" /> <circle cx="24.5" cy="32" r="0.8" fill="#D2690F" stroke="black" stroke-width="0.15" /> <circle cx="27.5" cy="32" r="0.8" fill="#D2690F" stroke="black" stroke-width="0.15" /> <circle cx="14" cy="33.5" r="0.8" fill="#D2690F" stroke="black" stroke-width="0.15" /> <circle cx="12.5" cy="32" r="0.8" fill="#D2690F" stroke="black" stroke-width="0.15" /> <circle cx="15.5" cy="32" r="0.8" fill="#D2690F" stroke="black" stroke-width="0.15" /> </svg> <svg viewBox="0 0 40 10"> </svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Hamster</text> <text x="13" y="38" font-size="1">63070067 เบส ทัชชน เจริญภูวดล </text> <circle cx="15" cy="9.5" r="1" style="fill:#ced0dc ;stroke:#505659 ;stroke-width:0.2"></circle> หูซ้าย <circle cx="30" cy="9.5" r="1" style="fill:#ced0dc ;stroke:#505659 ;stroke-width:0.2"></circle> หูขวา <rect x="10" y="10" rx="3" ry="3" width="25" height="25" style="fill:white;stroke:#505659 ;stroke-width:0.2" /> ตัวมน <rect x="10" y="10" rx="3" ry="3" width="25" height="6.6" style="fill:#D5F0FA;stroke:#505659 ;stroke-width:0.2" /> ครึ่งตัวมน <rect x="10.1" y="11" rx="6" ry="6" width="10" height="7" style="fill:#D5F0FA" /> <rect x="24.9" y="11" rx="6" ry="6" width="10" height="7" style="fill:#D5F0FA" /> <circle cx="22.9" cy="20.5" r="7" fill="white"></circle> <circle cx="17" cy="15" r="0.6" fill="#505659"></circle> ตาซ้าย <circle cx="28.8" cy="15" r="0.6" fill="#505659"></circle> ตาขวา <circle cx="30" cy="32" r="1" style="fill:white ;stroke:#505659 ;stroke-width:0.2"></circle> ขาขวา <circle cx="15" cy="32" r="1" style="fill:white ;stroke:#505659 ;stroke-width:0.2"></circle> ขาซ้าย <circle cx="21.2" cy="17" r="0.5" style="fill:white ;stroke:#505659 ;stroke-width:0.2"></circle> ปาก1 <circle cx="22.2" cy="16.95" r="0.6" style="fill:white ;stroke:#505659 ;stroke-width:0.2"></circle> ปาก2 <circle cx="21.2" cy="16.4" r="0.81" style="fill:white"></circle> <circle cx="22.4" cy="16.45" r="0.81" style="fill:white"></circle> <ellipse cx="20.5" cy="17" rx="0.5" ry="1" fill="#505659"></ellipse> ปากซ้าย <ellipse cx="20.2" cy="17" rx="0.65" ry="1" fill="white"></ellipse> <ellipse cx="15" cy="33" rx="1.5" ry="0.6" fill="white"></ellipse> <ellipse cx="30" cy="33" rx="1.5" ry="0.6" fill="white"></ellipse> <ellipse cx="18" cy="24" rx="1.2" ry="0.6" style="fill:white ;stroke:#505659 ;stroke-width:0.2"></ellipse> แขนซ้าย <ellipse cx="26.8" cy="24" rx="1.5" ry="0.6" style="fill:white ;stroke:#505659 ;stroke-width:0.2"></ellipse> แขนขวา <circle cx="17.65" cy="23.89" r="1.05" fill="white"></circle> ปิดแขนซ้าย <circle cx="27.5" cy="23.7" r="1.4" fill="white"></circle> ปิดแขนขวา <ellipse cx="30.2" cy="16.2" rx="1.3" ry="1" style="fill:#ffc6c5"> <animate attributeName="rx" values="1.5;2.5;1.5" dur="3s" repeatCount="indefinite" /></ellipse> แก้มขวา <ellipse cx="15.6" cy="16.2" rx="1.3" ry="1" style="fill:#ffc6c5"> <animate attributeName="rx" values="1.5;2.5;1.5" dur="3s" repeatCount="indefinite" /></ellipse> แก้มซ้าย </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Monkey</text> <text x="13" y="38" font-size="1">63070110 เต้ พงศธร ภัทรศรีเวชการ </text> <ellipse cx="6" cy="17" rx="2.8" ry="3.2"fill="rgba(249,229,203,255)" r="1.5" stroke = "black" stroke-width="1.2%" /> <ellipse cx="32.6" cy="17" rx="2.8" ry="3.2"fill="rgba(249,229,203,255)" r="1.5" stroke = "black" stroke-width="1.2%" /> <rect fill="black" rx="1.5" ry="0.8" width="10" height="1" x="5.5" y="16.5"/> <rect fill="black" rx="1.5" ry="0.8" width="10" height="1" x="23.5" y="16.5"/> <rect fill="rgba(171,141,107,255)" rx="3" ry="3" width="25" height="25" stroke = "black" stroke-width="1.5%" x="7" y="7"/> <svg x="5.5"> <circle cx="9.6" cy="17" fill="rgba(249,229,203,255)" r="7"stroke = "black" stroke-width="1.5%" /> <circle cx="18.6" cy="17.3" fill="rgba(249,229,203,255)" r="6.7" stroke = "black" stroke-width="1.5%"/> <circle cx="12.6" cy="17.3" fill="rgba(249,229,203,255)" r="5.1" /> <circle cx="19.3" cy="16" fill="rgba(79,75,76,255)" r="1" /> <circle cx="8.3" cy="16" fill="rgba(79,75,76,255)" r="1"/> <circle cx="18.8" cy="16" fill="white" r="0.3" > <animate attributeName="cx" values="19;19.5;19.5;19" dur="2s" repeatCount="indefinite" /> <animate attributeName="cy" values="15.5;16.5;16.5;15.5" dur="4s" repeatCount="indefinite" /> </circle> <circle cx="8.8" cy="16" fill="white" r="0.3" > <animate attributeName="cx" values="7.9;8.5;8.5;7.9" dur="2s" repeatCount="indefinite" /> <animate attributeName="cy" values="15.5;16.5;16.5;15.5" dur="4s" repeatCount="indefinite" /> </circle> <ellipse cx="14" cy="17" rx="1" ry="1.2"fill="rgba(79,75,76,255)" r="1.5" > <animate attributeName="rx" values="1;1;1.5;1;1" dur="4s" repeatCount="indefinite" /> </ellipse> <ellipse cx="14" cy="16.5" rx="1" ry="1.2"fill="rgba(249,229,203,255)" r="1.5" > <animate attributeName="rx" values="1;1;1.5;1;1" dur="4s" repeatCount="indefinite" /> </ellipse> </svg> <circle cx="18.3" cy="26" fill="rgba(249,229,203,255)" r="1.3" stroke = "black" stroke-width="0.8%" > <animate attributeName="cx" values="16;17;18;17;16" dur="3s" repeatCount="indefinite" /> </circle> <circle cx="20.7" cy="26" fill="rgba(249,229,203,255)" r="1.1" stroke = "black" stroke-width="0.8%" > <animate attributeName="cx" values="22;21;20.3;21;22" dur="3s" repeatCount="indefinite" /> </circle> <ellipse cx="8.5" cy="30" rx="1" ry="1.7"fill="rgba(249,229,203,255)" r="1.5" transform="rotate(-32,16,2)"stroke = "black" stroke-width="0.8%"/> <ellipse cx="8.5" cy="30" rx="1" ry="1.7"fill="rgba(249,229,203,255)" r="1.5" transform="rotate(-32,11,20)"stroke = "black" stroke-width="0.8%"/> <ellipse cx="8.5" cy="30" rx="1.5" ry="1"fill="rgba(171,141,107,255)" r="1.5" transform="rotate(-33,12.4,19.6)"/> <ellipse cx="8.5" cy="30" rx="1.5" ry="1"fill="rgba(171,141,107,255)" r="1.5" transform="rotate(-33,17.5,2)"/> </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Panda</text> <text x="13" y="38" font-size="1">63070106 ปัณณ์ ปัณณธร กระแสร์วิก </text> <circle cx="8" cy="7" r="3"/> <circle cx="32" cy="7" r="3"/> <rect width="25" height="25" x="7.5" y="7" rx="2" ry="2" fill="white" stroke-width="0.5" stroke="black"/> <circle cx="9.5" cy="16" r="1" fill="hsl(360, 100%, 77%)"/> <ellipse cx="13" cy="13" rx="4" ry="3" transform="rotate(-20,13,13)"/> <circle cx="15" cy="12" r="0.5" fill="white"/> <circle cx="30.5" cy="16" r="1" fill="hsl(360, 100%, 77%)"/> <ellipse cx="27" cy="13" rx="4" ry="3" transform="rotate(20,27,13)"/> <circle cx="25" cy="12" r="0.5" fill="white"/> <rect width="25" height="5" x="7.5" y="19"/> <!-- <path d="M 18 15 C 18.5 16, 21.5 16, 22 15" stroke="black" stroke-width="0.15" fill="transparent"/> --> <ellipse cx="20" cy="15" rx="2" ry="1"/> <ellipse cx="20" cy="14.85" rx="2" ry="1" fill="white"/> <!-- <line x1="18" y1="15" x2="22" y2="15" stroke="red" stroke-width="0.3"/> --> <!-- <line x1="18" y1="15" x2="18.5" y2="16" stroke="red" stroke-width="0.4"/> --> <!-- <line x1="22" y1="15" x2="21.5" y2="16" stroke="red" stroke-width="0.4"/> --> <circle cx="18" cy="30.5" r="1.5"/> <circle cx="22" cy="30.5" r="1.5"/> </svg> <svg viewBox="0 0 40 10"></svg> <svg viewBox="0 0 40 40"> <text x="16" y="3" font-size="2">Porcupine</text> <text x="13" y="38" font-size="1">63070168 บอส ศุภชัย แก้วจุ้ย </text> <rect x="7.5" y="7.5" rx="4" ry="4" width="25" height="25" style="stroke:black;stroke-width:0.2;fill:white"/> <ellipse cx="15" cy="15" rx="0.7" ry="1.2" style="fill:black;"/> <ellipse cx="20.5" cy="15" rx="3.5" ry="2.4" style="fill:#DCD6F7;"/> <ellipse cx="25.7" cy="15" rx="0.7" ry="1.2" style="fill:black;"/> <ellipse cx="20.5" cy="14" rx="0.9" ry="0.6" stroke="black" fill="black" stroke-width="0.2"/> <polyline points="7.9,9.8 7.7,9 7.6,8.5 7.62,7.8 7.7,7.4 7.9,7 8,6.7 8.3,6.3 8.8,6.3 9.4,6.4 9.7,6.6 10.2,7 10.5,7.6" fill="none" stroke="black" stroke-width="0.2" stroke-linecap="round"/> <polyline points="29,7.6 29.6,6.8 30,6.5 30.4,6.2 30.7,6 31.4,6 31.7,6.2 31.7,6.2 31.9,6.7 32,6.9 32.1,7.7 32.2,8.6 32.15,9.89" fill="none" stroke="black" stroke-width="0.2"/> <polyline points="10.5,7.6 12,8.6 13,9 17.6,9.5 19.5,10 20.5,10.5 21.5,10 22.4,9.6 26.3,9 27.3,8.6 29,7.6" fill="#DCD6F7" stroke="black" stroke-width="0.2" /> <rect x="13" y="6" width="0.2" height="1.8" /> <rect x="15" y="6.7" width="0.2" height="1.6" /> <rect x="17" y="6.5" width="0.2" height="1.3" /> <rect x="18" y="7.3" width="0.2" height="1.2" /> <rect x="18.5" y="6.6" width="0.2" height="1.3" /> <rect x="19.8" y="7.8" width="0.2" height="1.4" /> <rect x="21" y="7" width="0.2" height="1.5" /> <rect x="22" y="6.3" width="0.2" height="1.5" /> <rect x="24" y="7" width="0.2" height="1.5" /> <rect x="25" y="7" width="0.2" height="1.8" /> <rect x="26.3" y="6.3" width="0.2" height="1.8" /> <polyline points="17.8,19 18,19 18.2,19.05 18.3,19.1 18.3,19.1 18.5,19.3 18.7,19.5 18.8,20 18.7,20.3 18.6,20.5 18.4,20.8 18.25,20.85" fill="none" stroke="black" stroke-width="0.2" stroke-linecap="round"/> <polyline points="22,18.7 21.6,19 21.4,19.2 21.3,19.5 21.23,19.8 21.2,20 21.2,20.2 21.4,20.5 21.4,20.5 21.7,20.7 21.9,20.8" fill="none" stroke="black" stroke-width="0.2" /> <polyline points="7.5,17 7.7,18 7.8,18.6 8,19 8.7,19.9 8,22 7.8,22.4 7.7,22.87 7.5,23" fill="#DCD6F7" /> <rect x="7.5" y="16" width="0.1" height="10" /> <polyline points="32.5,17 31.7,19.9 32.5,23" fill="#DCD6F7" /> <rect x="32.4" y="16" width="0.1" height="10"/> <ellipse cx="13" cy="18" rx="2" ry="1.5" fill="#fbe2e5"/> <ellipse cx="27" cy="18" rx="2" ry="1.5" fill="#fbe2e5"/> <ellipse cx="16" cy="32.3" rx="1.5" ry="1.3" style="fill:#DCD6F7;stroke-width:0.2;stroke:black;"/> <ellipse cx="25" cy="32.3" rx="1.2" ry="1" style="fill:#DCD6F7;stroke-width:0.2;stroke:black;"/> <rect x="12" y="32.5" width="15" height="0.001" stroke="black" stroke-width="0.2" /> <rect x="12" y="32.6" width="20" height="2" fill="#eee"/> </svg> </body> </html>