.pi {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.pi-copy-logo {
    mask-image: url(copy-logo.svg);
    -webkit-mask-image: url(copy-logo.svg);
}
 
 .pi-export {
    mask-image: url(export.svg);
    -webkit-mask-image: url(export.svg);
}
 
 .pi-webpage {
     mask-image: url(ReferenceTypes/webpage-icon.svg);
     -webkit-mask-image: url(ReferenceTypes/webpage-icon.svg); 
 }

.pi-book {
    mask-image: url(ReferenceTypes/book-icon.svg);
    -webkit-mask-image: url(ReferenceTypes/book-icon.svg);
}

.pi-ebook {
    mask-image: url(ReferenceTypes/ebook-icon.svg);
    -webkit-mask-image: url(ReferenceTypes/ebook-icon.svg);
}

.pi-journal {
    mask-image: url(ReferenceTypes/journal-icon.svg);
    -webkit-mask-image: url(ReferenceTypes/journal-icon.svg);
}

.pi-ejournal {
    mask-image: url(ReferenceTypes/ejournal-icon.svg);
    -webkit-mask-image: url(ReferenceTypes/ejournal-icon.svg);
}