Why do the icons I added in Webflow designer not show up in view mode on my site?

If the icons you added in the Webflow Designer are not showing up in view mode on your site, there could be a few reasons for this. Here are some possible explanations:

1. Check the publish status: It's essential to ensure that the site version containing the icons is published. When you make changes in the Designer, you need to publish the site for those changes to reflect on your live site. You can do this by clicking on the "Publish" button in the top-right corner of the Designer interface.

2. Confirm class names and styles: Verify that the class names you have assigned to the icons are correctly spelled and applied to the correct elements. In some cases, if you change the class names or delete the styles associated with the icons, they may not appear correctly on the live site.

3. Font or Icon library issues: If you're using custom fonts or icon libraries, make sure that the necessary font files or icon libraries are properly set up and linked to your site. Check if you have correctly imported any custom fonts or icon libraries into your project's settings. If the icons you added are part of an external library, ensure that you have included the required CSS or JS files.

4. Visibility settings: Verify that the icons are not set to be hidden or have certain visibility settings applied. In the Webflow Designer, you can control the visibility of elements using the Display property. Ensure that the icons are set to "Block" or "Inline-Block" to display them correctly.

5. Device-specific styles: It's possible that you have set specific styles for different devices (e.g., desktop, tablet, mobile) that are affecting the visibility of the icons. Double-check the styles for each device breakpoint to ensure that they aren't conflicting with or overriding the visibility of the icons.

6. Clear cache and reload: Sometimes, browser caching can prevent changes from being reflected immediately. To rule out this possibility, clear your browser cache and reload the live site.

If you have tried all of these steps and the icons still aren't showing up, it might be helpful to share your Webflow project's read-only link with support or the Webflow community. This way, they can take a closer look at your settings and provide more specific assistance.