Change Clipboard Image on Pages

To start with, this snippet shows how to change to a different entypo icon.

Try adapting it by replacing the font-family and adding
background: url(/wp-content/uploads/image.png) ;

If not working, come back with a link to your site.

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;}

}