@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.svg");
    }

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

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

    .icon--arrow-up {
        --svg: url("../icons/arrow-up.svg");
    }
    .icon--asset {
        --svg: url("../icons/asset.svg");
    }
    .icon--attachment {
        --svg: url("../icons/attachment.svg");
    }
    .icon--bolt {
        --svg: url("../icons/bolt.svg");
    }
    .icon--camera {
        --svg: url("../icons/camera.svg");
    }

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

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

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

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

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

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

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

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

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

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

    .icon--marker {
        --svg: url("../icons/marker.svg");
    }
    .icon--menu-dots-horizontal {
        --svg: url("../icons/menu-dots-horizontal.svg");
    }
    .icon--minus {
        --svg: url("../icons/minus.svg");
    }
    .icon--point-add {
        --svg: url("../icons/point-add.svg");
    }

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

    .icon--person {
        --svg: url("../icons/person.svg");
    }
    .icon--picture-add {
        --svg: url("../icons/picture-add.svg");
    }
    .icon--picture-remove {
        --svg: url("../icons/picture-remove.svg");
    }
    .icon--pinned {
        --svg: url("../icons/pinned.svg");
    }
    .icon--route {
        --svg: url("../icons/route.svg");
    }
    .icon--refresh--meta {
        --svg: url("../icons/arrows-rotate.svg");
    }
    .icon--search {
        --svg: url("../icons/search.svg");
    }
    .icon--siren {
        --svg: url("../icons/siren.svg");
    }

    .icon--sliders {
        --svg: url("../icons/sliders.svg");
    }
    .icon--triangle {
        --svg: url("../icons/triangle.svg");
    }
    .icon--trash {
        --svg: url("../icons/trash.svg");
    }
    .icon--warning {
        --svg: url("../icons/warning.svg");
    }
    .icon--xmark {
        --svg: url("../icons/xmark.svg");
    }
    .icon--zone {
        --svg: url("../icons/zone.svg");
    }

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

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

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

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

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

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

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

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

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

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

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

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

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