How to show custom icons for scatter plot data points?

[imaaditya-stack]

• G2 Version:
• Platform:
• Mini Showcase(like screenshots):
• CodePen Link:

Below is an example of my scatter plot

I want to show custom ant design icons for each data point based on a data point in my data like below

My chart config

  var config = {
    data: data,
    xField: "date",
    yField: "score",
    xAxis: {
      tickCount: 4,
      label: {
        formatter: function formatter(v: any) {
          return moment(v, "YYYY-MM-DD hh:mm A").format("hh:mm A");
        },
        style: {
          fill: "#6E759F",
        },
      },
    },
    yAxis: {
      label: {
        style: {
          fill: "#9AA5B5",
        },
      },
    },
    meta: {
      score: {
        min: 0,
        max: 100,
        tickInterval: 25,
      },
    },
  };

My data structure

  {
    "id": ,
    "date": "2021/05/20 12:03:00 PM",
    "Application": "",
    "Activity": "",
    "score": 50
  }

The icon should be based on Activity in the data structure above.
For eg -> If Activity is Login then login icon will show for the data point.

[hustcc]

See this demo in G2 5.0: https://g2.antv.antgroup.com/examples/general/image/#logo