.icon::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
}

.icon-dots::before {
    mask-image: url('/static/icons/tabler--dots.svg');
    -webkit-mask-image: url('/static/icons/tabler--dots.svg');
}

.icon-text-align-justified::before {
    mask-image: url('/static/icons/akar-icons--text-align-justified.svg');
    -webkit-mask-image: url('/static/icons/akar-icons--text-align-justified.svg');
}

.icon-mail-outline::before {
    mask-image: url('/static/icons/material-symbols--mail-outline.svg');
    -webkit-mask-image: url('/static/icons/material-symbols--mail-outline.svg');
}

.icon-close::before {
    mask-image: url('/static/icons/material-symbols--close.svg');
    -webkit-mask-image: url('/static/icons/material-symbols--close.svg');
}

.icon-power::before {
    mask-image: url('/static/icons/mdi--power.svg');
    -webkit-mask-image: url('/static/icons/mdi--power.svg');
}

.icon-menu-fill::before {
    mask-image: url('/static/icons/mingcute--menu-fill.svg');
    -webkit-mask-image: url('/static/icons/mingcute--menu-fill.svg');
}

.icon-home::before {
    mask-image: url('/static/icons/material-symbols--home.svg');
    -webkit-mask-image: url('/static/icons/material-symbols--home.svg');
}

.icon-dashboard::before {
    mask-image: url('/static/icons/material-symbols--dashboard.svg');
    -webkit-mask-image: url('/static/icons/material-symbols--dashboard.svg');
}

.icon-config::before {
    mask-image: url('/static/icons/icon-park-outline--config.svg');
    -webkit-mask-image: url('/static/icons/icon-park-outline--config.svg');
}

.icon-text-bold::before {
    mask-image: url('/static/icons/solar--text-bold.svg');
    -webkit-mask-image: url('/static/icons/solar--text-bold.svg');
}

.icon-university-outline::before {
    mask-image: url('/static/icons/mdi--university-outline.svg');
    -webkit-mask-image: url('/static/icons/mdi--university-outline.svg');
}

.icon-journey::before {
    mask-image: url('/static/icons/game-icons--journey.svg');
    -webkit-mask-image: url('/static/icons/game-icons--journey.svg');
}

.icon-folder-files-filled::before {
    mask-image: url('/static/icons/lsicon--folder-files-filled.svg');
    -webkit-mask-image: url('/static/icons/lsicon--folder-files-filled.svg');
}

.icon-video-fill::before {
    mask-image: url('/static/icons/mingcute--video-fill.svg');
    -webkit-mask-image: url('/static/icons/mingcute--video-fill.svg');
}

.icon-pdf-solid::before {
    mask-image: url('/static/icons/teenyicons--pdf-solid.svg');
    -webkit-mask-image: url('/static/icons/teenyicons--pdf-solid.svg');
}

.icon-testcafe::before {
    mask-image: url('/static/icons/file-icons--testcafe.svg');
    -webkit-mask-image: url('/static/icons/file-icons--testcafe.svg');
}

.icon-teacher::before {
    mask-image: url('/static/icons/hugeicons--teacher.svg');
    -webkit-mask-image: url('/static/icons/hugeicons--teacher.svg');
}

.icon-angle-right::before {
    mask-image: url('/static/icons/uil--angle-right.svg');
    -webkit-mask-image: url('/static/icons/uil--angle-right.svg');
}

.icon-testimonial::before {
    mask-image: url('/static/icons/dashicons--testimonial.svg');
    -webkit-mask-image: url('/static/icons/dashicons--testimonial.svg');
}