Dashicons icon icon font list for the WordPress admin Dashboard

Wordpress Dashboard Iconfont “Dashicons” List

Advertisements

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

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”;<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/

Author: maheshwaghmare

WordPress Developer since 2012

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s