WAB widget icons don't appear when I download the app on to the server. The icons appear just fine in the WAB. Please let me know if you have experienced this issue and if there is a solution!

[NoraKennedy]

The png icons do not appear when I access the URL after downloading the app on to the server.

[RobertScheitlin__GISP]

Nora,

   What errors do you see in the browsers web console?

[NoraKennedy]

1. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/ISD/nora/Arbocissuancemap/jimu.js/css/fonts/avenir-next/bb590848-4012-46d6-a8d5-48c9893a176b.woff2
2. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/About/images/icon.png?wab_dv=2.13
3. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/Share/images/icon.png?wab_dv=2.13
4. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/InfoSummary/images/icon.png?wab_dv=2.13
5. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/ISD/nora/Arbocissuancemap/jimu.js/css/fonts/avenir-next/7195d5d0-582f-42d4-86ca-9da8dc31146e.woff2
6. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/Legend/images/icon.png?wab_dv=2.13
7. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/LayerList/images/icon.png?wab_dv=2.13
8. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/BasemapGallery/images/icon.png?wab_dv=2.13
9. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/Measurement/images/icon.png?wab_dv=2.13
10. HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier). GET - https://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/GroupFilter/images/icon.png?wab_dv=2.13

Above are the error messages. When I look in the folders there are the correct png images.

[RobertScheitlin__GISP]

Nora,

   The fact that the app is looking for pngs in this folder (http s://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/About/images/icon.png) tells me that something went wrong with the download of the app from WAB and subsequent publishing of the app to your web server. The apps/3 is only a folder that would be available in WAB Dev machine and should not be referenced on the web server. Did you download the app from WAB Dev and then extracted the zipped app to your web server?

Deploy your app—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers 

The other errors about woff and woff2 are due to you not having those MIME types registered with your web server.

[NoraKennedy]

Yes, I downloaded the app and the extracted the folder.

[RobertScheitlin__GISP]

Something went wrong then... Try again.

[KarinaLivingston]

I'm experiencing the same issue and have tried redownloading it. @RobertScheitlin__GISP  or @NoraKennedy  did you ever find a solution?

[RobertScheitlin__GISP]

Karina,

  Sorry I have never had this issue myself. You may want to contact esri tech support.

[KarinaLivingston]

@RobertScheitlin__GISP  I will reach out to them. Thanks for your prompt reply!

[ForamDoshi]

I am having similar issue of widget icon not showing in webappviewer. I am getting following error in inspect window:

https://[mymachinename]/webappviewer/widgets/MyFirstWidget/images/icon.png?wab_dv=2.21 404 (Not Found)

I was able to see my icon when I copy pasted my icon image in Image folder of my widget. But after I tried to edit/save the image, I don't see it anymore. I am trying to fix the path of the image but cannot figure out how to do it. Anyone knows how to fix this?