A realistic-looking CSS mug that is supposed to be read as “I ❤️ ICON FONTS”, but the point here is to show what happens when icon fonts fail to be loaded. 😉
I was inspired to create this after finding images of “I □ UNICODE” shirts and mugs and seeing a □ for every icon in TweetDeck a few times, learning they belonged to an icon font. I believed this would suit icon fonts very well.
No images (except the SVG text) used here! I drew the mug shape in CSS and used SVG only for the warped text (produced in Illustrator).