.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-repeat: no-repeat;
  mask-size: cover;
  pointer-events: none;
  user-select: none;
}

img.icon {
  background: none;
}

.icon--loading {
  --svg: url("loading.svg");
  animation: var(--animate-spin);
  animation-duration: 1s;
}

/****************************************************************
* Lucide (https://lucide.dev)
* Open-source icon library with a consistent style
*****************************************************************/
.icon--chevron-left { --svg: url("/assets/icons/chevron-left-c0e2dc09.svg"); }
.icon--chevron-right { --svg: url("/assets/icons/chevron-right-cefe893c.svg"); }
.icon--ellipsis { --svg: url("/assets/icons/ellipsis-ced9163f.svg"); }
.icon--chevrons-up-down { --svg: url("/assets/icons/chevrons-up-down-f4f3a04e.svg"); }
.icon--menu { --svg: url("/assets/icons/menu-eff967e6.svg"); }
.icon--x { --svg: url("/assets/icons/x-47ea5b4b.svg"); }
.icon--search { --svg: url("/assets/icons/search-dd48e95f.svg"); }
.icon--copy { --svg: url("/assets/icons/copy-01e6c75f.svg"); }
.icon--download { --svg: url("/assets/icons/download-e58535ee.svg"); }
.icon--share { --svg: url("/assets/icons/share-5540b3f5.svg"); }
.icon--camera { --svg: url("/assets/icons/camera-d0824639.svg"); }
.icon--minus { --svg: url("/assets/icons/minus-45ea2d69.svg"); }
.icon--sun { --svg: url("/assets/icons/sun-617e9d17.svg"); }
.icon--moon { --svg: url("/assets/icons/moon-d3c54f2f.svg"); }
.icon--circle-alert { --svg: url("/assets/icons/circle-alert-c59e0a27.svg"); }
.icon--circle-check { --svg: url("/assets/icons/circle-check-eb15357f.svg"); }
.icon--instagram { --svg: url("/assets/icons/instagram-cdcbfa7f.svg"); }
.icon--audio-lines { --svg: url("/assets/icons/audio-lines-caee4530.svg"); }
.icon--shirt { --svg: url("/assets/icons/shirt-1f5bab70.svg"); }
.icon--cuboid { --svg: url("/assets/icons/cuboid-2c1cc707.svg"); }
.icon--arrow-left-right { --svg: url("/assets/icons/arrow-left-right-a0d66e41.svg"); }
.icon--users { --svg: url("/assets/icons/users-a75a713e.svg"); }
.icon--square-kanban { --svg: url("/assets/icons/square-kanban-2ad3cc37.svg"); }
.icon--trash { --svg: url("/assets/icons/trash-24e22799.svg"); }
.icon--arrow-down-up { --svg: url("/assets/icons/arrow-down-up-b3118f6d.svg"); }
.icon--arrow-down { --svg: url("/assets/icons/arrow-down-b72cd8e3.svg"); }
.icon--arrow-up { --svg: url("/assets/icons/arrow-up-5edc57b4.svg"); }
.icon--layout-grid { --svg: url("/assets/icons/layout-grid-96487f9e.svg"); }
.icon--warehouse { --svg: url("/assets/icons/warehouse-410d105d.svg"); }
.icon--layout-list { --svg: url("/assets/icons/layout-list-8f84939d.svg"); }