@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);
        -webkit-mask-image: var(--svg);
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-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--arpedon {
        --svg: url("../icons/logo.2f6d011bb4ab.svg");
    }

    .icon--add {
        --svg: url("../icons/add.a0c3caf4e8cd.svg");
    }
    .icon--arrow-left {
        --svg: url("../icons/arrow-left.7dadaee05d4c.svg");
    }

    .icon--arrow-right {
        --svg: url("../icons/arrow-right.075d183f948d.svg");
    }

    .icon--arrow-up {
        --svg: url("../icons/arrow-up.b1ed8631c69f.svg");
    }
    .icon--asset {
        --svg: url("../icons/asset.925374656a90.svg");
    }
    .icon--attachment {
        --svg: url("../icons/attachment.f970752ba263.svg");
    }
    .icon--bolt {
        --svg: url("../icons/bolt.24eb9cc13731.svg");
    }
    .icon--camera {
        --svg: url("../icons/camera.d37fa7075b50.svg");
    }

    .icon--caret-down {
        --svg: url("../icons/chevron-down.adce4035cf0e.svg");
    }

    .icon--check {
        --svg: url("../icons/check.e8c29b4ac91c.svg");
    }
    .icon--close {
        --svg: url("../icons/xmark.2d9322a1fc3c.svg");
    }
    .icon--collapse {
        --svg: url("../icons/collapse.ed074f810bb5.svg");
    }

    .icon--section {
        --svg: url("../icons/section.229c444697d9.svg");
    }

    .icon--column-left {
        --svg: url("../icons/column-left.ce9a8f09072a.svg");
    }

    .icon--column-right {
        --svg: url("../icons/column-right.c9e9f5cdba69.svg");
    }

    .icon--comment {
        --svg: url("../icons/comment.0d5d937595e5.svg");
    }
    .icon--expand {
        --svg: url("../icons/expand.42b555770c0f.svg");
    }

    .icon--eye {
        --svg: url("../icons/eye.ef01579526a6.svg");
    }

    .icon--eye-slash {
        --svg: url("../icons/eye-slash.bdf8df16e684.svg");
    }
    .icon--grip {
        --svg: url("../icons/grip.ca28df94a110.svg");
    }
    .icon--history {
        --svg: url("../icons/history.b2d559057e9f.svg");
    }

    .icon--home {
        --svg: url("../icons/home.ee5de69c8c12.svg");
    }

    .icon--image-stack {
        --svg: url("../icons/image-stack.84e5936ecb1f.svg");
    }
    .icon--logout {
        --svg: url("../icons/logout.13f134f51d6d.svg");
    }

    .icon--marker {
        --svg: url("../icons/marker.25d27acea155.svg");
    }
    .icon--menu-dots-horizontal {
        --svg: url("../icons/menu-dots-horizontal.ebc1c0f36aeb.svg");
    }
    .icon--minus {
        --svg: url("../icons/minus.51d4ea773240.svg");
    }
    .icon--point-add {
        --svg: url("../icons/point-add.f4d8beb89e41.svg");
    }

    .icon--pencil {
        --svg: url("../icons/pencil.f557579c4607.svg");
    }

    .icon--person {
        --svg: url("../icons/person.2aab59c505c9.svg");
    }
    .icon--picture-add {
        --svg: url("../icons/picture-add.a80ff2af3e3f.svg");
    }
    .icon--picture-remove {
        --svg: url("../icons/picture-remove.2bfec36c1573.svg");
    }
    .icon--pinned {
        --svg: url("../icons/pinned.46118353d905.svg");
    }
    .icon--route {
        --svg: url("../icons/route.bd4c35ffae1b.svg");
    }
    .icon--refresh--meta {
        --svg: url("../icons/arrows-rotate.43253e7faf71.svg");
    }
    .icon--search {
        --svg: url("../icons/search.770ff3337ad1.svg");
    }
    .icon--siren {
        --svg: url("../icons/siren.54e43fcd91d6.svg");
    }

    .icon--sliders {
        --svg: url("../icons/sliders.8812df1786a6.svg");
    }
    .icon--triangle {
        --svg: url("../icons/triangle.db26735cc36d.svg");
    }
    .icon--trash {
        --svg: url("../icons/trash.4f8a9aa4b70b.svg");
    }
    .icon--warning {
        --svg: url("../icons/warning.545c4f56fbf7.svg");
    }
    .icon--xmark {
        --svg: url("../icons/xmark.2d9322a1fc3c.svg");
    }
    .icon--zone {
        --svg: url("../icons/zone.f353a6c8660d.svg");
    }

    /* Measurement type icons */
    .icon--thermometer {
        --svg: url("../icons/thermometer.fb9ff31bcc66.svg");
    }

    .icon--waveform {
        --svg: url("../icons/waveform.712baff2f61b.svg");
    }

    .icon--file-waveform {
        --svg: url("../icons/file-waveform.1e314fb3a0b0.svg");
    }

    .icon--download {
        --svg: url("../icons/download.95c2b3db0b32.svg");
    }

    .icon--analysis {
        --svg: url("../icons/analysis.d2327e669136.svg");
    }

    .icon--gauge {
        --svg: url("../icons/gauge.0cc098374d17.svg");
    }

    .icon--empty-set {
        --svg: url("../icons/empty-set.0cbfb9aec1a2.svg");
    }

    .icon--droplet {
        --svg: url("../icons/droplet.1e73df1638b1.svg");
    }

    .icon--lightning {
        --svg: url("../icons/lightning.24eb9cc13731.svg");
    }
    .icon--survey {
        --svg: url("../icons/survey.cec752084c2b.svg");
    }

    .icon--tachometer {
        --svg: url("../icons/tachometer.f4b0823b8c54.svg");
    }

    .icon--thermography {
        --svg: url("../icons/thermography.07060356994f.svg");
    }

    .icon--vibration {
        --svg: url("../icons/waveform.712baff2f61b.svg");
    }

    .icon--ultrasound {
        --svg: url("../icons/waveform-lines.e449988742a6.svg");
    }
}