SVG Shapes

 
<line x1="0" y1="0" x2="80" y2="80"
style="stroke:rgb(255,0,99);stroke-width:5"/>
                    

<rect x="20" y="20" rx="10" ry="10" width="50" height="50"
    style="fill:blue; stroke:pink; stroke-width:5; fill-opacity:0.1; 
               stroke-opacity:0.9; opacity:0.9"/>                       
                        
                    

 <circle cx="50" cy="50" r="40" stroke="green"
    stroke-width="5" fill="red"/>                      
                    

<ellipse cx="50" cy="50" rx="40" ry="30"
    style="fill:rgb(200,255,50);
    stroke:rgb(255,0,100);stroke-width:5"/>
                        
<ellipse cx="60" cy="60" rx="40" ry="30"
    style="fill:rgb(100,50,255);
    stroke:rgb(100,0,255);stroke-width:5"/>                     
                               
                    

<polygon points="20,20  90,70  65,90"
    style="fill:#cccccc;
    stroke:#000000;stroke-width:5"/>
                    

                        
<defs>
    <filter id="Gaussian_Blur">
        <feGaussianBlur in="SourceGraphic" stdDeviation="20"/>
    </filter>
</defs>
                        
<ellipse cx="50" cy="50" rx="45" ry="20"
    style="fill:#3300cc;stroke:#000000;
    stroke-width:2;filter:url(#Gaussian_Blur)"/>