@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("/fonts/bootstrap-icons.woff2") format("woff2"),
       url("/fonts/bootstrap-icons.woff") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Здесь должны быть все иконки и их Unicode-коды */
.bi-house-door::before { content: "\f42a"; }
.bi-gear::before { content: "\f3e4"; }
.bi-list-ul::before { content: "\f377"; }
.bi-plus-circle::before { content: "\f4f7"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-trash::before { content: "\f5de"; }
.bi-eye::before { content: "\f341"; }
.bi-check-circle::before { content: "\f26a"; }
.bi-x-circle::before { content: "\f62a"; }
.bi-exclamation-triangle::before { content: "\f33a"; }
.bi-clock::before { content: "\f294"; }
.bi-arrow-repeat::before { content: "\f195"; }
/* и другие иконки, которые используются в вашем приложении */