UNICODE from JSON

When i get the unicode from the api it is shown as its string in the UX.
Here is a picture from the screen:

<Each Items="{categories}">													
	<DockPanel>
          <Rectangle Alignment="CenterLeft" Width="50%" Height="50">
		<Clicked>
			<Callback Handler="{goToSubCategory}" />
		</Clicked>
		<Circle Alignment="CenterLeft" Width="40" Height="40" Margin="10,0,0,0" Color="{color}">
			<Icon Value="{imageMobile}" Alignment="Center" Color="White" FontSize="20" />
		</Circle>
		<Text Value="{description}" Alignment="CenterLeft" TextWrapping="Wrap" Margin="60,0,0,0" Color="Black" Opacity="0.5" />
	</Rectangle>
	<Rectangle Width="100%" Height="50" Color="White">
		<Clicked>
			<Callback Handler="{goToSubCategory}" />
		</Clicked>
	<Icon Alignment="CenterRight" Value="" Margin="0,0,10,0" FontSize="20" Color="Black" Opacity="0.5">
	<Clicked>
		<Callback Handler="{goToSubCategory}" />
	</Clicked>
	</Icon>
	</Rectangle>
	<Rectangle Height="1" Color="Gray" Opacity="0.3" Width="100%" Margin="120,0,0,0" Dock="Bottom" />
</DockPanel>
</Each>

and the JS:

fetch(activeUrl.apiURL + "/api/Category/GetMainCategories?ID=" + clientid, {
      method: 'GET',
      headers: {
        
          "Content-type": "application/json"
      },
      dataType: 'json'
  }).then(function(response) {
      status = response.status;
      //console.log("status from api call "+ status);
      return response.json();

  }).then(function(responseObject) {
    console.log("OVA1 : " + JSON.stringify(responseObject));
    for(var i = 0 ; i < responseObject.length ; i++)
    {
      categories.add(responseObject[i]);
    }
  }).catch(function(err) {
      console.log("Error in function: " + err.message);
  }); 

Using icon fonts can be tricky. Please see if this bit about JavaScript helps.

Hm…as I saw it only works for one icon…still represents with string. :confused:
Will parsing help or smh else?