.svgbg {
    position: relative;
}

i.svgbg {
    width: 1.25em;
    height: 1.25em;
}

.svgbg::after {
    background-color: currentColor;
    -webkit-mask-image: url('sprite_freepik.svg');
    mask-image: url('sprite_freepik.svg');
    -webkit-mask-size: 100% 1800%;
    mask-size: 100% 1800%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: "";
    width: 1.25em;
    height: 1.25em;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

i.svgbg::after {
    width: 100%;
    height: 100%;
}

.svgbg_default::after { -webkit-mask-position: 0 0.0%; mask-position: 0 0.0%; }
.svgbg_account::after { -webkit-mask-position: 0 5.882353%; mask-position: 0 5.882353%; }
.svgbg_annotation::after { -webkit-mask-position: 0 11.764706%; mask-position: 0 11.764706%; }
.svgbg_book::after { -webkit-mask-position: 0 17.647059%; mask-position: 0 17.647059%; }
.svgbg_browser::after { -webkit-mask-position: 0 23.529412%; mask-position: 0 23.529412%; }
.svgbg_calendar::after { -webkit-mask-position: 0 29.411765%; mask-position: 0 29.411765%; }
.svgbg_connection::after { -webkit-mask-position: 0 35.294118%; mask-position: 0 35.294118%; }
.svgbg_check::after { -webkit-mask-position: 0 41.176471%; mask-position: 0 41.176471%; }
.svgbg_document::after { -webkit-mask-position: 0 47.058824%; mask-position: 0 47.058824%; }
.svgbg_example::after { -webkit-mask-position: 0 52.941176%; mask-position: 0 52.941176%; }
.svgbg_explore::after { -webkit-mask-position: 0 58.823529%; mask-position: 0 58.823529%; }
.svgbg_help::after { -webkit-mask-position: 0 64.705882%; mask-position: 0 64.705882%; }
.svgbg_important::after { -webkit-mask-position: 0 70.588235%; mask-position: 0 70.588235%; }
.svgbg_link::after { -webkit-mask-position: 0 76.470588%; mask-position: 0 76.470588%; }
.svgbg_message::after { -webkit-mask-position: 0 82.352941%; mask-position: 0 82.352941%; }
.svgbg_notification::after { -webkit-mask-position: 0 88.235294%; mask-position: 0 88.235294%; }
.svgbg_report::after { -webkit-mask-position: 0 94.117647%; mask-position: 0 94.117647%; }
.svgbg_tools::after { -webkit-mask-position: 0 100.0%; mask-position: 0 100.0%; }