.menu-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.menu-icon-home {
    mask-image: url("../images/Home.svg");
    -webkit-mask-image: url("../images/Home.svg");
}

.menu-icon-survey {
    mask-image: url("../images/Survey.svg");
    -webkit-mask-image: url("../images/Survey.svg");
}

.menu-icon-map {
    mask-image: url("../images/Map.svg");
    -webkit-mask-image: url("../images/Map.svg");
}

.menu-icon-companies {
    mask-image: url("../images/Companies.svg");
    -webkit-mask-image: url("../images/Companies.svg");
}

.menu-icon-user {
    mask-image: url("../images/UserProfile.svg");
    -webkit-mask-image: url("../images/UserProfile.svg");
}

.menu-icon-devices {
    mask-image: url("../images/Devices.svg");
    -webkit-mask-image: url("../images/Devices.svg");
}

.menu-icon-report {
    mask-image: url("../images/report-menu.svg");
    -webkit-mask-image: url("../images/report-menu.svg");
    mask-size: 16px;
    -webkit-mask-size: 16px;
}

.menu-icon-purchase {
    mask-image: url("../images/purchase-order.svg");
    -webkit-mask-image: url("../images/purchase-order.svg");
    mask-size: 16px;
    -webkit-mask-size: 16px;
}

.toolbar-icon-draw {
    mask-image: url("../images/Draw.svg");
    -webkit-mask-image: url("../images/Devices.svg");
}