.svg-icon {
    width: 18px;
    height: 18px;
    background-color: currentColor;
    mask-size: 18px 18px;
    mask-position: center;
    mask-repeat: no-repeat;
}

.svg-icon.eva-arrowhead-down {
    mask-image: url(../eva-icons/arrowhead-down-outline.svg);
}

.svg-icon.micons-web {
    mask-image: url(../my-icons/web.svg);
}

.svg-icon.micons-theme-toggle {
    mask-image: url(../my-icons/color-theme-toggle.svg);
}

.svg-icon.micons-file {
    mask-image: url(../my-icons/file.svg);
}

.svg-icon.micons-film {
    mask-image: url(../my-icons/film.svg);
}

.svg-icon.micons-arxiv {
    mask-image: url(../my-icons/arxiv.svg);
}

.svg-icon.micons-doi {
    mask-image: url(../my-icons/doi.svg);
}