Embedded Icon in Web item inside web-section

Hello, I am developing an application to integrate with Jira cloud and I am trying to add web-item with icon and value.
The icon not even showing but the value is correctly appear.

this is my web-item in atlassian-connect.json.

"webItems": [
{
  "key": "web-item-servicedesk-agent-queues-web-section-servicedesk-agent-queues",
  "location": "servicedesk.agent.queues/web-section-servicedesk-agent-queues",
  "url": "/qrGenerator?issueId={issue.id}&projectKey=${project.key}&serviceDeskId=${servicedesk.serviceDeskId}&projectId=${project.id}&issueKey={issue.key}",
  "name": {
    "value": "xxxxxxxxxx"
  },
  "weight": 200,
  "context": "addon",
  "icon": {
    "width": 16,
    "height": 16,
    "url": "${servlet.path}/images/qrCode.png"
  },
  "target": {
    "type": "dialog",
    "options": {
      "header": {
        "value": "xxxxxxxxxxxxxxxxxx"
      }
    }
  },
  "tooltip": {
    "value": "xxxxxxx"
  },
  "conditions": [
    {
      "condition": "user_is_logged_in"
    },
    {
      "condition": "addon_is_licensed",
      "invert": "${exclude.license}"
    }
  ]
},
{
  "url": "/license",
  "location": "servicedesk.agent.queues/web-section-servicedesk-agent-queues",
  "key": "mfj-web-item-servicedesk-agent-queues-web-section-servicedesk-agent-queues-license",
  "name": {
    "value": "xxxxxxxxx"
  },
  "icon": {
    "width": 16,
    "height": 16,
     "url": "${servlet.path}/images/qrCode.png"
  },
  "conditions": [
    {
      "condition": "user_is_logged_in"
    },
    {
      "condition": "addon_is_licensed",
      "invert": "${prod.use}"
    }
  ]
}]