パスにうまく色を載せられない

対処法はすでに開設されていますが、原因としては、記載されているように「一筆書きではない」ところです。

オープンパスの場合、塗りを設定した場合、開始・終了のパスは直線で結ばれた状態で塗りになります。

それぞれ4つのオープンパスで構成されているので、それぞれの開始・終了で結んだ塗りの状態になったのでその結果になっています。

このようなオブジェクトを作成する場合は、やはりひとつのパスオブジェクトで構成するべきでしょう。