.icon-new,
.icon-edit,
.icon-delete,
.icon-update,
.icon-cancel,
.icon-undo,
.icon-redo,
.icon-refresh,
.icon-view,
.icon-published
{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

.icon-new {
    background-image: url("https://gallery.trainocate.com/Plus.png");
}

.icon-edit {
    background-color: #247027; /* any color */
    background-image: url("https://gallery.trainocate.com/Edit.png");
}

.icon-delete {
    background-image: url("https://gallery.trainocate.com/Delete.png");
}

.icon-update {
    background-image: url("https://gallery.trainocate.com/Update.png");
}

.icon-cancel {
    background-image: url("https://gallery.trainocate.com/Cancel.png");
}

.icon-undo {
    background-image: url("https://gallery.trainocate.com/Edit.png");
}

.icon-redo {
    background-image: url("https://gallery.trainocate.com/Edit.png");
}

.icon-refresh {
    background-image: url("https://gallery.trainocate.com/refreshcaptcha.svg");
}
.white-icon {
    filter: brightness(0) invert(1);
}
.icon-view {
    background-image: url("https://gallery.trainocate.com/view-icon.svg");
}
.icon-published {
    background-image: url("https://gallery.trainocate.com/Published.png");
}