SVG Final
✨ CHUTIMA NAKAEW
<html> <head> <title> ฟ้า ชุติมา ณะแก้ว (63070039) </title> </head> <style> body{ margin:0; } svg{ width:100%; background:linear-gradient(to top left, #0c97c0, transparent, transparent), linear-gradient(to top right, #6dc1d9, transparent, transparent), linear-gradient(to bottom left, #6dc1d9, transparent, transparent), linear-gradient(#0c97c0, #d4ecf6, transparent, transparent) } </style> <body> <svg viewBox="0 0 100 100"> <!-- grid --> <!-- <defs> <pattern id="isometric" width="10" height="5" viewBox="0 0 10 5" patternUnits="userSpaceOnUse" x="0" y="0" > <g stroke="#0004" stroke-dasharray="2 1" stroke-width=".25"> <path d="m0,0 v100"/> <path d="m10,0 v100"/> </g> <path d="m5,0 v100" stroke-width=".25" stroke="#0004" stroke-dasharray=".5"/> <g stroke-width=".25" stroke="#0004"> <path d="m0,0 l10,5"/> <path d="m10,0 l-10,5"/> </g> </pattern> </defs> <rect fill="url(#isometric)" width="1000" height="1000"/> --> --> <!-- grid --> <!-- body --> <path d= "M50 35 l-5 2 l0 15 l5 -4 l5 4 l0 -15 " fill="#0c70af"/> <ellipse cx="50" cy="58" rx="3" ry="15" style="fill:#544d90;" /> <ellipse cx="50" cy="58" rx="1.5" ry="7.5" style="fill:#585799;" > <animate attributeName="rx" values="1;1;2;1;1" dur="2.5s" repeatCount="indefinite" /> </ellipse> <circle cx="52" cy="35" r="2" fill="black" /> <circle cx="48" cy="35" r="2" fill="black" /> <circle cx="52" cy="35" r="0.5" fill="white" > <animateTransform attributeName="transform" begin="0s" dur="2.5s" type="rotate" from="-1" to="0" repeatCount="indefinite"/></circle> <circle cx="48" cy="35" r="0.5" fill="white" > <animateTransform attributeName="transform" begin="0s" dur="2.5s" type="rotate" from="-1" to="0" repeatCount="indefinite"/></circle> <!-- wing --> <path d= "M55 37 l9 -10 l6 3" fill="#3f408b"/> <path d= "M64 27 l10 -6 l-4 9" fill="#47539b"/> <path d= "M64 27 l5 -10 l5 4 " fill="#1a82c0"/> <path d= "M69 17 l5 4 l-1 -6" fill="#129bd7"/> <path d= "M73 15 l1 6 l7 -3 l-1 -2" fill="#0c97be"/> <path d= "M73 15 l6 -3 l2 6" fill="#03acb1"/> <path d= "M79 12 l2 0 l0 6" fill="#188ab6"/> <path d= "M81 18 l-1 6 l-1 -5.2" fill="#158bdc"/> <path d= "M80 24 l-6 -3 l5 -2.2" fill="#1297d9"/> <path d= "M74 21 l6 3 l-4 2" fill="#1c83c0"/> <path d= "M74 21 l2 5 l-6 4" fill="#437db9"/> <path d= "M80 24 l-4 2 l4 1" fill="#4867ac"/> <path d= "M80 27 l-2 3 l-2 -4" fill="#3f6eac"/> <path d= "M78 30 l-8 0 l6 -4" fill="#657eb7"/> <path d= "M55 37 l15 -7 l-1 4" fill="#535797"/> <path d= "M69 34 l9 -4 l-8 -0.2" fill="#4d5897"/> <path d= "M80 27 l0 7 -2 -4" fill="#595a9f"/> <path d= "M55 37 l6 -1.5 -1 3" fill="#9d79b3"/> <path d= "M55 37 l5 1.4 -2 3" fill="#835595"/> <path d= "M55 37 l3 4.3 -3 2" fill="#69488d"/> <path d= "M61 35.5 l-3 6 12 -6" fill="#a37cb5"/> <path d= "M61 35.5 l9 -0 8.5 -5.7" fill="#5c5b9e"/> <path d= "M78 30 l-8 5.5 4 -1" fill="#7976b9"/> <path d= "M78 30 l5 8 -8.8 -3.8" fill="#b59ed2"/> <path d= "M83 38 l4 0 -7.1 -5" fill="#f8bf6c"/> <path d= "M55 43 l 8 3 -5 -5 " fill="#a65c90" /> <path d= "M63 46 l7 -10.5 -4 2 -8 4" fill="#b98db0"/> <path d= "M63 46 l7 0 0 -10.5" fill="#b98db0"/> <path d= "M70 46 l 15 -4 -2 -4 -13 -2.5" fill="#9d6ea3"/> <path d= "M70 35.5 l 4 -1 1 -1 8 4.5" fill="#9d6ea3"/> <path d= "M55 43 l8 3 -4 8" fill="#d15c91"/> <path d= "M63 46 l 4 12 -8 -4 " fill="#f15979"/> <path d= "M67 58 l 5 -8 -9 -4" fill="#ed6696"/> <path d= "M70 46 l2 4.2 -4 -2 -5 -2.2" fill="#c088b8"/> <path d= "M72 50 l 16 -9 -19 4 " fill="#9d89c5"/> <path d= "M88 41 l -1 -3 -4 0 1 4" fill="#ec7556"/> <path d= "M45 37 l -9 -10 -6 3" fill="#44468d"/> <path d= "M45 37 l-15 -7 2 8 " fill="#4e5297"/> <path d= "M45 37 l-13 1 10 2" fill="#a885ba"/> <path d= "M45 37 l-3 7 -2 -4" fill="#7d518e"/> <path d= "M45 37 l0 10 -3 -3.2" fill="#68468c"/> <path d= "M40.9 39.5 l-9 -2 -2 6" fill="#956bae"/> <path d= "M30 43.5 l 7 2 5 -7" fill="#b88db1"/> <path d= "M37 45.5 l -5 6 8 -6 2 -2 -1 -4" fill="#a85b93"/> <path d= "M32 37.5 l -2.8 -2 1 -5.5" fill="#525697"/> <path d= "M36 26 l-5 -1 -2 5" fill="#1d7ebd"/> <path d= "M31 23 l -4 -3 2 9" fill="#08a0d9"/> <path d= "M26 28 l -1 6 4 -3" fill="#0f9dd3"/> <path d= "M24 35 l 0 5 5 -3 " fill="#0b92c9"/> <path d= "M45 47 l-8 1 -1 7" fill="#ce5c8f"/> <path d= "M45 47 l -3.5 -3.7 -6 5" fill="#ce5c8f"/> <path d= "M32 51 l -2 -8 8 2" fill="#e76592"/> <path d= "M32 51 l 6 6 -1 -11" fill="#fb719a"/> <path d= "M32 51 l -2 8 -9 0 3 " fill="#d96eae"/> <path d= "M31 51 l -2 -9 -10 -2" fill="#c97eb6"/> </svg> <img src="https://cdn.discordapp.com/attachments/840619312343023617/840619873083457546/856efbde9b4565b80c36cd6f60285cdf.jpg"> </body> </html>