JSFiddle - React, Tailwind, and code Playground

by Shishir Morshed

HTML

<svg style="width:420px; height:420px; border:1px solid">
    <title>Cat | SVG</title>
    <ellipse cx="210" cy="210" rx="90" ry="75" style="stroke-width:3px; stroke:black; fill:none"  />
    
    <g id="eye">
        <circle cx="180" cy="200" r="15" style="fill:black"/>
        <circle cx="185" cy="200" r="6" style="fill: white"/>
    </g>
    
    <g id="eye_right">
        <circle cx="240" cy="200" r="15" style="fill:black"/>
        <circle cx="235" cy="200" r="6" style="fill: white"/>
    </g>
    
    <path id="ear_left" d="M 155 150 L 125 125 L 135 170" style="stroke-width:3px; stroke:black;"/>
    <path id="ear_right" d="M 155 150 L 155 115" style="stroke-width:3px; stroke:black;"/>

    
</svg>