.bi{
  display:inline-block;
  width:1em;
  height:1em;
  flex:none;
  vertical-align:-.125em;
  background-color:transparent!important;
  background-image:var(--bi-url);
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  filter:brightness(0) saturate(100%) invert(15%) sepia(99%) saturate(6183%) hue-rotate(355deg) brightness(95%) contrast(119%);
}
.bi-award{--bi-url:url("award.svg")}
.bi-bank{--bi-url:url("bank.svg")}
.bi-bank2{--bi-url:url("bank2.svg")}
.bi-building-gear{--bi-url:url("building-gear.svg")}
.bi-calendar-check{--bi-url:url("calendar-check.svg")}
.bi-cash-coin{--bi-url:url("cash-coin.svg")}
.bi-chat-dots{--bi-url:url("chat-dots.svg")}
.bi-chat-dots-fill{--bi-url:url("chat-dots-fill.svg")}
.bi-cone-striped{--bi-url:url("cone-striped.svg")}
.bi-credit-card-2-front{--bi-url:url("credit-card-2-front.svg")}
.bi-file-earmark-check{--bi-url:url("file-earmark-check.svg")}
.bi-gear{--bi-url:url("gear.svg")}
.bi-gear-wide-connected{--bi-url:url("gear-wide-connected.svg")}
.bi-geo-alt-fill{--bi-url:url("geo-alt-fill.svg")}
.bi-graph-up-arrow{--bi-url:url("graph-up-arrow.svg")}
.bi-headset{--bi-url:url("headset.svg")}
.bi-mortarboard{--bi-url:url("mortarboard.svg")}
.bi-people{--bi-url:url("people.svg")}
.bi-shield-check{--bi-url:url("shield-check.svg")}
.bi-speedometer2{--bi-url:url("speedometer2.svg")}
.bi-truck{--bi-url:url("truck.svg")}