SVG corner 4 block

HTML

<div>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="16px" viewBox="-0.00639854 0 19.0128 16" preserveAspectRatio="xMidYMid meet" ><rect id="svgEditorBackground" x="0" y="0" width="19" height="16" style="fill: #fff; stroke: none;"/><path d="M2.8016453382084094,2.5740402193784284a39.12119509855674,39.12119509855674,0,0,0,15.18098338822778,13.060329067641684" style="fill:none;stroke:black;stroke-width:1px;" id="e1_circleArc"/><path d="M3.064895636856663,2.8226691042047563a26.61472471743399,26.61472471743399,0,0,0,14.742230347349176,-0.7020109689213903" style="fill:none;stroke:black;stroke-width:1px;" id="e2_circleArc"/></svg>
</div>

CSS

* {
  margin: 0;
  padding: 0;
}

div {
  height: 270px;
  width: 300px;
  border-radius: 15px;
  background: white;
  border: 2px solid rgba(224, 224, 224, 1);
  margin: 50px auto;
  position: relative;
}

svg {
  position: absolute;
  top: 33%;
  left: -19px;
  margin-top: -9.5px;
}