SharePoint SPFX package's App Icon is not getting loaded during upload/deployment in app catalog.

[cluB-Watermelon]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• browser version : Microsoft Edge Version 110.0.1587.50
• SPFx version : 1.20.0
• Node.js version : 18.20.5

Describe the bug / error

Please refer to issue #8783.

We are still facing this issue. It was mentioned in the linked issue that this issue will be put in the backlog. So I was wondering if there was any update around this issue.

Steps to reproduce

1. Use schema: "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json"
2. Set IconPath: .
3. Build spfx package
4. Upload package to sharepoint app catalog.

Expected behavior

Image set as App Icon in should be visible properly.

[Ashlesha-MSFT]

Hello @cluB-Watermelon,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Ashlesha-MSFT]

@cluB-Watermelon,
I used iconpath as below and also added image inside sharepoint folder, able to get expected behavior{
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
"solution": {
"name": "basic-client-side-solution",
"id": "699cbd48-6b1a-4f0b-bc6d-4e17f5b2d78a",
"version": "1.0.0.0",
"includeClientSideAssets": true,
"skipFeatureDeployment": true,
"isDomainIsolated": false,
"iconPath": "images/Feedback_Icon.png",
"developer": {
"name": "",
"websiteUrl": "",
"privacyUrl": "",
"termsOfUseUrl": "",
"mpnId": "Undefined-1.21.1"
},
"metadata": {
"shortDescription": {
"default": "basic description"
},
"longDescription": {
"default": "basic description"
},
"screenshotPaths": [],
"videoUrl": "",
"categories": []
},
"features": [
{
"title": "basic Feature",
"description": "The feature that activates elements of the basic solution.",
"id": "595ccbcd-b010-4102-98de-592dc2c0fe00",
"version": "1.0.0.0"
}
]
},
"paths": {
"zippedPackage": "solution/basic.sppkg"
}
}

Please help by providing whole solution.