この記事は最後に更新してから1年以上経過しています。

dashiconsの一覧表

dashiconsのクラス名を一覧で見たかった

説明

管理画面のメニューなどで使用されるアイコンはバージョン3.8で追加されたdashiconsは実態はWebフォントであり、cssのクラス名で容易に利用できる。これまでプラグインを作る際に個別に調べたりしていたのだが、全体をパッと見たかったので整理してみた。

dashicons.css

dashiconsのcssファイルは、/wp-includes/css/dashicons.css（dashicons.min.css）となる。アイコンのイメージは開発者向けページ「Dashicons」で閲覧でき、イメージとクラス名は紐づけて一覧表にしてみた（バージョン4.8）。

グループ	イメージ	コンテント	クラス名	バージョン
Admin Menu		\f333	dashicons-menu	3.8.0～
		\f319	dashicons-admin-site	3.8.0～
		\f226	dashicons-dashboard	3.8.0～
		\f104	dashicons-admin-media	3.8.0～
		\f105	dashicons-admin-page	3.8.0～
		\f101	dashicons-admin-comments	3.8.0～
		\f100	dashicons-admin-appearance	3.8.0～
		\f106	dashicons-admin-plugins	3.8.0～
		\f110	dashicons-admin-users	3.8.0～
		\f107	dashicons-admin-tools	3.8.0～
		\f108	dashicons-admin-settings	3.8.0～
		\f112	dashicons-admin-network	3.8.0～
		\f111	dashicons-admin-generic	3.8.0～
		\f102	dashicons-admin-home	3.8.0～
		\f148	dashicons-admin-collapse	3.8.0～
		\f536	dashicons-filter	4.3.0～
		\f540	dashicons-admin-customizer	4.3.0～
		\f541	dashicons-admin-multisite	4.3.0～
		\f103	dashicons-admin-links dashicons-format-links	3.8.0～
		\f109	dashicons-admin-post dashicons-format-standard	3.8.0～
Post Format		\f128	dashicons-format-image	3.8.0～
		\f161	dashicons-format-gallery	3.8.0～
		\f127	dashicons-format-audio	3.8.0～
		\f126	dashicons-format-video	3.8.0～
		\f125	dashicons-format-chat	3.8.0～
		\f130	dashicons-format-status	3.8.0～
		\f123	dashicons-format-aside	3.8.0～
		\f122	dashicons-format-quote	3.8.0～
Welcome Screen		\f119	dashicons-welcome-write-blog dashicons-welcome-edit-page	3.8.0～
		\f133	dashicons-welcome-add-page	3.8.0～
		\f115	dashicons-welcome-view-site	3.8.0～
		\f116	dashicons-welcome-widgets-menus	3.8.0～
		\f117	dashicons-welcome-comments	3.8.0～
		\f118	dashicons-welcome-learn-more	3.8.0～
Image Editing		\f165	dashicons-image-crop	3.8.0～
		\f531	dashicons-image-rotate	4.3.0～
		\f166	dashicons-image-rotate-left	3.8.0～
		\f167	dashicons-image-rotate-right	3.8.0～
		\f168	dashicons-image-flip-vertical	3.8.0～
		\f169	dashicons-image-flip-horizontal	3.8.0～
		\f533	dashicons-image-filter	4.3.0～
		\f171	dashicons-undo	3.8.0～
		\f172	dashicons-redo	3.8.0～
TinyMCE(Editor)		\f200	dashicons-editor-bold	3.8.0～
		\f201	dashicons-editor-italic	3.8.0～
		\f203	dashicons-editor-ul	3.8.0～
		\f204	dashicons-editor-ol	3.8.0～
		\f205	dashicons-editor-quote	3.8.0～
		\f206	dashicons-editor-alignleft	3.8.0～
		\f207	dashicons-editor-aligncenter	3.8.0～
		\f208	dashicons-editor-alignright	3.8.0～
		\f209	dashicons-editor-insertmore	3.8.0～
		\f210	dashicons-editor-spellcheck	3.8.0～
		\f211	dashicons-editor-distractionfree dashicons-editor-expand	3.8.0～ 3.9.0～
		\f506	dashicons-editor-contract	3.9.0～
		\f212	dashicons-editor-kitchensink	3.8.0～
		\f213	dashicons-editor-underline	3.8.0～
		\f214	dashicons-editor-justify	3.8.0～
		\f215	dashicons-editor-textcolor	3.8.0～
		\f216	dashicons-editor-paste-word	3.8.0～
		\f217	dashicons-editor-paste-text	3.8.0～
		\f218	dashicons-editor-removeformatting	3.8.0～
		\f219	dashicons-editor-video	3.8.0～
		\f220	dashicons-editor-customchar	3.8.0～
		\f221	dashicons-editor-outdent	3.8.0～
		\f222	dashicons-editor-indent	3.8.0～
		\f223	dashicons-editor-help	3.8.0～
		\f224	dashicons-editor-strikethrough	3.8.0～
		\f225	dashicons-editor-unlink	3.8.0～
		\f320	dashicons-editor-rtl	3.8.0～
		\f474	dashicons-editor-break	3.9.0～
		\f475	dashicons-editor-code	3.9.0～
		\f476	dashicons-editor-paragraph	3.9.0～
		\f535	dashicons-editor-table	4.3.0～
Post		\f135	dashicons-align-left	3.8.0～
		\f136	dashicons-align-right	3.8.0～
		\f134	dashicons-align-center	3.8.0～
		\f138	dashicons-align-none	3.8.0～
		\f160	dashicons-lock	3.8.0～
		\f528	dashicons-unlock	4.3.0～
		\f145	dashicons-calendar	3.8.0～
		\f508	dashicons-calendar-alt	4.0.0～
		\f177	dashicons-visibility	3.8.0～
		\f530	dashicons-hidden	4.3.0～
		\f173	dashicons-post-status	3.8.0～
		\f327 \f464	dashicons-edit	3.8.0 3.8.1～
		\f182	dashicons-post-trash	3.8.0～
		\f458 \f182	dashicons-trash	3.8.0～ 3.9.0～
		\f537	dashicons-sticky	4.3.0～
Sorting		\f504	dashicons-external	3.9.0～
		\f142	dashicons-arrow-up	3.8.0～
		\f140	dashicons-arrow-down	3.8.0～
		\f141	dashicons-arrow-left	3.8.0～
		\f139	dashicons-arrow-right	3.8.0～
		\f342	dashicons-arrow-up-alt	3.8.0～
		\f346	dashicons-arrow-down-alt	3.8.0～
		\f340	dashicons-arrow-left-alt	3.8.0～
		\f344	dashicons-arrow-right-alt	3.8.0～
		\f343	dashicons-arrow-up-alt2	3.8.0～
		\f347	dashicons-arrow-down-alt2	3.8.0～
		\f341	dashicons-arrow-left-alt2	3.8.0～
		\f345	dashicons-arrow-right-alt2	3.8.0～
		\f229	dashicons-leftright	3.8.0～
		\f156	dashicons-sort	3.8.0～
		\f503	dashicons-randomize	3.9.0～
		\f163	dashicons-list-view	3.8.0～
		\f164	dashicons-exerpt-view(スペルミス) dashicons-excerpt-view	3.8.0～ 4.2.0～
		\f509	dashicons-grid-view	4.0.0～
		\f545	dashicons-move	4.5.0～
WordPress.org		\f308	dashicons-hammer	3.8.0～
		\f309	dashicons-art	3.8.0～
		\f310	dashicons-migrate	3.8.0～
		\f311	dashicons-performance	3.9.0～
		\f483	dashicons-universal-access	3.9.0～
		\f507	dashicons-universal-access-alt	3.9.0～
		\f486	dashicons-tickets	3.9.0～
		\f484	dashicons-nametag	3.9.0～
		\f481	dashicons-clipboard	3.9.0～
		\f487	dashicons-heart	3.9.0～
		\f488	dashicons-megaphone	3.9.0～
		\f489	dashicons-schedule	3.9.0～
Internal/Products		\f120	dashicons-wordpress	3.8.0～
		\f324	dashicons-wordpress-alt	3.8.0～
		\f157	dashicons-pressthis	3.8.0～
		\f113 \f463	dashicons-update	3.8.0 3.8.1～
		\f180	dashicons-screenoptions	3.8.0～
		\f174	dashicons-cart	3.8.0～
		\f175	dashicons-feedback	3.8.0～
		\f176	dashicons-cloud	3.8.0～
		\f326	dashicons-translation	3.8.0～
Taxonomies		\f323	dashicons-tag	3.8.0～
Taxonomies		\f318	dashicons-category	3.8.0～
Widget		\f480	dashicons-archive	3.9.0～
		\f479	dashicons-tagcloud	3.9.0～
		\f478	dashicons-text	3.9.0～
Media		\f501	dashicons-media-archive	3.9.0～
		\f500	dashicons-media-audio	3.9.0～
		\f499	dashicons-media-code	3.9.0～
		\f498	dashicons-media-default	3.9.0～
		\f497	dashicons-media-document	3.9.0～
		\f496	dashicons-media-interactive	3.9.0～
		\f495	dashicons-media-spreadsheet	3.9.0～
		\f491	dashicons-media-text	3.9.0～
		\f490	dashicons-media-video	3.9.0～
		\f492	dashicons-playlist-audio	3.9.0～
		\f493	dashicons-playlist-video	3.9.0～
		\f522	dashicons-controls-play	4.1.0～
		\f523	dashicons-controls-pause	4.1.0～
		\f519	dashicons-controls-forward	4.1.0～
		\f517	dashicons-controls-skipforward	4.1.0～
		\f518	dashicons-controls-back	4.1.0～
		\f516	dashicons-controls-skipback	4.1.0～
		\f515	dashicons-controls-repeat	4.1.0～
		\f521	dashicons-controls-volumeon	4.1.0～
		\f520	dashicons-controls-volumeoff	4.1.0～
Notifications		\f147	dashicons-yes	3.8.0～
		\f158	dashicons-no	3.8.0～
		\f335	dashicons-no-alt	3.8.0～
		\f132	dashicons-plus	3.8.0～
		\f502	dashicons-plus-alt	3.9.0～
		\f543	dashicons-plus-alt2	4.3.0～
		\f460	dashicons-minus	3.8.0～
		\f153	dashicons-dismiss	3.8.0～
		\f159	dashicons-marker	3.8.0～
		\f155	dashicons-star-filled	3.8.0～
		\f459	dashicons-star-half	3.8.0～
		\f154	dashicons-star-empty	3.8.0～
		\f227	dashicons-flag	3.8.0～
		\f348	dashicons-info	3.8.0～
		\f534	dashicons-warning	4.3.0～
Social		\f237	dashicons-share	3.8.0～
		\f237	dashicons-share1	3.8.0～
		\f240	dashicons-share-alt	3.8.0～
		\f242	dashicons-share-alt2	3.8.0～
		\f301	dashicons-twitter	3.8.0～
		\f303	dashicons-rss	3.8.0～
		\f465	dashicons-email	3.8.1～
		\f466	dashicons-email-alt	3.8.1～
		\f304	dashicons-facebook	3.8.0～
		\f305	dashicons-facebook-alt	3.8.0～
		\f325	dashicons-networking	3.8.0～
		\f462	dashicons-googleplus	3.8.0～
Misc		\f230	dashicons-location	3.8.0～
		\f231	dashicons-location-alt	3.8.0～
		\f306	dashicons-camera	3.8.0～
		\f232	dashicons-images-alt	3.8.0～
		\f233	dashicons-images-alt2	3.8.0～
		\f234	dashicons-video-alt	3.8.0～
		\f235	dashicons-video-alt2	3.8.0～
		\f236	dashicons-video-alt3	3.8.0～
		\f178	dashicons-vault	3.8.0～
		\f332	dashicons-shield	3.8.0～
		\f334	dashicons-shield-alt	3.8.0～
		\f468	dashicons-sos	3.8.1～
		\f179	dashicons-search	3.8.0～
		\f181	dashicons-slides	3.8.0～
		\f183	dashicons-analytics	3.8.0～
		\f184	dashicons-chart-pie	3.8.0～
		\f185	dashicons-chart-bar	3.8.0～
		\f238	dashicons-chart-line	3.8.0～
		\f239	dashicons-chart-area	3.8.0～
		\f307	dashicons-groups	3.8.0～
		\f338	dashicons-businessman	3.8.0～
		\f336	dashicons-id	3.8.0～
		\f337	dashicons-id-alt	3.8.0～
		\f312	dashicons-products	3.8.0～
		\f313	dashicons-awards	3.8.0～
		\f314	dashicons-forms	3.8.0～
		\f473	dashicons-testimonial	3.8.1～
		\f322	dashicons-portfolio	3.8.0～
		\f330	dashicons-book	3.8.0～
		\f331	dashicons-book-alt	3.8.0～
		\f316	dashicons-download	3.8.0～
		\f317	dashicons-upload	3.8.0～
		\f321	dashicons-backup	3.8.0～
		\f469	dashicons-clock	3.8.1～
		\f339	dashicons-lightbulb	3.8.0～
		\f482	dashicons-microphone	3.9.0～
		\f472	dashicons-desktop	3.8.1～
		\f547	dashicons-laptop	4.5.0～
		\f471	dashicons-tablet	3.8.1～
		\f470	dashicons-smartphone	3.8.1～
		\f525	dashicons-phone	4.1.0～
		\f328	dashicons-smiley	3.8.0～
		\f510	dashicons-index-card	4.0.0～
		\f511	dashicons-carrot	4.0.0～
		\f512	dashicons-building	4.1.0～
		\f513	dashicons-store	4.1.0～
		\f514	dashicons-album	4.1.0～
		\f527	dashicons-palmtree	4.1.0～
		\f524	dashicons-tickets-alt	4.1.0～
		\f526	dashicons-money	4.1.0～
		\f529	dashicons-thumbs-up	4.3.0～
		\f542	dashicons-thumbs-down	4.3.0～
		\f538	dashicons-layout	4.3.0～
		\f546	dashicons-paperclip	4.5.0～
5.2以降		\f11d	dashicons-admin-site-alt	5.2.0～
		\f11e	dashicons-admin-site-alt2	5.2.0～
		\f11f	dashicons-admin-site-alt3	5.2.0～
		\f143	dashicons-arrow-up-duplicate	5.2.0～
		\f452	dashicons-buddicons-activity	5.2.0～
		\f477	dashicons-buddicons-bbpress-logo	5.2.0～
		\f448	dashicons-buddicons-buddypress-logo	5.2.0～
		\f453	dashicons-buddicons-community	5.2.0～
		\f449	dashicons-buddicons-forums	5.2.0～
		\f454	dashicons-buddicons-friends	5.2.0～
		\f456	dashicons-buddicons-groups	5.2.0～
		\f457	dashicons-buddicons-pm	5.2.0～
		\f451	dashicons-buddicons-replies	5.2.0～
		\f450	dashicons-buddicons-topics	5.2.0～
		\f455	dashicons-buddicons-tracking	5.2.0～
		\f12e	dashicons-businessperson	5.2.0～
		\f12f	dashicons-businesswoman	5.2.0～
		\f129	dashicons-camera-alt	5.2.0～
		\f13a	dashicons-code-standards	5.2.0～
		\f131	dashicons-color-picker	5.2.0～
		\f327	dashicons-edit-large	5.2.0～
		\f494	dashicons-editor-code-duplicate	5.2.0～
		\f10c	dashicons-editor-ltr	5.2.0～
		\f12c	dashicons-editor-ol-rtl	5.2.0～
		\f467	dashicons-email-alt2	5.2.0～
		\f12d	dashicons-instagram	5.2.0～
		\f315	dashicons-lock-duplicate	5.2.0～
		\f228	dashicons-menu-alt	5.2.0～
		\f329	dashicons-menu-alt2	5.2.0～
		\f349	dashicons-menu-alt3	5.2.0～
		\f485	dashicons-plugins-checked	5.2.0～
		\f124	dashicons-rest-api	5.2.0～
		\f121	dashicons-text-page	5.2.0～
		\f10d	dashicons-tide	5.2.0～
		\f302	dashicons-twitter-alt	5.2.0～
		\f113	dashicons-update-alt	5.2.0～
		\f12a	dashicons-yes-alt	5.2.0～
5.5以降		\f15f	dashicons-airplane	5.5.0～
		\f114	dashicons-align-full-width	5.5.0～
		\f10a	dashicons-align-pull-left	5.5.0～
		\f10b	dashicons-align-pull-right	5.5.0～
		\f11b	dashicons-align-wide	5.5.0～
		\f162	dashicons-amazon	5.5.0～
		\f16a	dashicons-bank	5.5.0～
		\f16c	dashicons-beer	5.5.0～
		\f16d	dashicons-bell	5.5.0～
		\f12b	dashicons-block-default	5.5.0～
		\f11a	dashicons-button	5.5.0～
		\f16e	dashicons-calculator	5.5.0～
		\f16b	dashicons-car	5.5.0～
		\f137	dashicons-cloud-saved	5.5.0～
		\f13b	dashicons-cloud-upload	5.5.0～
		\f16f	dashicons-coffee	5.5.0～
		\f13c	dashicons-columns	5.5.0～
		\f13d	dashicons-cover-image	5.5.0～
		\f170	dashicons-database-add	5.5.0～
		\f17a	dashicons-database-export	5.5.0～
		\f17b	dashicons-database-import	5.5.0～
		\f17c	dashicons-database-remove	5.5.0～
		\f17d	dashicons-database-view	5.5.0～
		\f17e	dashicons-database	5.5.0～
		\f17f	dashicons-drumstick	5.5.0～
		\f186	dashicons-edit-page	5.5.0～
		\f11c	dashicons-ellipsis	5.5.0～
		\f13e	dashicons-embed-audio	5.5.0～
		\f13f	dashicons-embed-generic	5.5.0～
		\f144	dashicons-embed-photo	5.5.0～
		\f146	dashicons-embed-post	5.5.0～
		\f149	dashicons-embed-video	5.5.0～
		\f14a	dashicons-exit	5.5.0～
		\f187	dashicons-food	5.5.0～
		\f188	dashicons-fullscreen-alt	5.5.0～
		\f189	dashicons-fullscreen-exit-alt	5.5.0～
		\f18a	dashicons-games	5.5.0～
		\f18b	dashicons-google	5.5.0～
		\f10e	dashicons-heading	5.5.0～
		\f18c	dashicons-hourglass	5.5.0～
		\f14b	dashicons-html	5.5.0～
		\f14c	dashicons-info-outline	5.5.0～
		\f14d	dashicons-insert-after	5.5.0～
		\f14e	dashicons-insert-before	5.5.0～
		\f10f	dashicons-insert	5.5.0～
		\f18d	dashicons-linkedin	5.5.0～
		\f18e	dashicons-money-alt	5.5.0～
		\f18f	dashicons-open-folder	5.5.0～
		\f190	dashicons-pdf	5.5.0～
		\f191	dashicons-pets	5.5.0～
		\f192	dashicons-pinterest	5.5.0～
		\f19c	dashicons-podio	5.5.0～
		\f193	dashicons-printer	5.5.0～
		\f194	dashicons-privacy	5.5.0～
		\f195	dashicons-reddit	5.5.0～
		\f14f	dashicons-remove	5.5.0～
		\f15e	dashicons-saved	5.5.0～
		\f150	dashicons-shortcode	5.5.0～
		\f196	dashicons-spotify	5.5.0～
		\f197	dashicons-superhero-alt	5.5.0～
		\f198	dashicons-superhero	5.5.0～
		\f151	dashicons-table-col-after	5.5.0～
		\f152	dashicons-table-col-before	5.5.0～
		\f15a	dashicons-table-col-delete	5.5.0～
	\f15b	dashicons-table-row-after	5.5.0～
	\f15c	dashicons-table-row-before	5.5.0～
	\f15d	dashicons-table-row-delete	5.5.0～
	\f199	dashicons-twitch	5.5.0～
	\f19a	dashicons-whatsapp	5.5.0～
	\f19b	dashicons-xing	5.5.0～
	\f19d	dashicons-youtube	5.5.0～

dashiconsのクラス名は、 add_menu_page関数などのアイコンURL（パラメータ$icon_url）に適用できる。dashiconsの中にメニュー機能にマッチするものがあればそのクラス名を指定するだけっで利用できるのは便利だ。

なおdashiconsはバージョンによって多少の違いがあるので、プラグインやテーマで使用する際は適用バージョンを意識しよう。

【コード一覧】

現在使用されているコード部分を抽出した一覧は次の通り。

	+0	+1	+2	+3	+4	+5	+6	+7	+8	+9	+a	+b	+c	+d	+e	+f

最終更新 : 2021年05月13日 15:49

お勧め

delete_post_meta（2018年5月27日更新）

bool delete_post_meta( int $post_id, string $meta_key [ , mixed $meta_value = '' ] )

投稿情報のカスタムフィールド情報を削除する。

wp_is_numeric_array（2018年5月27日更新）

bool wp_is_numeric_array( mixed $data )

数値キーのみの配列か調べる。

get_tag_regex（2013年8月3日更新）

string get_tag_regex( string $tag )

HTMLタグの正規表現パターンを取得する。

get_all_page_ids（2012年5月30日更新）

array get_all_page_ids( )

全ページ（post_typeが'page'）の投稿IDを取得する。

the_post_thumbnail_caption（2018年5月27日更新）

void the_post_thumbnail_caption( mixed $post = null )

投稿ページのサムネイル（アイキャッチ画像）キャプションを表示する。

説明

dashicons.css

【コード一覧】

関連

お勧め