Issue with Doctype Icons Not Displaying in LWR Site After Summer '24 Release

I'm encountering an issue with my LWR (Lightning Web Runtime) site in the sandbox environment after the Summer '24 release. Before the update, all lightning icons were displaying correctly. However, post-release, I've noticed that icons of type "doctype" are no longer visible.

Summary of the Problem:

• Environment: Sandbox
• Site Type: LWR (Lightning Web Runtime)
• Issue Start: After Summer '24 release
• Working Icons: Icons of type "standard" and "utility" are displaying correctly.
• Non-working Icons: Icons of type "doctype" are not visible.

I've checked my code, and there have been no changes on my end that would affect the icon rendering. The problem seems to have started with the new release.

Code Snippet:

<template>  <div class="slds-m-around_medium">    <lightning-card title="Attachments">      <div class="slds-grid slds-wrap slds-m-around_medium">        <template lwc:if={_hasAttachments}>          <template for:each={attachments} for:item="attachment">            <div key={attachment.Id} class="slds-col slds-size_1-of-2 slds-max-medium-size_1-of-1 slds-p-horizontal_small slds-p-vertical_medium">              <div class="attachment">                <div class="slds-grid slds-wrap slds-grid_vertical-align-center">                  <div class="slds-size_1-of-12">                    <lightning-icon icon-name="doctype:attachment"></lightning-icon>                  </div>                  <div class="showPointer slds-size_10-of-12 slds-p-left_small" data-id={attachment.Id} data-extension={attachment.FileExtension} onclick={previewAttachment}>                    <p>{attachment.Title}</p>                    <p>{attachment.CreatedDate} - {attachment.userName}</p>                  </div>                  <div class="slds-size_1-of-12">                    <lightning-icon class="showPointer" data-url={attachment.VersionDataUrl} icon-name="utility:download" size="small" alternative-text="Download" onclick={downloadAttachment}></lightning-icon>                  </div>                </div>              </div>            </div>          </template>        </template>      </div>    </lightning-card>  </div></template>

Error Screenshots:

Steps Taken:

1. Verified the icon type and name.
2. Checked the official Salesforce documentation for any changes related to icons in the Summer '24 release notes.
3. Cleared browser cache and refreshed the page.
4. Tested in multiple browsers with the same result.

Questions:

1. Has anyone else experienced similar issues with "doctype" icons after the Summer '24 release?
2. Is there a known workaround or fix for this issue?
3. Are there any specific release notes or changes that might be causing this behavior?

If any other information is needed or if there are specific debugging steps you would like me to follow, please let me know.

Thank you! 

#Salesforce Developer @* Salesforce Developers *