.icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  vertical-align: -0.125em;
  mask: var(--icon-url) center / contain no-repeat;
  -webkit-mask: var(--icon-url) center / contain no-repeat;
}

.icon-arrow-left { --icon-url: url("../icons/tabler/arrow-left.svg"); }
.icon-arrow-right { --icon-url: url("../icons/tabler/arrow-right.svg"); }
.icon-barbell { --icon-url: url("../icons/tabler/barbell.svg"); }
.icon-bolt { --icon-url: url("../icons/tabler/bolt.svg"); }
.icon-brand-wechat { --icon-url: url("../icons/tabler/brand-wechat.svg"); }
.icon-building-community { --icon-url: url("../icons/tabler/building-community.svg"); }
.icon-building-skyscraper { --icon-url: url("../icons/tabler/building-skyscraper.svg"); }
.icon-building-store { --icon-url: url("../icons/tabler/building-store.svg"); }
.icon-calendar-event { --icon-url: url("../icons/tabler/calendar-event.svg"); }
.icon-chevron-down { --icon-url: url("../icons/tabler/chevron-down.svg"); }
.icon-chevron-left { --icon-url: url("../icons/tabler/chevron-left.svg"); }
.icon-coffee { --icon-url: url("../icons/tabler/coffee.svg"); }
.icon-cup { --icon-url: url("../icons/tabler/cup.svg"); }
.icon-home { --icon-url: url("../icons/tabler/home.svg"); }
.icon-map-pin { --icon-url: url("../icons/tabler/map-pin.svg"); }
.icon-menu-2 { --icon-url: url("../icons/tabler/menu-2.svg"); }
.icon-message-circle { --icon-url: url("../icons/tabler/message-circle.svg"); }
.icon-parking { --icon-url: url("../icons/tabler/parking.svg"); }
.icon-phone { --icon-url: url("../icons/tabler/phone.svg"); }
.icon-phone-call { --icon-url: url("../icons/tabler/phone-call.svg"); }
.icon-route { --icon-url: url("../icons/tabler/route.svg"); }
.icon-ruler-measure { --icon-url: url("../icons/tabler/ruler-measure.svg"); }
.icon-tools-kitchen-2 { --icon-url: url("../icons/tabler/tools-kitchen-2.svg"); }
.icon-users { --icon-url: url("../icons/tabler/users.svg"); }
.icon-users-group { --icon-url: url("../icons/tabler/users-group.svg"); }
.icon-video { --icon-url: url("../icons/tabler/video.svg"); }
.icon-x { --icon-url: url("../icons/tabler/x.svg"); }