SVG rabbit
✨ Taifhoon unakul
<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"> <ellipse cx="10" cy="14" fill="white" transform="rotate(-10 0 0)" rx="4" ry="12" stroke="black" stroke-width="0.4"/> <ellipse cx="10" cy="18" fill="hsl(0,60%,70%)" transform="rotate(-10 0 0)" rx="2" ry="12" stroke="black" stroke-width="0.4"/> <ellipse cx="30" cy="7" fill="white" transform="rotate(10 0 0)" rx="4" ry="12" stroke="black" stroke-width="0.4"/> <ellipse cx="30" cy="11" fill="hsl(0,60%,70%)" transform="rotate(10 0 0)" rx="2" ry="12" stroke="black" stroke-width="0.4"/> <ellipse cx="20" cy="28" rx="13" ry="11" fill="white" stroke="black" stroke-width="0.4"/> <circle cx="16" cy="28" fill="black" r="2"></circle> <circle cx="24" cy="28" fill="black" r="2"></circle> <circle cx="15.5" cy="27.5" fill="white" r="0.75"> <animate attributeName="cx" values="17;15;17;" dur="4s" repeatCount="indefinite" /> </circle> <circle cx="23.5" cy="27.5" fill="white" r="0.75"> <animate attributeName="cx" values="25;23;25;" dur="4s" repeatCount="indefinite" /> </circle> <ellipse cx="26" cy="32" fill="hsl(0,60%,70%)" rx="2" ry="1"/> <ellipse cx="14" cy="32" fill="hsl(0,60%,70%)" rx="2" ry="1"/> <ellipse cx="20" cy="34" fill="black" rx="2" ry="1"> <animate attributeName="rx" values="2;4;2;" dur="6s" repeatCount="indefinite" /> <animate attributeName="ry" values="1;1;1.5;1;1;" dur="4s" repeatCount="indefinite" /> </ellipse> <path d="M 16 35 q 2 3 4 0" stroke="black" stroke-width="0.3" fill="none" /> <path d="M 20 35 q 2 3 4 0" stroke="black" stroke-width="0.3" fill="none" /> </svg> </body> </html>