looks like your example code don't work

Question

looks like your example code don't work

Andre-23889 opened this issue 2 months ago · comments

Prerequisites

I have searched for duplicate or closed issues
I have validated any HTML to avoid common problems
I have read the contributing guidelines

Describe the issue

This is the first time I've tried to import an icon from your project, so I'm probably doing something wrong,
I tried using the code you provide as an example for the "box-seam" icon. but the icon does not appear on the page.
I was able to use one of your icons just by downloading the svg, but I would like to understand how I can insert it with a link to your archive... as should happen in the example:

Reduced test cases

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
    <title>Bootstrap Example</title>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  </head>
  <body class="p-3 m-0 border-0 bd-example m-0 border-0">

    <!-- Example Code -->
    
        
    <a class="icon-link" href="#">
      <svg class="bi" aria-hidden="true"><use xlink:href="#box-seam"></use></svg>
      Icon link
    </a>
    
      
    <!-- End Example Code -->
  </body>
</html>

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3