@layer components {
  .icon {
    -webkit-touch-callout: none;
    background-color: currentcolor;
    block-size: var(--icon-size, 1em);
    display: inline-block;
    flex-shrink: 0;
    inline-size: var(--icon-size, 1em);
    mask-image: var(--svg);
    mask-repeat: no-repeat;
    mask-size: cover;
  }

  .icon--add { --svg: url("/assets/icons/add-bdc3df8b.svg"); }
  .icon--add-circle { --svg: url("/assets/icons/add-circle-e6adf6f7.svg"); }
  .icon--arrow-down { --svg: url("/assets/icons/arrow-down-b4d12d03.svg"); }
  .icon--arrow-left { --svg: url("/assets/icons/arrow-left-13143544.svg"); }
  .icon--arrow-right { --svg: url("/assets/icons/arrow-right-fd6cfe2a.svg"); }
  .icon--arrow-to-bottom { --svg: url("/assets/icons/arrow-to-bottom-93e97dd6.svg"); }
  .icon--arrow-up { --svg: url("/assets/icons/arrow-up-38bf78b5.svg"); }
  .icon--boost { --svg: url("/assets/icons/boost-5dd5f77e.svg"); }
  .icon--calendar { --svg: url("/assets/icons/calendar-6db4bd3f.svg"); }
  .icon--caret-down { --svg: url("/assets/icons/caret-down-1a6ac45c.svg"); }
  .icon--caret-left { --svg: url("/assets/icons/caret-left-c5822ac6.svg"); }
  .icon--caret-right { --svg: url("/assets/icons/caret-right-a03821e9.svg"); }
  .icon--caret-up { --svg: url("/assets/icons/caret-up-bc8f6da8.svg"); }
  .icon--check { --svg: url("/assets/icons/check-2522a943.svg"); }
  .icon--check-circle { --svg: url("/assets/icons/check-circle-8e90b385.svg"); }
  .icon--contact { --svg: url("/assets/icons/contact-d0dbdff6.svg"); }
  .icon--email { --svg: url("/assets/icons/email-6d9a5a30.svg"); }
  .icon--eye { --svg: url("/assets/icons/eye-e1c4b754.svg"); }
  .icon--faq { --svg: url("/assets/icons/faq-a8b4c563.svg"); }
  .icon--home { --svg: url("/assets/icons/home-ea4ff826.svg"); }
  .icon--image { --svg: url("/assets/icons/image-47ff233d.svg"); }
  .icon--link { --svg: url("/assets/icons/link-57c927fc.svg"); }
  .icon--logout { --svg: url("/assets/icons/logout-a6131db1.svg"); }
  .icon--megaphone { --svg: url("/assets/icons/megaphone-a26901cf.svg"); }
  .icon--menu { --svg: url("/assets/icons/menu-df546ad9.svg"); }
  .icon--minus { --svg: url("/assets/icons/minus-109aa228.svg"); }
  .icon--move { --svg: url("/assets/icons/move-a28db968.svg"); }
  .icon--notifications-off { --svg: url("/assets/icons/notifications-off-89affc12.svg"); }
  .icon--notifications-on { --svg: url("/assets/icons/notifications-on-16e6eaa0.svg"); }
  .icon--one-pager { --svg: url("/assets/icons/one-pager-65a5e015.svg"); }
  .icon--paperclip { --svg: url("/assets/icons/paperclip-2c1ef77c.svg"); }
  .icon--password { --svg: url("/assets/icons/password-0896da4e.svg"); }
  .icon--people { --svg: url("/assets/icons/people-ca995431.svg"); }
  .icon--poll { --svg: url("/assets/icons/poll-f70ae39b.svg"); }
  .icon--profile { --svg: url("/assets/icons/profile-8225a5d4.svg"); }
  .icon--re-send { --svg: url("/assets/icons/re-send-bece7155.svg"); }
  .icon--remove { --svg: url("/assets/icons/remove-42bc0f1d.svg"); }
  .icon--remove-circle { --svg: url("/assets/icons/remove-circle-a010b2ed.svg"); }
  .icon--reply { --svg: url("/assets/icons/reply-edb77e33.svg"); }
  .icon--search { --svg: url("/assets/icons/search-5f29565f.svg"); }
  .icon--settings { --svg: url("/assets/icons/settings-aee56972.svg"); }
  .icon--star { --svg: url("/assets/icons/star-a7c399b0.svg"); }
  .icon--star-fill { --svg: url("/assets/icons/star-fill-ff819ec8.svg"); }
  .icon--text { --svg: url("/assets/icons/text-9ec1b29e.svg"); }
  .icon--trash { --svg: url("/assets/icons/trash-1d1e658e.svg"); }
  .icon--trix-options { --svg: url("/assets/icons/trix-options-9dd57a36.svg"); }
  .icon--wavy-black { --svg: url("icons/wavy-black.svg"); }
  .icon--write { --svg: url("/assets/icons/write-f6525fbe.svg"); }

  /* Pixellated */
  .icon--pixelated-chat-line { --svg: url("/assets/pixelated/chat-line-212d407c.svg"); }
  .icon--pixelated-diagonal-line { --svg: url("/assets/pixelated/diagonal-line-4043fae5.svg"); }
  .icon--pixelated-event { --svg: url("/assets/pixelated/event-a5369f9b.svg"); }
  .icon--pixelated-line { --svg: url("/assets/pixelated/line-7ad78e43.svg"); }
  .icon--pixelated-message { --svg: url("/assets/pixelated/message-212d407c.svg"); }
  .icon--pixelated-one-pager { --svg: url("/assets/pixelated/one-pager-a3d26d6f.svg"); }
  .icon--pixelated-poll { --svg: url("/assets/pixelated/poll-b147e57d.svg"); }
  .icon--pixelated-signup { --svg: url("/assets/pixelated/signup-ee82190e.svg"); }
}