.icon {
  background-color: var(--icon-color, currentColor);
  block-size: var(--icon-size, 1rem);
  display: inline-block;
  flex-shrink: 0;
  inline-size: var(--icon-size, 1rem);
  mask-image: var(--svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: var(--icon-size, 1rem);
  pointer-events: none;
  user-select: none;
}

.icon--help { --svg: url("/assets/circle-help-f060805a.svg"); }
.icon--chevron { --svg: url("/assets/chevron-right-cefe893c.svg"); }
.icon--pencil { --svg: url("/assets/pencil-5a8d4c4b.svg"); }
.icon--trash { --svg: url("/assets/trash-b495fdb6.svg"); }
.icon--plus { --svg: url("/assets/plus-a32b62dc.svg"); }
.icon--check { --svg: url("/assets/check-3f02393b.svg"); }
.icon--grip { --svg: url("/assets/grip-vertical-ca2ee992.svg"); }
.icon--reorder { --svg: url("/assets/arrow-up-down-734221f6.svg"); }
.icon--scan { --svg: url("/assets/scan-barcode-3dc830aa.svg"); }
.icon--search { --svg: url("/assets/search-f813d07e.svg"); }
.icon--close { --svg: url("/assets/x-7d744ed1.svg"); }
.icon--sidebar { --svg: url("/assets/panel-left-58d5a2c2.svg"); }
.icon--stock { --svg: url("/assets/package-bb9c0223.svg"); }
.icon--shopping { --svg: url("/assets/shopping-basket-8b620ee7.svg"); }
.icon--todo { --svg: url("/assets/list-checks-bd6ea17f.svg"); }
.icon--recipes { --svg: url("/assets/cooking-pot-856fffa6.svg"); }
.icon--sign-out { --svg: url("/assets/log-out-d942a821.svg"); }