Noticons

Noticons (note-icons) is our WordPress.com icon font. Use Genericons for themes and other projects.

Use the .OTF version of the font for Photoshop mockups, the web-font versions won't work. For most accurate results, pick the "Sharp" font smoothing.

Link the stylesheet:

<link rel="stylesheet" href="//s0.wordpress.com/i/noticons/noticons.css">

Now add the icons using the :before selector. You can insert the Star icon like this:

.myicon:before {

content: '\f408';
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 16px/1 'Noticons';
vertical-align: top;

}