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

The Dashicons project is no longer accepting icon requests. Here’s why: Next steps for Dashicons.

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
menu (alt)
menu (alt2)
menu (alt3)
site
site (alt)
site (alt2)
site (alt3)
dashboard
post
media
page
comments
appearance
plugins
plugins checked
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
camera (alt)
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

Databases

database add
database
database export
database import
database remove
database view

Block Editor

align full width
align pull left
align pull right
align wide
block default
button
cloud saved
cloud upload
columns
cover image
ellipsis
embed audio
embed generic
embed photo
embed post
embed video
exit
heading
html
info outline
insert
insert after
insert before
remove
saved
shortcode
table col after
table col before
table col delete
table row after
table row before
table row delete

TinyMCE

bold
italic
ul
ol
ol rtl
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
ltr
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
excerpt view
grid view
move

Social

share
share
share
rss
email
email (alt)
email (alt2)
networking social
amazon
facebook social
facebook social
google social
instagram social
linkedin social
pinterest social
podio
reddit social
spotify social
twitch social
twitter social
twitter social
whatsapp social
xing
youtube 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
Tide
REST API
code standards

Buddicons

activity
community
forums
friends
groups
private message
replies
topics
tracking

Products

WordPress
WordPress
press this
update
update (alt)
screenoptions
info
cart shopping
feedback form
cloud
translation language

Taxonomies

tag
category

Widgets

archive
tagcloud
text

Notifications

bell
yes check checkmark
yes check checkmark (alt)
no x
no x
plus add increase
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
text page
analytics
pie chart
bar chart
line chart
area chart
groups
businessman
businesswoman
businessperson
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
money alt
smiley smile
thumbs up
thumbs down
layout
paperclip
color picker
edit large
edit page
airplane
bank
beer
calculator
car
coffee
drumstick
food
fullscreen alt
fullscreen exit alt
games
hourglass
open folder
pdf
pets
printer
privacy
superhero
superhero

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.