.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    mask-size: cover;
    background-color: #7f7f7f;
}

.icon-star {
    mask-image: url('../img/icons/star2.svg');
    background-color: #1C9DD9;
    width: 22px;
    height: 22px;
}

.icon-star.active {
    mask-image: url('../img/icons/star.svg');
}

.icon-star.large {
    width: 34px;
    height: 34px;
}

.icon-delete {
    mask-image: url('../img/icons/delete.svg');
    width: 36px;
    height: 36px;
}