.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='3' width='10' height='10' rx='2'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  vertical-align: -0.125em;
  -webkit-mask: var(--bi-icon) center / contain no-repeat;
  mask: var(--bi-icon) center / contain no-repeat;
}

.bi-code-slash::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.9 4.1 2 8l3.9 3.9 1-1L4 8l2.9-2.9-1-1Zm4.2 0-1 1L12 8l-2.9 2.9 1 1L14 8l-3.9-3.9ZM8.6 3 6.4 13h1.4L10 3H8.6Z'/%3E%3C/svg%3E");
}

.bi-github::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 .8a7.2 7.2 0 0 0-2.3 14c.4.1.5-.2.5-.4v-1.3c-2.1.5-2.6-.9-2.6-.9-.3-.8-.8-1-.8-1-.7-.5 0-.5 0-.5.7.1 1.1.8 1.1.8.7 1.1 1.7.8 2.2.6.1-.5.3-.8.5-1-1.7-.2-3.5-.9-3.5-3.6 0-.8.3-1.5.8-2-.1-.2-.3-1 .1-2 0 0 .7-.2 2.1.8A7 7 0 0 1 8 4c.7 0 1.3.1 1.9.3 1.5-1 2.1-.8 2.1-.8.4 1 .2 1.8.1 2 .5.5.8 1.2.8 2 0 2.7-1.8 3.4-3.5 3.6.3.2.5.7.5 1.4v1.9c0 .2.1.5.5.4A7.2 7.2 0 0 0 8 .8Z'/%3E%3C/svg%3E");
}

.bi-house::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2 2 7v7h4V9h4v5h4V7L8 2Z'/%3E%3C/svg%3E");
}

.bi-journal-text::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2h9a1 1 0 0 1 1 1v11H4a1 1 0 0 1-1-1V2Zm2 3h6V4H5v1Zm0 3h6V7H5v1Zm0 3h4v-1H5v1Z'/%3E%3C/svg%3E");
}

.bi-link::before,
.bi-link-45deg::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.4 4.1 5.3 5.2a3 3 0 0 0 0 4.2 3 3 0 0 0 4.2 0l1.1-1.1-1-1-1.1 1.1a1.6 1.6 0 0 1-2.2-2.2l1.1-1.1-1-1Zm3.2-.8a3 3 0 0 0-2.1.9L6.4 5.3l1 1 1.1-1.1a1.6 1.6 0 0 1 2.2 2.2L9.6 8.5l1 1 1.1-1.1a3 3 0 0 0-2.1-5.1Z'/%3E%3C/svg%3E");
}

.bi-people::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM1 14c.3-2.5 2-4 4.5-4s4.2 1.5 4.5 4H1Zm8.5-3.7c.5-.2 1-.3 1.6-.3 2.1 0 3.5 1.3 3.9 4h-3.8a5.6 5.6 0 0 0-1.7-3.7Z'/%3E%3C/svg%3E");
}

.bi-star::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.3 10 5l4.1.6-3 2.9.7 4.1L8 10.7l-3.7 1.9.7-4.1-3-2.9L6 5l2-3.7Z'/%3E%3C/svg%3E");
}

.bi-palette::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a6 6 0 0 0 0 12h1.2a1.4 1.4 0 0 0 1-2.4.9.9 0 0 1 .6-1.6H12a4 4 0 0 0 0-8H8ZM4.5 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm2-2.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM11 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/%3E%3C/svg%3E");
}

.bi-folder::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 4A1.5 1.5 0 0 1 3 2.5h3l1.5 1.7H13A1.5 1.5 0 0 1 14.5 5v7A1.5 1.5 0 0 1 13 13.5H3A1.5 1.5 0 0 1 1.5 12V4Z'/%3E%3C/svg%3E");
}

.bi-lock::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2h1v7H3V7h1Zm2 0h4V5a2 2 0 0 0-4 0v2Z'/%3E%3C/svg%3E");
}

.bi-lightning::before {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1 3.5 8h3L5.8 15 12.5 6H9.2L9 1Z'/%3E%3C/svg%3E");
}
