.icon { display: block; width: 15px; height: 15px; flex: none; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.icon-house { --i: url("/assets/img/icons/house.svg"); }
.icon-cal { --i: url("/assets/img/icons/cal.svg"); }
.icon-shop { --i: url("/assets/img/icons/shop.svg"); }
.icon-about { --i: url("/assets/img/icons/about.svg"); }
.icon-host { --i: url("/assets/img/icons/host.svg"); }
.icon-join { --i: url("/assets/img/icons/join.svg"); }
.icon-lock { --i: url("/assets/img/icons/lock.svg"); }
.icon-location { --i: url("/assets/img/icons/location.svg"); }
.icon-time { --i: url("/assets/img/icons/time.svg"); }
.icon-date { --i: url("/assets/img/icons/date.svg"); }
.icon-beaker { --i: url("/assets/img/icons/beaker.svg"); }