These are the new dashicons supported in oik-bob-bing-wide v2.2.1.
admin-site-alt
In the front end all of the icons are displayed as inline SVGs. In the block editor dashicons are displayed using the
dashicons.cssand dashicons font.
admin-site-alt2
admin-site-alt3
airplane
align-full-width
align-pull-left
align-pull-right
align-wide
amazon
arrow-up-duplicate
bank
beer
bell
block-default
buddicons-activity and 10 other BuddyPress icons: bbpress-logo, buddypress-logo, community, forums, friends, groups, pm, replies, topics, tracking
businessperson
businesswoman
button
calculator
camera-alt
car
cloud-saved
cloud-upload
code-standards
coffee
color-picker
columns
cover-image
database plus 5 others: add, export, import, remove, view
drumstick
edit-large
edit-page
editor-code-duplicate
editor-ltr
editor-ol-rlt
editor-paste-text
ellipsis
email-alt2
embed-audio
embed-generic
embed-photo
embed-post
embed-video
exit
food
fullscreen-alt
fullscreen-exit-alt
games
heading
hourglass
html
info-outline
insert
insert-after
insert-after
insert-after
lock-duplicate
menu-alt
menu-alt2
menu-alt3
money-alt
open-folder
pets
plugins-checked
podio
printer
privacy
remove
rest-api
saved
saved
shortcode
spotify
superhero
superhero-alt
table-col-after
table-col-before
table-col-delete
table-row-after
table-row-before
table-row-delete
text-page
tide
twitch
twitter-alt
update-alt
yes-alt
youtube
WordPress / Gutenberg icons
The dashicons block also supports the icons used in Gutenberg blocks.
- There are over 270 of these icons.
- Since there are quite a few icons which are duplicates of the dashicons the names are suffixed with
-icon. - These icons are displayed as SVG icons both on the front end and in the block editor.
Some examples
add-card-icon
add-submenu-icon
backup-icon
shortcode-icon
Choosing an icon
The Dashicon block settings supports selection of the icon via two mechanisms.
The first select list is a combo select control. If you know the name of the icon you want you can choose it by typing the name. Icons with a similar name will be listed.
The second select list is a custom select control displaying the icons. Pick the icon by its appearance.
When you choose the icon in one list the other list gets updated.
You can set the size of the icon from 2 to 250 pixels.
The default size is 24 pixels.
