SVG

    <svg width="300" height="450" version="1.1" xmlns="http://www.w3.org/2000/svg">
    
        <rect class="square" x="80" y="20" width="100" height="50" 
        stroke="orange" fill="transparent" stroke-width="5"/>
    
        <rect class="roundRect" x="50" y="100" rx="20" ry="20" width="50" height="60"
        stroke="teal" fill="transparent" stroke-width="5"/>
    
        <ellipse class="ellipse" cx="150" cy="200" rx="30" ry="15" 
        stroke="magenta" fill="transparent" stroke-width="5"/>
    
        <path class="curve" d="M30,300 Q80,250 130,300 T230,300" fill="none" 
        stroke="green" stroke-width="5"/>
    
    </svg>
    

    <svg width="center" height="160" viewBox="0 0 16 16" xmlns="http://www.w3.org">
        <path
        d="
        M 8,7
           C 5,7 5,1 8,1
           S 11,7 8,7
           S 4,15 8,15
           S 12,7 8,7
           Z"
        
        fill="red"
        stroke="black"
        stroke-width="1.2"
        stroke-linecap="round" />
    </svg>