.fa-solid,
.fas {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  color: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

.fa-solid::before,
.fas::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-image: var(--fa-icon);
  mask-image: var(--fa-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fa-bars { --fa-icon: url("../icons/bars.svg"); }
.fa-chevron-down { --fa-icon: url("../icons/chevron-down.svg"); }
.fa-check { --fa-icon: url("../icons/check.svg"); }
.fa-circle-plus { --fa-icon: url("../icons/circle-plus.svg"); }
.fa-stairs { --fa-icon: url("../icons/stairs.svg"); }
.fa-screwdriver-wrench { --fa-icon: url("../icons/screwdriver-wrench.svg"); }
.fa-layer-group { --fa-icon: url("../icons/layer-group.svg"); }
.fa-hammer { --fa-icon: url("../icons/hammer.svg"); }
.fa-arrow-up-right-dots { --fa-icon: url("../icons/arrow-up-right-dots.svg"); }
.fa-ruler-combined { --fa-icon: url("../icons/ruler-combined.svg"); }
.fa-tree { --fa-icon: url("../icons/tree.svg"); }
.fa-house { --fa-icon: url("../icons/house.svg"); }
.fa-users { --fa-icon: url("../icons/users.svg"); }
.fa-piggy-bank { --fa-icon: url("../icons/piggy-bank.svg"); }
.fa-location-dot { --fa-icon: url("../icons/location-dot.svg"); }