Point

    .point{
        width: 10px;
        height: 10px;
        background: black;
        border-radius: 50%;
    }

Line

1. Staight Line

       .line{
           width: 100px;
           border: 2px solid black;
       }
   

2. Double Line

       .double-line{
           width: 100px;
           height: 2px;
       }
   

3. Slant/ Angled Line

       .double-line{
           width: 100px;
           height: 2px;
       }
   
       .slant{
           transform: rotate(30deg);
       }
   

Square

    .square{
        width: 100px;
        height: 100px;
    }

Rectangle

    .square{
        width: 100px;
        height: 100px;
    }

Round

1. Circle

       .circle{
           width: 100px;
           height: 100px;
           border-radius: 50%;
       }
   

2. Oval

       .oval{
           width: 100px;
           height: 50px;
           border-radius: 50%;
       }
   

3. ARC

       .arc{
           width: 100px;
           height: 100px;
           border-top-left-radius: 100%;
       }