Dashicons icon icon font list for the WordPress admin Dashboard

Photoshop Usage #Photoshop Usage

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.

CSS Usage #CSS Usage

Link the stylesheet:

<link rel="stylesheet" href="css/dashicons.css">

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

.myicon:before {
content: “\2605”;<br />
display: inline-block;<br />
-webkit-font-smoothing: antialiased;<br />
font: normal 20px/1 ‘dashicons’;<br />
vertical-align: top;
}