SOURCE

<svg width="500px" height="500px" viewBox="0 0 100 100">
    <path d="M0,0 L0,100 H100 V0 Z " fill-opacity="0" stroke="black"
    stroke-width="2"/>
    <path d="M0,10 H100 M0,20 H100 M0,30 H100 M0,40 H100 M0,50 H100 M0,60 H100 M0,70 H100 M0,80 H100 M0,90 H100" fill-opacity="0" stroke="black"
    stroke-width="1"/>
     <path d="M10,0 V100 M20,0 V100 M30,0 V100 M40,0 V100 M50,0 V100 M60,0 V100 M70,0 V100 M80,0 V100 M90,0 V100" fill-opacity="0" stroke="black"
    stroke-width="1"/>

    <!-- <path d="M10,10 Q-8,20 10,30"/> -->
    <path d="M20,20 Q-5,13 20,40"/>
    <path d="M20,20 Q45,13 20,40"/>

    <path d="M90,0 Q70,10 90,20 T90,40"/>
    <path d="M90,0 Q110,10 90,20 T90,40"/>

    <path d="M60,10 A15,15 0 1 1 60 30" fill="white"/>
</svg>

svg{
    background-color: skyblue;
}
path{
   
    
}