D3 Symbol not rendering

Hello

I am not able to get a Symbol rendered. Text and lines are working fine. Now I am wonder what I am doing wrong.

Text I am showing with:

his.textPY = this.container.append("text")
            .classed("textPY", true);

this.textPY

        .text("PY")

        .attr("x", "2%")

        .attr("y", "94%")

        .attr("text-anchor", "begin")

        .style("font-size", fontSizeDiff + "px")

        .style("fill", "black")

        .attr("font-family", "Arial")

        .attr("font-weight", 250);

The Symbol I am trying with:

      this.Arrow1 = this.container.append("symbol")

            .classed("Arrow1", true);

var sym = d3.symbol().type(d3.symbolCross).size(500);

this.Arrow1
.append("path")
        .attr("d", sym)
        .attr("fill", "green")
        .attr("transform", "translate(50,50)");

But nothing is showing up.

Has anyone an idea?

Thanks