Skip to content

bug: icons don't render with Angular and JS in StackBlitz #2892

Closed

Description

@thetaPC

Describe the Bug

  • v7 & v8

The <ion-icon> does not render when using Angular and JS. It displays nothing at all. The inspector shows that it's in the DOM but the <svg> isn't in the DOM.

Screenshot of the missing <svg>:
Screenshot 2023-04-07 at 1 15 20 PM

Expected Behavior

I expect to visually see the icon on the screen.

Screenshot of what the DOM should be:
Screenshot 2023-04-07 at 1 18 08 PM

Steps to Reproduce

  1. Navigate to the icon page on the docs site.
  2. Verify that you are viewing version 7 or 8.
  3. Navigate to the basic usage.
  4. Click on either Angular or JS
  5. Click on either iOS or MD (bug is shown in both)
  6. Click on the StackBlitz logo
  7. Wait for StackBlitz to load
  8. You will see only a white screen

Screenshots

No response

Operating System

No response

Browser

No response

Version

No response

Additional Information

No response

Activity

  1. added
    bugIssues related to bugs on the documentation website
    on Apr 7, 2023
  2. changed the title [-]bug: icons don't render in StackBlitz for Angular & JS[/-] [+]bug: icons don't render in StackBlitz[/+] on Jun 11, 2024
  3. changed the title [-]bug: icons don't render in StackBlitz[/-] [+]bug: icons don't render with Angular and JS in StackBlitz[/+] on Jun 12, 2024
  4. added a commit that references this issue on Jul 24, 2024
    02bba36
  5. added a commit that references this issue on Mar 17, 2025
    df9d5c3
  6. added a commit that references this issue on Apr 14, 2025
    489296f
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIssues related to bugs on the documentation website

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions