WordPress 所有的 Dashicons 和其 CSS Class 以及 CODE

Dashicons 是WordPress 3.8 版本引进的图标字体，在WordPress 3.9 版本又增加了 30 个， 在后台我们可以直接使用这些 Dashicons 图标 ，只要知道他的
CSS Class 或者 CODE。前台可能复杂一些，首先需要通过以下代码载入 Dashicons 的 css 文件，然后用法就一样了：

add_action( 'wp_enqueue_scripts', 'wpjam_load_dashicons' );
function wpjam_load_dashicons() {
wp_enqueue_style( 'dashicons' );
}

但是无论如何都要知道 Dashicons 的 CSS Class 和 Code，为了方便自己和大家查询和使用，下面我就列出所有的 Dashicons 和它的 CSS class 以及 Code，欢迎大家收藏和转载：

后台菜单 – Admin Menu

图标	CSS Class	Code
dashicons-menu	f333
dashicons-admin-site	f319
dashicons-dashboard	f226
dashicons-admin-post	f109
	dashicons-admin-media	f104
dashicons-admin-links	f103
dashicons-admin-page	f105
	dashicons-admin-comments	f101
dashicons-admin-appearance	f100
dashicons-admin-plugins	f106
	dashicons-admin-users	f110
dashicons-admin-tools	f107
dashicons-admin-settings	f108
dashicons-admin-network	F112
dashicons-admin-home	F102
dashicons-admin-generic	F111
dashicons-admin-collapse	F148

欢迎界面 – Welcome Screen

图标	CSS Class	Code
dashicons-welcome-write-blog	f119
dashicons-welcome-edit-page	f119
dashicons-welcome-add-page	f133
dashicons-welcome-view-site	f115
dashicons-welcome-widgets-menus	f116
	dashicons-welcome-comments	f117
dashicons-welcome-learn-more	f118

日志格式 – Post Formats

图标	CSS Class	Code
dashicons-format-standard	f109
dashicons-format-aside	f123
dashicons-format-image	f128
dashicons-format-gallery	f161
dashicons-format-video	f126
dashicons-format-status	f130
dashicons-format-quote	f122
dashicons-format-links	f103
dashicons-format-chat	f125
dashicons-format-audio	f127
dashicons-camera	f306
dashicons-images-alt	f232
dashicons-images-alt2	f233
dashicons-video-alt	f234
dashicons-video-alt2	f235
dashicons-video-alt3	f236

媒体 – Media

图标	CSS Class	Code
	dashicons-media-archive	f501
	dashicons-media-audio	f500
	dashicons-media-code	f499
	dashicons-media-default	f498
	dashicons-media-document	f497
	dashicons-media-interactive	f496
	dashicons-media-spreadsheet	f495
	dashicons-media-text	f491
	dashicons-media-video	f490
dashicons-playlist-audio	f492
dashicons-playlist-video	f493

图标编辑 – Image Editing

图标	CSS Class	Code
dashicons-image-crop	f165
dashicons-image-rotate-left	f166
dashicons-image-rotate-right	f167
dashicons-image-flip-vertical	f168
dashicons-image-flip-horizontal	f169
dashicons-undo	f171
dashicons-redo	f172

富文本编辑 – TinyMCE

图标	CSS Class	Code
dashicons-editor-bold	f200
dashicons-editor-italic	f201
dashicons-editor-ul	f203
dashicons-editor-ol	f204
dashicons-editor-quote	f205
dashicons-editor-alignleft	f206
dashicons-editor-aligncenter	f207
dashicons-editor-alignright	f208
dashicons-editor-insertmore	f209
dashicons-editor-spellcheck	f210
dashicons-editor-distractionfree	f211
dashicons-editor-expand	f211
dashicons-editor-contract	f506
dashicons-editor-kitchensink	f212
dashicons-editor-underline	f213
dashicons-editor-justify	f214
dashicons-editor-textcolor	f215
dashicons-editor-paste-word	f216
dashicons-editor-paste-text	f217
dashicons-editor-removeformatting	f218
dashicons-editor-video	f219
dashicons-editor-customchar	f220
dashicons-editor-outdent	f221
dashicons-editor-indent	f222
dashicons-editor-help	f223
dashicons-editor-strikethrough	f224
dashicons-editor-unlink	f225
dashicons-editor-rtl	f320
dashicons-editor-break	f464
dashicons-editor-code	f475
dashicons-editor-paragraph	f476

日志 – Posts

图标	CSS Class	Code
dashicons-align-left	f135
dashicons-align-right	f136
dashicons-align-center	f134
dashicons-align-none	f138
dashicons-lock	f160
dashicons-calendar	f145
dashicons-visibility	f177
dashicons-post-status	f173
dashicons-edit	f464
dashicons-trash	f182

排序 – Sorting

图标	CSS Class	Code
dashicons-external	f504
dashicons-arrow-up	f142
dashicons-arrow-down	f140
dashicons-arrow-right	f139
dashicons-arrow-left	f141
dashicons-arrow-up-alt	f342
dashicons-arrow-down-alt	f346
dashicons-arrow-right-alt	f344
dashicons-arrow-left-alt	f340
dashicons-arrow-up-alt2	f343
dashicons-arrow-down-alt2	f347
dashicons-arrow-right-alt2	f345
dashicons-arrow-left-alt2	f341
dashicons-sort	f156
dashicons-leftright	f229
dashicons-randomize	f503
dashicons-list-view	f163
dashicons-exerpt-view	f164

社交 – Social

图标	CSS Class	Code
dashicons-share	f237
dashicons-share-alt	f240
dashicons-share-alt2	f242
dashicons-twitter	f301
dashicons-rss	f303
dashicons-email	f465
dashicons-email-alt	f466
dashicons-facebook	f304
dashicons-facebook-alt	f305
dashicons-googleplus	f462
dashicons-networking	f325

WP 相关

图标	CSS Class	Code
dashicons-hammer	f308
dashicons-art	f309
dashicons-migrate	f310
dashicons-performance	f311
dashicons-universal-access	f483
dashicons-universal-access-alt	f507
dashicons-tickets	f486
	dashicons-nametag	f484
dashicons-clipboard	f481
dashicons-heart	f487
dashicons-megaphone	f488
dashicons-schedule	f489

内部/产品 – Internal/Products

图标	CSS Class	Code
dashicons-wordpress	f120
dashicons-wordpress-alt	f324
dashicons-pressthis	f157
dashicons-update	f463
dashicons-screenoptions	f180
dashicons-info	f348
dashicons-cart	f174
dashicons-feedback	f175
dashicons-cloud	f176
dashicons-translation	f326

自定义分类 – Taxonomies

图标	CSS Class	Code
dashicons-tag	f323
dashicons-category	f318

窗体 – Widgets

图标	CSS Class	Code
dashicons-archive	f478
dashicons-tagcloud	f479
dashicons-text	f480

警告/通知/旗帜 – Alerts/Notifications/Flags

图标	CSS Class	Code
dashicons-yes	f147
dashicons-no	f158
dashicons-no-alt	f335
dashicons-plus	f132
dashicons-plus-alt	f502
dashicons-minus	f460
dashicons-dismiss	f153
dashicons-marker	f159
dashicons-star-filled	f155
dashicons-star-half	f459
dashicons-star-empty	f154
dashicons-flag	f227

其他杂项 – MISC/CPT

图标	CSS Class	Code
dashicons-location	f230
dashicons-location-alt	f231
dashicons-vault	f178
dashicons-shield	f332
dashicons-shield-alt	f334
dashicons-sos	f468
dashicons-search	f179
dashicons-slides	f181
dashicons-analytics	f183
dashicons-chart-pie	f184
dashicons-chart-bar	f185
dashicons-chart-line	f238
dashicons-chart-area	f239
dashicons-groups	f307
dashicons-businessman	f338
dashicons-id	f336
dashicons-id-alt	f337
dashicons-products	f312
dashicons-awards	f313
dashicons-forms	f314
dashicons-testimonial	f473
dashicons-portfolio	f322
dashicons-book	f330
dashicons-book-alt	f331
dashicons-download	f316
dashicons-upload	f317
dashicons-backup	f321
dashicons-clock	f469
dashicons-lightbulb	f339
dashicons-microphone	f482
dashicons-desktop	f472
dashicons-tablet	f471
dashicons-smartphone	f470
dashicons-smiley	f328