.icon-menu {
    display: block;
    background-repeat: no-repeat;
    background: url('../SVG/menu-line.svg')
}

.icon-close {
    display: block;
    background-repeat: no-repeat;
    background: url('../SVG/arrow-left-line.svg')
}

.icon-collapser {
    display: block;
    background-repeat: no-repeat;
    background: url('../SVG/arrow-down-s-line.svg')
}

.icon-image {
    background-repeat: no-repeat;
    display: block;
    background: url('../SVG/image-line.svg');
}


.icon-settings {
    background-repeat: no-repeat;
    display: block;
    background: url('../SVG/settings-5-line.svg');
}

.icon-logo {
    background-repeat: no-repeat;
    display: block;
    background: url('../SVG/Logo.svg');
}

.icon-logo-a {
    background-repeat: no-repeat;
    display: block;
    background: url('../SVG/LogoAnimate.svg');
}


.spinner-white {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M12 19a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0 3c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10' clip-rule='evenodd' opacity='0.2'/%3E%3Cpath d='M2 12C2 6.477 6.477 2 12 2v3a7 7 0 0 0-7 7z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-full {
    background-repeat : no-repeat;
    width: 100%;
    height: 100%;
}

.icon-med {
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.icon-big {
    width: 40px;
    height: 40px;
}

.icon-form {
    width: 60px;
    height: 60px;
}


.icon-floor {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M27.66 14.19L16.71 4.28a1 1 0 0 0-1.42 0L4.34 14.19A1 1 0 0 0 5.05 16H7v11a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V16h2a1 1 0 0 0 .66-1.81M23 26H9v-5h14Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-room {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M10 10.111V1l11 6v14H3V7zm2-5.742v8.82l-7-3.111V19h14V8.187z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}