.custom-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: -0.125em;
}

.custom-icon-progress-10 {
    background-image: url('/IconPicker//Assets//Progress-10.svg');
}

.custom-icon-progress-20 {
    background-image: url('/IconPicker//Assets//Progress-20.svg');
}

.custom-icon-progress-30 {
    background-image: url('/IconPicker//Assets//Progress-30.svg');
}

.custom-icon-progress-40 {
    background-image: url('/IconPicker//Assets//Progress-40.svg');
}

.custom-icon-progress-50 {
    background-image: url('/IconPicker//Assets//Progress-50.svg');
}

.custom-icon-progress-60 {
    background-image: url('/IconPicker//Assets//Progress-60.svg');
}

.custom-icon-progress-70 {
    background-image: url('/IconPicker//Assets//Progress-70.svg');
}

.custom-icon-progress-80 {
    background-image: url('/IconPicker//Assets//Progress-80.svg');
}

.custom-icon-progress-90 {
    background-image: url('/IconPicker//Assets//Progress-90.svg');
}

.custom-icon-progress-100 {
    background-image: url('/IconPicker//Assets//Progress-100.svg');
}