@layer components {
  .icon {
    display: inline-block;
    flex: none;
    inline-size: var(--icon-size);
    block-size: var(--icon-size);
    background-color: currentColor;
    mask-image: var(--icon);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    pointer-events: none;
    user-select: none;
  }

  .icon--arrow-down-tray { --icon: url("/assets/icons/arrow-down-tray-8d12c44d.svg"); }
  .icon--arrow-left { --icon: url("/assets/icons/arrow-left-26119425.svg"); }
  .icon--arrow-path { --icon: url("/assets/icons/arrow-path-6940e872.svg"); }
  .icon--arrow-right-start-on-rectangle { --icon: url("/assets/icons/arrow-right-start-on-rectangle-53b7bf65.svg"); }
  .icon--arrow-top-right-on-square { --icon: url("/assets/icons/arrow-top-right-on-square-d52ab413.svg"); }
  .icon--arrow-up { --icon: url("/assets/icons/arrow-up-8caf6658.svg"); }
  .icon--arrow-up-on-square { --icon: url("/assets/icons/arrow-up-on-square-2453c6f1.svg"); }
  .icon--arrow-up-tray { --icon: url("/assets/icons/arrow-up-tray-b8f1578f.svg"); }
  .icon--bell { --icon: url("/assets/icons/bell-8c1a6903.svg"); }
  .icon--bold { --icon: url("/assets/icons/bold-dd04266d.svg"); }
  .icon--book-open { --icon: url("/assets/icons/book-open-fe039d46.svg"); }
  .icon--building-library { --icon: url("/assets/icons/building-library-1d3d03cc.svg"); }
  .icon--building-office-2 { --icon: url("/assets/icons/building-office-2-1f5ba3fd.svg"); }
  .icon--calendar { --icon: url("/assets/icons/calendar-66a556e0.svg"); }
  .icon--camera { --icon: url("/assets/icons/camera-8fb6ef9f.svg"); }
  .icon--chat-bubble-bottom-center-text { --icon: url("/assets/icons/chat-bubble-bottom-center-text-f93ff83b.svg"); }
  .icon--check { --icon: url("/assets/icons/check-f8f9773a.svg"); }
  .icon--chevron-down { --icon: url("/assets/icons/chevron-down-1a004232.svg"); }
  .icon--chevron-left { --icon: url("/assets/icons/chevron-left-8931f52a.svg"); }
  .icon--chevron-right { --icon: url("/assets/icons/chevron-right-2953c0d3.svg"); }
  .icon--clipboard { --icon: url("/assets/icons/clipboard-0293f19d.svg"); }
  .icon--cog-6-tooth { --icon: url("/assets/icons/cog-6-tooth-f68492cb.svg"); }
  .icon--device-phone-mobile { --icon: url("/assets/icons/device-phone-mobile-8ef60b73.svg"); }
  .icon--document { --icon: url("/assets/icons/document-73b9e9a2.svg"); }
  .icon--document-text { --icon: url("/assets/icons/document-text-8a688284.svg"); }
  .icon--ellipsis-horizontal { --icon: url("/assets/icons/ellipsis-horizontal-19160c39.svg"); }
  .icon--envelope { --icon: url("/assets/icons/envelope-0f4e3c9c.svg"); }
  .icon--exhale-vault { --icon: url("/assets/icons/exhale-vault-8410c1b4.svg"); }
  .icon--eye { --icon: url("/assets/icons/eye-19a328e9.svg"); }
  .icon--eye-slash { --icon: url("/assets/icons/eye-slash-ab38ca21.svg"); }
  .icon--film { --icon: url("/assets/icons/film-416e5427.svg"); }
  .icon--folder { --icon: url("/assets/icons/folder-b6f8cb3f.svg"); }
  .icon--folder-plus { --icon: url("/assets/icons/folder-plus-abe2ed9f.svg"); }
  .icon--h1 { --icon: url("/assets/icons/h1-0501e4af.svg"); }
  .icon--hand-raised { --icon: url("/assets/icons/hand-raised-4583684f.svg"); }
  .icon--home { --icon: url("/assets/icons/home-995ddb80.svg"); }
  .icon--italic { --icon: url("/assets/icons/italic-d3e782ec.svg"); }
  .icon--key { --icon: url("/assets/icons/key-025719fb.svg"); }
  .icon--link { --icon: url("/assets/icons/link-a4a69354.svg"); }
  .icon--list-bullet { --icon: url("/assets/icons/list-bullet-3c5ea0a6.svg"); }
  .icon--lock-closed { --icon: url("/assets/icons/lock-closed-fb44ed49.svg"); }
  .icon--magnifying-glass { --icon: url("/assets/icons/magnifying-glass-77ee8eaf.svg"); }
  .icon--map-pin { --icon: url("/assets/icons/map-pin-0ca8c54e.svg"); }
  .icon--mark { --icon: url("/assets/icons/mark-f2843f50.svg"); }
  .icon--microphone { --icon: url("/assets/icons/microphone-ce11310b.svg"); }
  .icon--microphone-slash { --icon: url("/assets/icons/microphone-slash-5ff12198.svg"); }
  .icon--musical-note { --icon: url("/assets/icons/musical-note-b7165c11.svg"); }
  .icon--numbered-list { --icon: url("/assets/icons/numbered-list-360d037f.svg"); }
  .icon--paper-clip { --icon: url("/assets/icons/paper-clip-070617d9.svg"); }
  .icon--pencil-square { --icon: url("/assets/icons/pencil-square-853cd26b.svg"); }
  .icon--phone { --icon: url("/assets/icons/phone-bf6c55f7.svg"); }
  .icon--phone-x-mark { --icon: url("/assets/icons/phone-x-mark-7ae0f7cc.svg"); }
  .icon--photo { --icon: url("/assets/icons/photo-49f14335.svg"); }
  .icon--play { --icon: url("/assets/icons/play-2397678a.svg"); }
  .icon--play-pause { --icon: url("/assets/icons/play-pause-8e86554e.svg"); }
  .icon--plus { --icon: url("/assets/icons/plus-4d2642e7.svg"); }
  .icon--squares-2x2 { --icon: url("/assets/icons/squares-2x2-34f22741.svg"); }
  .icon--table-cells { --icon: url("/assets/icons/table-cells-f47c4597.svg"); }
  .icon--user { --icon: url("/assets/icons/user-0b925980.svg"); }
  .icon--user-plus { --icon: url("/assets/icons/user-plus-21d07970.svg"); }
  .icon--users { --icon: url("/assets/icons/users-3c4d866b.svg"); }
  .icon--x-mark { --icon: url("/assets/icons/x-mark-474b75c6.svg"); }
}