i {
    width: 1em;
    height: 1em;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.icon-turn{
    mask-image: url("../img/icon/turn.svg");
    background-color: #919191;
}
.icon-arrow-down {
    mask-image: url("../img/icon/arrow-down.svg");
    background-color: #757575;
}
.icon-arrow-right {
    mask-image: url("../img/icon/arrow-r.svg");
    background-color: #757575;
}
.arrow-down-thin {
    mask-image: url("../img/icon/arrow-down-thin.svg");
    background-color: #757575;
}
.icon-settings {
    mask-image: url("../img/icon/settings.svg");
    background-color: #9197B3;
}
.icon-users {
    mask-image: url("../img/icon/users.svg");
    background-color: #9197B3;
}
.icon-account {
    mask-image: url("../img/icon/acc.svg");
    background-color: #9197B3;
}
.icon-support {
    mask-image: url("../img/icon/support.svg");
    background-color: #9197B3;
}
.icon-logout {
    mask-image: url("../img/icon/logout.svg");
    background-color: #9197B3;
}
.icon-project {
    mask-image: url("../img/icon/project.svg");
    background-color: #9197B3;
}
.icon-report {
    mask-image: url("../img/icon/report.svg");
    background-color: #9197B3;
}
.icon-tasks {
    mask-image: url("../img/icon/tasks.svg");
    background-color: #9197B3;
}
.icon-user {
    mask-image: url("../img/icon/user.svg");
    background-color: #9197B3;
}
.icon-search {
    mask-image: url("../img/icon/s.svg");
    background-color: #9197B3;
}
.icon-close {
    mask-image: url("../img/icon/close.svg");
    background-color: #000;
}

.icon-flag {
    width: 50px;
    height: 32px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.icon-flag.icon-flag-ru{
    background-image: url("../img/icon/flag/ru.svg");
}

.icon-calendar{
    mask-image: url("../img/icon/calendar.svg");
    background-color: #A1A1A1;
}

.icon-user-2{
    mask-image: url("../img/icon/user-2.svg");
    background-color: #A1A1A1;
}
.icon-trash{
    mask-image: url("../img/icon/trash.svg");
    background-color: #000;
}

.icon-check{
    mask-image: url("../img/icon/check.svg");
    background-color: #000;
}

.icon-add-photo{
    mask-image: url("../img/icon/add-photo.svg");
    background-color: rgba(161, 161, 161, 1);
}