Skip to content

Missing Icons #7258

Open
Open
@iveoles

Description

@iveoles

Describe the bug

Some icons are missing using the component on version 2.23.1

Steps to reproduce the bug

Installing 2.23.1 and Bootstrap 4.6.2

// Working
<b-icon icon="clipboard"></b-icon>

<svg data-v-38d7d807="" data-v-a1d5cb51="" viewBox="0 0 16 16" width="1em" height="1em" focusable="false" role="img" aria-label="clipboard" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi-clipboard mr-2 b-icon bi"><g data-v-38d7d807="" data-v-a1d5cb51=""><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"></path><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"></path></g></svg>

//Not working
<b-icon icon="database"></b-icon>

<svg data-v-38d7d807="" data-v-a1d5cb51="" viewBox="0 0 16 16" width="1em" height="1em" focusable="false" role="img" aria-label="blank" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi-blank mr-2 b-icon bi"><g data-v-38d7d807="" data-v-a1d5cb51=""></g></svg>

Expected behavior

The database icon should render as per the docs https://bootstrap-vue.org/docs/icons#icons-1. Searching for "database"

Versions

Libraries:

  • BootstrapVue: 2.23.1
  • Bootstrap: 4.6.2
  • Vue: 2.7.16

Environment:

  • Device: laptop
  • OS: Windows 11
  • Browser: Chrome
  • Version: 137.0.7151.56

Demo link

https://codesandbox.io/p/sandbox/6vg7r5?file=%2FApp.vue%3A7%2C12

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions