SVG Green
✨ นางสาวยมลพร เชิดบำรุง
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewBox="0 0 40 40"> <radialGradient id="lime" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="40%" style="stop-color:hsl(90, 100%, 65%); stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(90, 90%, 48%);stop-opacity:1" /> </radialGradient> <svg x="15"> <ellipse cx="13" cy="15" rx="6" ry="7" fill="hsl(90, 88%, 48%)" /> </svg> <ellipse cx="13" cy="15" rx="6" ry="7" fill="hsl(90, 88%, 48%)" /> <ellipse cx="20" cy="25" rx="16" ry="13" fill="url(#lime)" /> <svg x="14" y="25" width="30"> <path d="M0,2 C6,0 6 0 12,2" stroke="black" fill="transparent"/> </svg> <svg x="13" y="24.5"> <path d="M-5,-5 C2,1 2 2 0,4" stroke="black" fill="transparent"/> </svg> <svg x="23.5" y="24.5"> <path d="M5,-5 C2,2 2 2 3,4" stroke="black" fill="transparent"/> </svg> <svg> <ellipse cx="13" cy="15" rx="4" ry="5" fill="white" /> <ellipse cx="13" cy="15" rx="3" ry="4" fill="black" /> </svg> <svg x="18"> <ellipse cx="10" cy="15" rx="4" ry="5" fill="white" /> <ellipse cx="10" cy="15" rx="3" ry="4" fill="black" /> <svg width="13%" height="40" viewbox="0 0 40 40" x="9.5" > <path fill="hsl(190,70%,50%)" stroke="black" stroke-width="1.5" d="M15 3 Q16.5 6.8 25 18 A12.8 12.8 0 1 1 5 18 Q13.5 6.8 15 3z" /> <animate attributeName="width" values="4;5;4" dur="2.5s" repeatCount="indefinite" /> <animate attributeName="height" values="40;45;40" dur="2.5s" repeatCount="indefinite" /> </svg> </svg> </svg> </body> </html>