.app-button-icon {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    background-color: white;
    vertical-align: top;
}

.app-icon {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
    background-color: black;
    vertical-align: middle;
}

.app-house-icon {
    mask-image: url("../images/house.svg");
    -webkit-mask-image: url("../images/house.svg");
}

.app-cabinet-icon {
    mask-image: url("../images/cabinet.svg");
    -webkit-mask-image: url("../images/cabinet.svg");
}

.app-envelope-icon {
    mask-image: url("../images/envelope.svg");
    -webkit-mask-image: url("../images/envelope.svg");
}

.app-clock-history-icon {
    mask-image: url("../images/clock-history.svg");
    -webkit-mask-image: url("../images/clock-history.svg");
}

.app-tools-icon {
    mask-image: url("../images/tools.svg");
    -webkit-mask-image: url("../images/tools.svg");
}

.app-person-icon {
    mask-image: url("../images/person.svg");
    -webkit-mask-image: url("../images/person.svg");
}

.app-exclamation-triangle-icon {
    mask-image: url("../images/exclamation-triangle.svg");
    -webkit-mask-image: url("../images/exclamation-triangle.svg");
}