Dashicons is the official icon font of the WordPress admin as of 3.8.

For new icon requests, please create a new issue on the Dashicons github.

For any issues that appear within WordPress core, please create a new ticket on trac. Use the “administration” component and the “UI” focus when creating the new ticket, and be sure to include “Dashicons” somewhere in the text of the ticket.

Dashicons is licensed under GPLv2, or any later version with font exception.

Admin Menu

menu
site
dashboard
post
media
page
comments
appearance
plugins
users
tools
settings
network
home
generic
collapse
filter
customizer
multisite

Welcome Screen

write blog
add page
view site
widgets and menus
comments
learn more

Post Formats

aside
image
video
status
quote
chat
audio
camera
images (alt)
images (alt 2)
video (alt)
video (alt 2)
video (alt 3)

Media

archive
audio
code
default
document
interactive
spreadsheet
text
video
audio playlist
video playlist
play player
player pause
player forward
player skip forward
player back
player skip back
player repeat
player volume on
player volume off

Image Editing

crop
rotate
rotate left
rotate right
flip vertical
flip horizontal
filter
undo
redo

TinyMCE

bold
italic
ul
ol
quote
alignleft
aligncenter
alignright
insertmore
spellcheck
expand
contract
kitchen sink
underline
justify
textcolor
paste
paste
remove formatting
video
custom character
outdent
indent
help
strikethrough
rtl
break
code
paragraph
table

Posts Screen

align left
align right
align center
align none
lock
unlock
calendar
calendar
visibility
hidden
post status
edit pencil
trash remove delete
sticky

Sorting

external
arrow-up
arrow-down
arrow-right
arrow-left
arrow-up
arrow-down
arrow-right
arrow-left
arrow-up
arrow-down
arrow-right
arrow-left
sort
left right
randomize shuffle
list view
exerpt view
grid view
move

Social

share
share
share
twitter social
rss
email
email
facebook social
facebook social
googleplus social
networking social

WordPress.org Specific: Jobs, Profiles, WordCamps

hammer development
art design
migrate migration
performance
universal access accessibility
universal access accessibility
tickets
nametag
clipboard
heart
megaphone
schedule

Products

wordpress
wordpress
press this
update
screenoptions
info
cart shopping
feedback form
cloud
translation language

Taxonomies

tag
category

Widgets

archive
tagcloud
text

Notifications

yes check checkmark
no x
no x
plus add increase
plus add increase
minus decrease
dismiss
marker
filled star
half star
empty star
flag
warning

Misc

location pin
location
vault safe
shield
shield
sos help
slides
analytics
pie chart
bar chart
line chart
area chart
groups
businessman
id
id
products
awards
forms
testimonial
portfolio
book
book
download
upload
backup
clock
lightbulb
microphone mic
desktop monitor
laptop
tablet ipad
smartphone iphone
phone
index card
carrot food vendor
building
store
album
palm tree
tickets (alt)
money
smiley smile
thumbs up
thumbs down
layout
paperclip

WordPress Usage

Admin menu items can be added with register_post_type() and add_menu_page(), which both have an option to set an icon. To show the current icon, you should pass in 'dashicons-{icon}'.

Examples

In register_post_type(), set menu_icon in the arguments array.

<?php
/**
 * Register the Product post type with a Dashicon.
 *
 * @see register_post_type()
 */
function wpdocs_create_post_type() {
    register_post_type( 'acme_product',
        array(
            'labels' => array(
                'name'          => __( 'Products', 'textdomain' ),
                'singular_name' => __( 'Product', 'textdomain' )
            ),
            'public'      => true,
            'has_archive' => true,
            'menu_icon'   => 'dashicons-products',
        )
    );
}
add_action( 'init', 'wpdocs_create_post_type', 0 );

The function add_menu_page() accepts a parameter after the callback function for an icon URL, which can also accept a dashicons class.

<?php
/**
 * Register a menu page with a Dashicon.
 *
 * @see add_menu_page()
 */
function wpdocs_add_my_custom_menu() {
    // Add an item to the menu.
    add_menu_page(
        __( 'My Page', 'textdomain' ),
        __( 'My Title', 'textdomain' ),
        'manage_options',
        'my-page',
        'my_admin_page_function',
        'dashicons-admin-media'
    );
}

CSS/HTML Usage

If you want to use dashicons in the admin outside of the menu, there are two helper classes you can use. These are dashicons-before and dashicons, and they can be thought of as setting up dashicons (since you still need your icon's class, too).

Examples

Adding an icon to a header, with the dashicons-before class. This can be added right to the element with text.

<h2 class="dashicons-before dashicons-smiley">A Cheerful Headline</h2>

Adding an icon to a header, with the dashicons class. Note that here, you need extra markup specifically for the icon.

<h2><span class="dashicons dashicons-smiley"></span> A Cheerful Headline</h2>

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.