[class^="icon-"]::before, [class*=" icon-"]::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;

    content: '';

    mask-type: alpha;
    mask-size: 100%;

    background-color: currentColor;
}

.icon-family-list::before {
    mask-image: url("/klassService/public/resources/svg/icon-family-list.svg");
}

.icon-family-add::before {
    mask-image: url("/klassService/public/resources/svg/icon-family-add.svg");
}

.icon-classification-list::before {
    mask-image: url("/klassService/public/resources/svg/icon-classification-list.svg");
}

.icon-classification-add::before {
    mask-image: url("/klassService/public/resources/svg/icon-classification-add.svg");
}

.icon-version-list::before {
    mask-image: url("/klassService/public/resources/svg/icon-version-list.svg");
}

.icon-version-add::before {
    mask-image: url("/klassService/public/resources/svg/icon-version-add.svg");
}

.icon-variant-list::before {
    mask-image: url("/klassService/public/resources/svg/icon-variant-list.svg");
}

.icon-variant-add::before {
    mask-image: url("/klassService/public/resources/svg/icon-variant-add.svg");
}