Dashicons icon icon font list for the WordPress admin Dashboard

Advertisement

ICON LIST

Admin Menu

Welcome Screen

Post Formats

Media

Image Editing

Tinymce

Posts

Sorting

Social

WPorg specific icons: Jobs, Profiles, WordCamps

internal/products

Taxonomies

Widgets

Alerts/Notifications/Flags

Misc/Cpt

Show instructions

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.

Top ↑

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

Source: http://melchoyce.github.io/dashicons/

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: