.icon {
    --size: 22px;
    position: relative;
    display: inline-block;
    padding: 0 !important;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    vertical-align: middle;
}

.icon-xs {
    --size: 16px;
}

.icon-sm {
    --size: 20px;
}

.icon-md {
    --size: 30px;
}

.icon-lg {
    --size: 42px;
}

.icon-search {
    background-image: url('../img/icons/search.svg') !important;
}

.icon-cross {
    background-image: url('../img/icons/cross.svg') !important;
}

.icon-cross-danger {
    background-image: url('../img/icons/cross-danger.svg') !important;
}

.icon-edit {
    background-image: url('../img/icons/edit.svg') !important;
}

.icon-filter {
    background-image: url('../img/icons/filter.svg') !important;
}

.icon-export {
    background-image: url('../img/icons/export.svg') !important;
}

.icon-export-color {
    background-image: url('../img/icons/export-color.svg') !important;
}

.icon-import {
    background-image: url('../img/icons/import.svg') !important;
}

.icon-import-color {
    background-image: url('../img/icons/import-color.svg') !important;
}

.icon-update {
    background-image: url('../img/icons/update.svg') !important;
}

.icon-settings {
    background-image: url('../img/icons/settings.svg') !important;
}

.icon-settings-color {
    background-image: url('../img/icons/settings-color.svg') !important;
}

.icon-toggle-close,
.icon-toggle-open {
    background-image: url('../img/icons/corner.svg') !important;
    background-size: 12px 12px;
}

.icon-toggle-close {
    transform: rotateZ(-90deg);
}

.icon-toggle-open {
    transform: rotateZ(90deg);
}

.icon-new {
    --size: 14px;
    background-image: url('../img/icons/new.svg') !important;
}

.icon-tracking {
    background-image: url('../img/icons/track.svg') !important;
}

.icon-alert {
    background-image: url('../img/icons/mark.svg') !important;
}

.icon-question {
    background-image: url('../img/icons/question.svg') !important;
}

.icon-preview {
    background-image: url('../img/icons/preview.svg') !important;
}