@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-position: center;
        mask-repeat: no-repeat;
        mask-size: var(--icon-size, 1em);
        pointer-events: none;
        user-select: none;
    }

    img.icon {
        background: none;
    }

    .icon--activity {
        --svg: url("/assets/activity-f05eed93.svg");
    }
    .icon--add {
        --svg: url("/assets/add-74f24877.svg");
    }
    .icon--arrow-left {
        --svg: url("/assets/arrow-left-abe40556.svg");
    }
    .icon--arrow-right {
        --svg: url("/assets/arrow-right-61dca488.svg");
    }
    .icon--arrow-up {
        --svg: url("/assets/arrow-up-f96b3895.svg");
    }
    .icon--assigned {
        --svg: url("/assets/assigned-c901a8eb.svg");
    }
    .icon--attachment {
        --svg: url("/assets/attachment-cfa1f89c.svg");
    }
    .icon--bag {
        --svg: url("/assets/bag-e95b1309.svg");
    }
    .icon--banana {
        --svg: url("/assets/banana-09d3c07f.svg");
    }
    .icon--bell-alert {
        --svg: url("/assets/bell-alert-b467cde7.svg");
    }
    .icon--bell-off {
        --svg: url("/assets/bell-off-d8096c76.svg");
    }
    .icon--bell {
        --svg: url("/assets/bell-0136db9c.svg");
    }
    .icon--bowl-warm {
        --svg: url("/assets/bowl-warm-b0f23372.svg");
    }
    .icon--calculator {
        --svg: url("/assets/calculator-b6bd20e4.svg");
    }
    .icon--bookmark-outline {
        --svg: url("/assets/bookmark-outline-bbb8078f.svg");
    }
    .icon--bookmark {
        --svg: url("/assets/bookmark-92557340.svg");
    }
    .icon--boost {
        --svg: url("/assets/boost-7f9c80de.svg");
    }
    .icon--camera {
        --svg: url("/assets/camera-927323b8.svg");
    }
    .icon--caret-down {
        --svg: url("/assets/caret-down-f3a5f734.svg");
    }
    .icon--check {
        --svg: url("/assets/check-c41bf055.svg");
    }
    .icon--check-circle {
        --svg: url("/assets/check-circle-505e76c3.svg");
    }
    .icon--circle {
        --svg: url("/assets/circle-25fd710c.svg");
    }
    .icon--clipboard {
        --svg: url("/assets/clipboard-b2c44b50.svg");
    }
    .icon--close {
        --svg: url("/assets/close-74e1631f.svg");
    }
    .icon--close-circle {
        --svg: url("/assets/close-circle-5e9b8106.svg");
    }
    .icon--collapse {
        --svg: url("/assets/collapse-93f70f6b.svg");
    }
    .icon--board {
        --svg: url("/assets/board-b9e5ced2.svg");
    }
    .icon--column-left {
        --svg: url("/assets/column-left-e0a9b2a9.svg");
    }
    .icon--column-right {
        --svg: url("/assets/column-right-3024ca0b.svg");
    }
    .icon--comment {
        --svg: url("/assets/comment-41d3ab44.svg");
    }
    .icon--copy-paste {
        --svg: url("/assets/copy-paste-4c379063.svg");
    }
    .icon--crew {
        --svg: url("/assets/crew-f3f13d0f.svg");
    }
    .icon--crown {
        --svg: url("/assets/crown-00d190cb.svg");
    }
    .icon--email {
        --svg: url("/assets/email-6c595bc5.svg");
    }
    .icon--everyone {
        --svg: url("/assets/everyone-4ca1d460.svg");
    }
    .icon--expand {
        --svg: url("/assets/expand-5d1825e8.svg");
    }
    .icon--gear {
        --svg: url("/assets/gear-50e77d2b.svg");
    }
    .icon--grid {
        --svg: url("/assets/grid-db00fc62.svg");
    }
    .icon--filter {
        --svg: url("/assets/filter-37a7ac58.svg");
    }
    .icon--globe {
        --svg: url("/assets/globe-8c54d23b.svg");
    }
    .icon--hot-drink {
        --svg: url("/assets/hot-drink-5413a88c.svg");
    }
    .icon--home {
        --svg: url("/assets/home-4e03d14f.svg");
    }
    .icon--lifebuoy {
        --svg: url("/assets/lifebuoy-f31f26aa.svg");
    }
    .icon--lock {
        --svg: url("/assets/lock-5192fa2d.svg");
    }
    .icon--logout {
        --svg: url("/assets/logout-90c77cf0.svg");
    }
    .icon--marker {
        --svg: url("/assets/marker-8e2a0b87.svg");
    }
    .icon--maximize {
        --svg: url("/assets/maximize-c5514b27.svg");
    }
    .icon--medical-bag {
        --svg: url("/assets/medical-bag-6ed3916b.svg");
    }
    .icon--menu {
        --svg: url("/assets/menu-338d0014.svg");
    }
    .icon--menu-dots-horizontal {
        --svg: url("/assets/menu-dots-horizontal-f6a5d793.svg");
    }
    .icon--menu-dots-vertical {
        --svg: url("/assets/menu-dots-vertical-c247e3cc.svg");
    }
    .icon--minus {
        --svg: url("/assets/minus-b31a1093.svg");
    }
    .icon--move {
        --svg: url("/assets/move-282b3bcc.svg");
    }
    .icon--race {
        --svg: url("/assets/race-4fbfda4d.svg");
    }
    .icon--notification-bell-access-only {
        --svg: url("/assets/bell-0136db9c.svg");
    }
    .icon--notification-bell-watching {
        --svg: url("/assets/bell-off-d8096c76.svg");
    }
    .icon--notification-bell-reverse-access-only {
        --svg: url("/assets/bell-off-d8096c76.svg");
    }
    .icon--notification-bell-reverse-watching {
        --svg: url("/assets/bell-0136db9c.svg");
    }
    .icon--password {
        --svg: url("/assets/password-0896da4e.svg");
    }
    .icon--pencil {
        --svg: url("/assets/pencil-a8559afd.svg");
    }
    .icon--person {
        --svg: url("/assets/person-7b1b756e.svg");
    }
    .icon--person-add {
        --svg: url("/assets/person-add-adae7f19.svg");
    }
    .icon--picture-add {
        --svg: url("/assets/picture-add-c06a03ac.svg");
    }
    .icon--picture-remove {
        --svg: url("/assets/picture-remove-83bbfa08.svg");
    }
    .icon--picture-zoom {
        --svg: url("/assets/picture-zoom-f30f5232.svg");
    }
    .icon--pinned {
        --svg: url("/assets/pinned-72d0b427.svg");
    }
    .icon--qr-code {
        --svg: url("/assets/qr-code-dac3b273.svg");
    }
    .icon--reaction {
        --svg: url("/assets/reaction-41dcf1f6.svg");
    }
    .icon--refresh {
        --svg: url("/assets/refresh-249f0509.svg");
    }
    .icon--refresh--meta {
        --svg: url("/assets/refresh--meta-c004dae4.svg");
    }
    .icon--remove {
        --svg: url("/assets/remove-d18dd986.svg");
    }
    .icon--rename {
        --svg: url("/assets/rename-920f4a0d.svg");
    }
    .icon--search {
        --svg: url("/assets/search-ac5c972e.svg");
    }
    .icon--settings {
        --svg: url("/assets/settings-b05a7a5c.svg");
    }
    .icon--share {
        --svg: url("/assets/share-acee98a8.svg");
    }
    .icon--soda-bottle {
        --svg: url("/assets/soda-bottle-9a08d995.svg");
    }
    .icon--sliders {
        --svg: url("/assets/sliders-3979a007.svg");
    }
    .icon--stopwatch {
        --svg: url("/assets/stopwatch-1c88a463.svg");
    }
    .icon--switch {
        --svg: url("/assets/switch-eec22a2d.svg");
    }
    .icon--tag {
        --svg: url("/assets/tag-e0ea89be.svg");
    }
    .icon--tag-outline {
        --svg: url("/assets/tag-outline-cb702ba2.svg");
    }
    .icon--thumb-up {
        --svg: url("/assets/thumb-up-1426364b.svg");
    }
    .icon--trash {
        --svg: url("/assets/trash-708c7eb2.svg");
    }
    .icon--unpinned {
        --svg: url("/assets/unpinned-2fab4bad.svg");
    }
    .icon--unseen {
        --svg: url("/assets/unseen-abf780e7.svg");
    }
    .icon--water {
        --svg: url("/assets/water-12040345.svg");
    }
    .icon--world {
        --svg: url("/assets/world-36f1fe50.svg");
    }
}