How to place the text (font awesome icon) above shape always?

GoJS
1

I have following template -

   $(go.Node, "Spot",
       {
           locationObjectName: "SHAPE", locationSpot: go.Spot.Center, zOrder: 0, 
           resizable: true, resizeObjectName: "PANEL", 
           selectionAdorned: true,           
           toolTip:  // define a tooltip for each node that displays the color as text
		  $(go.Adornment, "Auto", 
			$(go.Shape, { fill: "#FFFFCC" }),
			$(go.TextBlock, { margin: 4, text: "Tool Tip text" },
               new go.Binding("text", "text").makeTwoWay()               
			  ))
       },
       new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
       new go.Binding("zOrder", "zOrder"),
      $(go.Panel, "Auto",
        {
            name: "PANEL",
            //minSize: new go.Size(current.ActivityNodeWidth, current.ActivityNodeHeight),
            //width: 102, height: 102,
        },
        new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
         $(go.Panel, "Spot",
          $(go.Shape,
            {
                name: "SHAPE",
                fill: current.ActivityNodeFill, stroke: current.ActivityNodeStroke,
                portId: "",
                //width: 100, height: 100,
                fromLinkable: true, toLinkable: true,  fromLinkableDuplicates : true, toLinkableDuplicates : true,
                fromSpot: go.Spot.AllSides, toSpot: go.Spot.AllSides,
                stretch: go.GraphObject.Fill,
            },
            new go.Binding("figure", "figure"),
            new go.Binding("fill", "", current.fillColorConverter.bind(current)),
            new go.Binding("stroke", "", current.borderColorConverter.bind(current)),
            new go.Binding("strokeDashArray","strokeDashArray").makeTwoWay(),
            new go.Binding("strokeWidth","strokeWidth").makeTwoWay()),
            $(go.TextBlock, { 
                text: '\uf071',
                stroke: 'red',
                margin: 3,
                font: '18px FontAwesome',
                editable: false,
                isMultiline: false
            })
           ),
        $(go.TextBlock,  // the center text
          {
              alignment: go.Spot.Center, textAlign: "center", cursor: "move", margin: 5,
              editable: true, isMultiline: false
          },
          new go.Binding("text").makeTwoWay(),
          new go.Binding("font", "font").makeTwoWay(),
          new go.Binding("stroke", "", current.textColorConverter.bind(current)),
          new go.Binding("alignment", "textAlign", go.Spot.parse))
        )  // end Auto Panel
      );

The font information icon, gets sets behind the shape figure. What needs to be changed to show it always on top ?
The figure /shapes i am using are hexagaon, circle etc.

2

It depends entirely on which Panel(s) that you use in your template.
https://gojs.net/latest/intro/panels.html
Your question is ambiguous enough that I cannot give you a precise answer.