css - SVGクリップパスで両方の湾曲した角を取得するには?

Question

数日間、私は問題に苦しんでいます: SVG クリップパスを作成しましたが、曲線のコーナーを追加したいと思います。'Curvetto' の 'C' をコードに追加すると、右側の角だけが丸くなります。

これは私のコードです：

<svg width="0" height="0">
    <defs>
      <clipPath id="myClip" clipPathUnits="objectBoundingBox">
        <path d="M0.23,0.1 C 0.77,0.1 0.77,0.1, 1,0, 1,1, 0,1,0.0,0.0z"/>
      </clipPath>
    </defs>
</svg>

私のクリップパスの画像

両方の角を曲げるにはどうすればよいですか?