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
links
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
gallery
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
unlink
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
bbPress logo
BuddyPress logo
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
search
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}'.
<?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.