svg.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <svg width = 3000 height = 3000>
        
        <circle
            cx = "200" cy = "200" r = "100"
            style="
              stroke:aqua;
              stroke-width: 5;
              fill: none;
           "/>
         <circle
            cx = "350" cy = "350" r = "100"
            style="stroke: #28e01b;
                    stroke-width:4px;
                    fill:rgb(240, 238, 140);
                    fill-opacity:0.5;"
         />
         <line 
            x1 = 110 y1 = 220 x2 = 310 y2 = 390
            style="stroke: #010500;
                 stroke-width: 4;"
         />
     </svg>
</body>
</html>