@layer components {
  .icon {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    background: currentColor;
    mask: var(--icon) center / contain no-repeat;
  }

  .icon--sm { width: 1.25rem; height: 1.25rem; }
  .icon--logo { --icon: url("/assets/icons/logo-7002d219.svg"); }
  .icon--clock { --icon: url("/assets/icons/clock-674f7eb9.svg"); }
  .icon--home { --icon: url("/assets/icons/home-718076d7.svg"); }
  .icon--settings { --icon: url("/assets/icons/settings-b9856fc7.svg"); }
  .icon--check { --icon: url("/assets/icons/check-0f66f264.svg"); }
  .icon--chevron-left { --icon: url("/assets/icons/chevron-left-089b3f06.svg"); }
  .icon--chevron-up { --icon: url("/assets/icons/chevron-up-3a0be9e6.svg"); }
  .icon--chevron-down { --icon: url("/assets/icons/chevron-down-aa4d5c52.svg"); }
  .icon--star { --icon: url("/assets/icons/star-493b45d1.svg"); }
  .icon--search { --icon: url("/assets/icons/search-a41cdf43.svg"); }
  .icon--grip { --icon: url("/assets/icons/grip-ff708754.svg"); }
  .icon--eye { --icon: url("/assets/icons/eye-ad26d3ca.svg"); }
  .icon--eye-off { --icon: url("/assets/icons/eye-off-c89cb118.svg"); }
  .icon--star-filled { --icon: url("/assets/icons/star-filled-e5f5e7ec.svg"); }
  .icon--chevron-right { --icon: url("/assets/icons/chevron-right-9a5d8395.svg"); }
  .icon--log-out { --icon: url("/assets/icons/log-out-6ff6946f.svg"); }
  .icon--briefcase { --icon: url("/assets/icons/briefcase-1d56b634.svg"); }
  .icon--plus { --icon: url("/assets/icons/plus-2b8f0954.svg"); }
  .icon--folder { --icon: url("/assets/icons/folder-95208862.svg"); }
  .icon--play { --icon: url("/assets/icons/play-3815c3e9.svg"); }
  .icon--stop { --icon: url("/assets/icons/stop-e566bce4.svg"); }
  .icon--car { --icon: url("/assets/icons/car-04700d6b.svg"); }
  .icon--user { --icon: url("/assets/icons/user-717571be.svg"); }
  .icon--fuel { --icon: url("/assets/icons/fuel-e8235292.svg"); }
  .icon--wrench { --icon: url("/assets/icons/wrench-8a468239.svg"); }
  .icon--gauge { --icon: url("/assets/icons/gauge-40c1cdcd.svg"); }
  .icon--table { --icon: url("/assets/icons/table-ed671f9a.svg"); }
  .icon--file { --icon: url("/assets/icons/file-c11a26b1.svg"); }
  .icon--key { --icon: url("/assets/icons/key-ef62b620.svg"); }
  .icon--landmark { --icon: url("/assets/icons/landmark-fa3b3ccc.svg"); }
  .icon--shield { --icon: url("/assets/icons/shield-776efb5b.svg"); }
  .icon--users { --icon: url("/assets/icons/users-5cdff65a.svg"); }
  .icon--building { --icon: url("/assets/icons/building-37d38ef7.svg"); }
  .icon--alert { --icon: url("/assets/icons/alert-9c5cedb7.svg"); }
  .icon--calendar { --icon: url("/assets/icons/calendar-e229ddad.svg"); }
  .icon--tag { --icon: url("/assets/icons/tag-746addac.svg"); }
  .icon--grid { --icon: url("/assets/icons/grid-13b85330.svg"); }
  .icon--mail { --icon: url("/assets/icons/mail-2b9344e2.svg"); }
}