.customIcon {
    display: inline-block;

    vertical-align: middle; 
    background-color: currentColor; 
    
    /* Standard mask properties */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icoUsers {
    -webkit-mask-image: url('icons/users.svg');
    mask-image: url('icons/users.svg');
}


.icoSize0 {
    width: 1.0rem !important;          
    height: 1.0rem !important;
}
.icoSize1 {
    width: 1.6rem !important;          
    height: 1.6rem !important;
}
.icoSize2 {
    width: 2.6rem !important;          
    height: 2.6rem !important;
}
.icoSize3 {
    width: 3.2rem !important;          
    height: 3.2rem !important;
}

.icoColor1 {
    color: #ffd633;
}
.icoColor2 {
    color: #000000;
}
.icoColor3 {
    color: #ffffff;
}