Dashicons – Official Icon Font of the WordPress Admin

Advertisement

With the release of WordPress 3.8 Dashicons were added to the core of WordPress.So what is Dashicons?Dashicons is the official icon font of the WordPress admin.Each icon is vector based so you there is no quality loss when scaling.
Developers can easily implement these icons into themes or plugins.The usage is so simple.

dashicons

Right now WordPress 3.9 includes 197 icons.
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
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";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/1 'dashicons';
vertical-align: top;
}

Dashicons