animal-letter.svg (1708B)
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 130" width="160" height="130"> 2 <!-- background rounded rect --> 3 <rect x="8" y="8" width="144" height="114" rx="18" fill="#FFF5F5" stroke="#2EC4B6" stroke-width="4"/> 4 5 <!-- simple cat face (circles + triangles) --> 6 <!-- head --> 7 <circle cx="80" cy="65" r="30" fill="#FFCC4D"/> 8 <!-- ears --> 9 <polygon points="55,42 62,28 69,42" fill="#FFCC4D"/> 10 <polygon points="91,42 98,28 105,42" fill="#FFCC4D"/> 11 <!-- inner ears --> 12 <polygon points="57,41 62,32 67,41" fill="#F4900C"/> 13 <polygon points="93,41 98,32 103,41" fill="#F4900C"/> 14 <!-- eyes --> 15 <ellipse cx="70" cy="60" rx="5" ry="6" fill="#292F33"/> 16 <ellipse cx="90" cy="60" rx="5" ry="6" fill="#292F33"/> 17 <!-- eye shine --> 18 <circle cx="72" cy="58" r="2" fill="#fff"/> 19 <circle cx="92" cy="58" r="2" fill="#fff"/> 20 <!-- nose --> 21 <polygon points="80,68 77,72 83,72" fill="#F4900C"/> 22 <!-- mouth --> 23 <path d="M77,72 Q74,76 70,75" stroke="#292F33" stroke-width="1.5" fill="none" stroke-linecap="round"/> 24 <path d="M83,72 Q86,76 90,75" stroke="#292F33" stroke-width="1.5" fill="none" stroke-linecap="round"/> 25 <!-- whiskers --> 26 <line x1="50" y1="67" x2="68" y2="69" stroke="#292F33" stroke-width="1.2"/> 27 <line x1="50" y1="72" x2="68" y2="71" stroke="#292F33" stroke-width="1.2"/> 28 <line x1="92" y1="69" x2="110" y2="67" stroke="#292F33" stroke-width="1.2"/> 29 <line x1="92" y1="71" x2="110" y2="72" stroke="#292F33" stroke-width="1.2"/> 30 31 <!-- letter A badge --> 32 <circle cx="126" cy="24" r="14" fill="#2EC4B6"/> 33 <text x="126" y="30" font-family="Fredoka, sans-serif" font-size="17" font-weight="600" 34 fill="#ffffff" text-anchor="middle">A</text> 35 </svg>