:root {
    --i-primary: brightness(0) saturate(100%) invert(23%) sepia(92%) saturate(1181%) hue-rotate(191deg) brightness(90%) contrast(97%);
    /* Only works as declared if all SVGs are the same color (black) */
    --i-white: invert(1);
    --i-black: invert(0);
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* COLORS */
.icon.primary {
    filter: var(--i-primary);
}

.icon.white {
    filter: var(--i-white);
}

/* ICONS */
.icon-arrow-down {
    background-image: url('../../../theme/resources/iconos/arrow-down.svg?v=1');
}

.icon-arrow-right {
    background-image: url('../../../theme/resources/iconos/arrow-right.svg?v=1');
}

.icon-book {
    background-image: url('../../../theme/resources/iconos/book.svg?v=1');
}

.icon-calendar {
    background-image: url('../../../theme/resources/iconos/calendar.svg?v=1');
}

.icon-close {
    background-image: url('../../../theme/resources/iconos/close.svg?v=1');
}

.icon-comment {
    background-image: url('../../../theme/resources/iconos/comment.svg?v=1');
}

.icon-comunicacion {
    background-image: url('../../../theme/resources/iconos/comunicacion.svg?v=1');
}

.icon-desarrollo {
    background-image: url('../../../theme/resources/iconos/desarrollo.svg?v=1');
}

.icon-document {
    background-image: url('../../../theme/resources/iconos/document.svg?v=1');
}

.icon-edit {
    background-image: url('../../../theme/resources/iconos/edit.svg?v=1');
}

.icon-exit {
    background-image: url('../../../theme/resources/iconos/exit.svg?v=1');
}

.icon-folder {
    background-image: url('../../../theme/resources/iconos/folder.svg?v=1');
}

.icon-help {
    background-image: url('../../../theme/resources/iconos/arrow-right.svg?v=1');
}

.icon-house {
    background-image: url('../../../theme/resources/iconos/house.svg?v=1');
    width: 24px;
    height: 24px;
}

.icon-inclusion {
    background-image: url('../../../theme/resources/iconos/inclusion.svg?v=1');
}

.icon-innovacion {
    background-image: url('../../../theme/resources/iconos/innovacion.svg?v=1');
}

.icon-menu {
    background-image: url('../../../theme/resources/iconos/menu.svg?v=1');
}

.icon-navigate-next {
    background-image: url('../../../theme/resources/iconos/navigate-next.svg?v=1');
}

.icon-navigate-prev {
    background-image: url('../../../theme/resources/iconos/navigate-prev.svg?v=1');
}

.icon-object {
    background-image: url('../../../theme/resources/iconos/object.svg?v=1');
}

.icon-open {
    background-image: url('../../../theme/resources/iconos/open.svg?v=1');
}

.icon-paper {
    background-image: url('../../../theme/resources/iconos/paper.svg?v=1');
}

.icon-plus {
    background-image: url('../../../theme/resources/iconos/plus.svg?v=1');
}

.icon-actividad {
    background-image: url('../../../theme/resources/iconos/actividad.svg?v=1');
}

.icon-formacion {
    background-image: url('../../../theme/resources/iconos/formacion.svg?v=1');
}

.icon-search {
    background-image: url('../../../theme/resources/iconos/search.svg?v=1');
}

.icon-send {
    background-image: url('../../../theme/resources/iconos/send');
}

.icon-tools{
    background-image: url('../../../theme/resources/iconos/tools');
}

.icon-user {
    background-image: url('../../../theme/resources/iconos/user.svg?v=1');
}

.icon-transformacion {
    background-image: url('../../../theme/resources/iconos/transformacion.svg?v=1');
}

/* ICONS ITINERARIOS */
.icon-practice-management {
    background-image: url('../../../theme/resources/iconos/practice-and-management-of-the-teaching-process.svg?v=1');
}

.icon-teaching-process {
    background-image: url('../../../theme/resources/iconos/teaching-process-programming.svg?v=1');
}

.icon-evaluation {
    background-image: url('../../../theme/resources/iconos/evaluation-of-the-teaching-process.svg?v=1');
}

.icon-comprehensive {
    background-image: url('../../../theme/resources/iconos/comprehensive-development-and-well-being-of-studen.svg?v=1');
}

.icon-guidance {
    background-image: url('../../../theme/resources/iconos/guidance-and-mentoring.svg?v=1');
}

.icon-coexistence {
    background-image: url('../../../theme/resources/iconos/coexistence-and-democratic-values.svg?v=1');
}

.icon-participation {
    background-image: url('../../../theme/resources/iconos/participation-in-the-center.svg?v=1');
}

.icon-commitment {
    background-image: url('../../../theme/resources/iconos/commitment-to-educational-improvement-and-quality.svg?v=1');
}