html - ¿Cómo uso el paquete de iconos bootstrap en angular?

Descargué el ícono de arranque y los increíbles paquetes de fuentes. Pero no sé cómo usarlo, simplemente importé lo siguiente al archivo estilos.css: @import "~bootstrap/dist/css/bootstrap.css"; @importar "~font-awesome/css/font-awesome.css";

Supongo que necesito agregar algo en el archivo angular.json, pero estoy escribiendo la ruta incorrectamente

Quiero que se vea así:

Pero se ve así:

------------------------------------

$ npm i bootstrap-icons

Y agregue la línea siguiente al archivo style.css:

@import "~bootstrap-icons/font/bootstrap-icons.css";

Y usa íconos como ese (solo ejemplo):

<i class="bi bi-person-fill"></i>

Puedes encontrar cualquier ícono que desees.ke para usar en los siguientes documentos oficiales de bootstrap: iconos de bootstrap

------------------------------------

Intente después de eliminar ./. como:

"styles": [
  "node_modules/font-awesome/css/font-awesome.css",
  "node_modules/bootstrap/dist/css/bootstrap.css",
],

4

¿Tengo que agregarlo a style.css después de agregarlo así?

Veysel Himmetoglu

28/03/2021 a las 16:28

¡No, una vez que lo agregues aquí! eso debería ser todo. No es necesario agregarlo a style.css

- Dhruv

28/03/2021 a las 16:36

He agregado a angular.json pero cuando no agrego a style.css los íconos no son visibles

Veysel Himmetoglu

31 de marzo de 2021 a las 13:59

Parece que hay una increíble biblioteca de fuentes angulares que se puede usar: github.com/FortAwesome/angular-fontawesome

- Dhruv

2 de abril de 2021 a las 1:04