используйте bootstrap иконок с npm

Question

Когда я использую любой JS -модуль с NPM, я включаю его в свой. js файл с require(""). Как я могу сделать то же самое с bootstrap значками и включить их в. html? Их официальные документы и npm были мне недостаточно понятны.

Я не использую bootstrap в своем проекте, только несколько значков, это Достаточно ли иметь только этот пакет?

npm install bootstrap-icons

Действительно ли bootstrap иконки бесплатны? Стоит ли упоминать их в проекте?

Answer 1

Вам нужно скопировать bootstrap -icons.svg из node_modules, вы можете скопировать его вручную или с помощью webpack. Если вы копируете в папку root, вы можете использовать это так:

<svg class="bi" width="32" height="32" fill="currentColor">
     <use xlink:href="bootstrap-icons.svg#bootstrap"/>
</svg>

Если вы копируете в папку значков:

<svg class="bi" width="32" height="32" fill="currentColor">
     <use xlink:href="icons/bootstrap-icons.svg#bootstrap"/>
</svg>

или копируете значки / *. Svg для использования только значок, который вам нужен, и вы можете использовать его так:

<img src="bootstrap.svg" alt="" width="32" height="32" title="Bootstrap">