I tried just creating my own @font-face with a custom svg font, but couldn’t get it to work. And was running out of time to figure it out, but this is how I got it to work for anyone else who is interested.
h1.entry-title.format-icon
{
background-image: url("IMAGE URL HERE");
background-repeat: no-repeat;
padding-left: 75px;
height: 50px;
line-height: 1.5em;
}
/* Remove Post/Page Icon */
.page #main-wrapper h1.format-icon:before {
content: none;
}
@media screen and (max-width: 768px) {
h1.entry-title.format-icon{ line-height: 2em;}
}