dashiconsの一覧表

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

説明

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

dashicons.css

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

グループイメージコンテントクラス名バージョン
Admin Menu \f333dashicons-menu3.8.0~
 \f319dashicons-admin-site3.8.0~
 \f226dashicons-dashboard3.8.0~
 \f104dashicons-admin-media3.8.0~
 \f105dashicons-admin-page3.8.0~
 \f101dashicons-admin-comments3.8.0~
 \f100dashicons-admin-appearance3.8.0~
 \f106dashicons-admin-plugins3.8.0~
 \f110dashicons-admin-users3.8.0~
 \f107dashicons-admin-tools3.8.0~
 \f108dashicons-admin-settings3.8.0~
 \f112dashicons-admin-network3.8.0~
 \f111dashicons-admin-generic3.8.0~
 \f102dashicons-admin-home3.8.0~
 \f148dashicons-admin-collapse3.8.0~
 \f536dashicons-filter4.3.0~
 \f540dashicons-admin-customizer4.3.0~
 \f541dashicons-admin-multisite4.3.0~
 \f103dashicons-admin-links
dashicons-format-links
3.8.0~
 \f109dashicons-admin-post
dashicons-format-standard
3.8.0~
Post Format \f128dashicons-format-image3.8.0~
 \f161dashicons-format-gallery3.8.0~
 \f127dashicons-format-audio3.8.0~
 \f126dashicons-format-video3.8.0~
 \f125dashicons-format-chat3.8.0~
 \f130dashicons-format-status3.8.0~
 \f123dashicons-format-aside3.8.0~
 \f122dashicons-format-quote3.8.0~
Welcome Screen \f119dashicons-welcome-write-blog
dashicons-welcome-edit-page
3.8.0~
 \f133dashicons-welcome-add-page3.8.0~
 \f115dashicons-welcome-view-site3.8.0~
 \f116dashicons-welcome-widgets-menus3.8.0~
 \f117dashicons-welcome-comments3.8.0~
 \f118dashicons-welcome-learn-more3.8.0~
Image Editing \f165dashicons-image-crop3.8.0~
 \f531dashicons-image-rotate4.3.0~
 \f166dashicons-image-rotate-left3.8.0~
 \f167dashicons-image-rotate-right3.8.0~
 \f168dashicons-image-flip-vertical3.8.0~
 \f169dashicons-image-flip-horizontal3.8.0~
 \f533dashicons-image-filter4.3.0~
 \f171dashicons-undo3.8.0~
 \f172dashicons-redo3.8.0~
TinyMCE(Editor) \f200dashicons-editor-bold3.8.0~
 \f201dashicons-editor-italic3.8.0~
 \f203dashicons-editor-ul3.8.0~
 \f204dashicons-editor-ol3.8.0~
 \f205dashicons-editor-quote3.8.0~
 \f206dashicons-editor-alignleft3.8.0~
 \f207dashicons-editor-aligncenter3.8.0~
 \f208dashicons-editor-alignright3.8.0~
 \f209dashicons-editor-insertmore3.8.0~
 \f210dashicons-editor-spellcheck3.8.0~
 \f211dashicons-editor-distractionfree
dashicons-editor-expand
3.8.0~
3.9.0~
 \f506dashicons-editor-contract3.9.0~
 \f212dashicons-editor-kitchensink3.8.0~
 \f213dashicons-editor-underline3.8.0~
 \f214dashicons-editor-justify3.8.0~
 \f215dashicons-editor-textcolor3.8.0~
 \f216dashicons-editor-paste-word3.8.0~
 \f217dashicons-editor-paste-text3.8.0~
 \f218dashicons-editor-removeformatting3.8.0~
 \f219dashicons-editor-video3.8.0~
 \f220dashicons-editor-customchar3.8.0~
 \f221dashicons-editor-outdent3.8.0~
 \f222dashicons-editor-indent3.8.0~
 \f223dashicons-editor-help3.8.0~
 \f224dashicons-editor-strikethrough3.8.0~
 \f225dashicons-editor-unlink3.8.0~
 \f320dashicons-editor-rtl3.8.0~
 \f474dashicons-editor-break3.9.0~
 \f475dashicons-editor-code3.9.0~
 \f476dashicons-editor-paragraph3.9.0~
 \f535dashicons-editor-table4.3.0~
Post \f135dashicons-align-left3.8.0~
 \f136dashicons-align-right3.8.0~
 \f134dashicons-align-center3.8.0~
 \f138dashicons-align-none3.8.0~
 \f160dashicons-lock3.8.0~
 \f528dashicons-unlock4.3.0~
 \f145dashicons-calendar3.8.0~
 \f508dashicons-calendar-alt4.0.0~
 \f177dashicons-visibility3.8.0~
 \f530dashicons-hidden4.3.0~
 \f173dashicons-post-status3.8.0~
 
 
\f327
\f464
dashicons-edit3.8.0
3.8.1~
 \f182dashicons-post-trash3.8.0~
 
 
\f458
\f182
dashicons-trash3.8.0~
3.9.0~
 \f537dashicons-sticky4.3.0~
Sorting \f504dashicons-external3.9.0~
 \f142dashicons-arrow-up3.8.0~
 \f140dashicons-arrow-down3.8.0~
 \f141dashicons-arrow-left3.8.0~
 \f139dashicons-arrow-right3.8.0~
 \f342dashicons-arrow-up-alt3.8.0~
 \f346dashicons-arrow-down-alt3.8.0~
 \f340dashicons-arrow-left-alt3.8.0~
 \f344dashicons-arrow-right-alt3.8.0~
 \f343dashicons-arrow-up-alt23.8.0~
 \f347dashicons-arrow-down-alt23.8.0~
 \f341dashicons-arrow-left-alt23.8.0~
 \f345dashicons-arrow-right-alt23.8.0~
 \f229dashicons-leftright3.8.0~
 \f156dashicons-sort3.8.0~
 \f503dashicons-randomize3.9.0~
 \f163dashicons-list-view3.8.0~
 \f164dashicons-exerpt-view(スペルミス)
dashicons-excerpt-view
3.8.0~
4.2.0~
 \f509dashicons-grid-view4.0.0~
 \f545dashicons-move4.5.0~
WordPress.org \f308dashicons-hammer3.8.0~
 \f309dashicons-art3.8.0~
 \f310dashicons-migrate3.8.0~
 \f311dashicons-performance3.9.0~
 \f483dashicons-universal-access3.9.0~
 \f507dashicons-universal-access-alt3.9.0~
 \f486dashicons-tickets3.9.0~
 \f484dashicons-nametag3.9.0~
 \f481dashicons-clipboard3.9.0~
 \f487dashicons-heart3.9.0~
 \f488dashicons-megaphone3.9.0~
 \f489dashicons-schedule3.9.0~
Internal/Products \f120dashicons-wordpress3.8.0~
 \f324dashicons-wordpress-alt3.8.0~
 \f157dashicons-pressthis3.8.0~
 
 
\f113
\f463
dashicons-update3.8.0
3.8.1~
 \f180dashicons-screenoptions3.8.0~
 \f174dashicons-cart3.8.0~
 \f175dashicons-feedback3.8.0~
 \f176dashicons-cloud3.8.0~
 \f326dashicons-translation3.8.0~
Taxonomies \f323dashicons-tag3.8.0~
 \f318dashicons-category3.8.0~
Widget \f480dashicons-archive3.9.0~
 \f479dashicons-tagcloud3.9.0~
 \f478dashicons-text3.9.0~
Media \f501dashicons-media-archive3.9.0~
 \f500dashicons-media-audio3.9.0~
 \f499dashicons-media-code3.9.0~
 \f498dashicons-media-default3.9.0~
 \f497dashicons-media-document3.9.0~
 \f496dashicons-media-interactive3.9.0~
 \f495dashicons-media-spreadsheet3.9.0~
 \f491dashicons-media-text3.9.0~
 \f490dashicons-media-video3.9.0~
 \f492dashicons-playlist-audio3.9.0~
 \f493dashicons-playlist-video3.9.0~
 \f522dashicons-controls-play4.1.0~
 \f523dashicons-controls-pause4.1.0~
 \f519dashicons-controls-forward4.1.0~
 \f517dashicons-controls-skipforward4.1.0~
 \f518dashicons-controls-back4.1.0~
 \f516dashicons-controls-skipback4.1.0~
 \f515dashicons-controls-repeat4.1.0~
 \f521dashicons-controls-volumeon4.1.0~
 \f520dashicons-controls-volumeoff4.1.0~
Notifications \f147dashicons-yes3.8.0~
 \f158dashicons-no3.8.0~
 \f335dashicons-no-alt3.8.0~
 \f132dashicons-plus3.8.0~
 \f502dashicons-plus-alt3.9.0~
 \f543dashicons-plus-alt24.3.0~
 \f460dashicons-minus3.8.0~
 \f153dashicons-dismiss3.8.0~
 \f159dashicons-marker3.8.0~
 \f155dashicons-star-filled3.8.0~
 \f459dashicons-star-half3.8.0~
 \f154dashicons-star-empty3.8.0~
 \f227dashicons-flag3.8.0~
 \f348dashicons-info3.8.0~
 \f534dashicons-warning4.3.0~
Social \f237dashicons-share3.8.0~
 \f237dashicons-share13.8.0~
 \f240dashicons-share-alt3.8.0~
 \f242dashicons-share-alt23.8.0~
 \f301dashicons-twitter3.8.0~
 \f303dashicons-rss3.8.0~
 \f465dashicons-email3.8.1~
 \f466dashicons-email-alt3.8.1~
 \f304dashicons-facebook3.8.0~
 \f305dashicons-facebook-alt3.8.0~
 \f325dashicons-networking3.8.0~
 \f462dashicons-googleplus3.8.0~
Misc \f230dashicons-location3.8.0~
 \f231dashicons-location-alt3.8.0~
 \f306dashicons-camera3.8.0~
 \f232dashicons-images-alt3.8.0~
 \f233dashicons-images-alt23.8.0~
 \f234dashicons-video-alt3.8.0~
 \f235dashicons-video-alt23.8.0~
 \f236dashicons-video-alt33.8.0~
 \f178dashicons-vault3.8.0~
 \f332dashicons-shield3.8.0~
 \f334dashicons-shield-alt3.8.0~
 \f468dashicons-sos3.8.1~
 \f179dashicons-search3.8.0~
 \f181dashicons-slides3.8.0~
 \f183dashicons-analytics3.8.0~
 \f184dashicons-chart-pie3.8.0~
 \f185dashicons-chart-bar3.8.0~
 \f238dashicons-chart-line3.8.0~
 \f239dashicons-chart-area3.8.0~
 \f307dashicons-groups3.8.0~
 \f338dashicons-businessman3.8.0~
 \f336dashicons-id3.8.0~
 \f337dashicons-id-alt3.8.0~
 \f312dashicons-products3.8.0~
 \f313dashicons-awards3.8.0~
 \f314dashicons-forms3.8.0~
 \f473dashicons-testimonial3.8.1~
 \f322dashicons-portfolio3.8.0~
 \f330dashicons-book3.8.0~
 \f331dashicons-book-alt3.8.0~
 \f316dashicons-download3.8.0~
 \f317dashicons-upload3.8.0~
 \f321dashicons-backup3.8.0~
 \f469dashicons-clock3.8.1~
 \f339dashicons-lightbulb3.8.0~
 \f482dashicons-microphone3.9.0~
 \f472dashicons-desktop3.8.1~
 \f547dashicons-laptop4.5.0~
 \f471dashicons-tablet3.8.1~
 \f470dashicons-smartphone3.8.1~
 \f525dashicons-phone4.1.0~
 \f328dashicons-smiley3.8.0~
 \f510dashicons-index-card4.0.0~
 \f511dashicons-carrot4.0.0~
 \f512dashicons-building4.1.0~
 \f513dashicons-store4.1.0~
 \f514dashicons-album4.1.0~
 \f527dashicons-palmtree4.1.0~
 \f524dashicons-tickets-alt4.1.0~
 \f526dashicons-money4.1.0~
 \f529dashicons-thumbs-up4.3.0~
 \f542dashicons-thumbs-down4.3.0~
 \f538dashicons-layout4.3.0~
 \f546dashicons-paperclip4.5.0~

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

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

関連

お勧めコンテンツ

post_password_required(2010年4月5日 登録)

bool post_password_required( [ mixed $post = null ] )
投稿ページがパスワード保護状態を調べる。

wp_remote_request(2013年6月20日 登録)

mixed wp_remote_request( string $url [ , array $args = array() ] )
HTTPリクエストを送信する。

wp_set_comment_status(2013年8月23日 登録)

mixed wp_set_comment_status( int $comment_id, string $comment_status [ , bool $wp_error = false ] )
コメントのステータスを設定する。

the_archive_description(2014年12月23日 登録)

void the_archive_description( [ string $before = '' [ , string $after = '' ] ] )
アーカイブページの説明を表示する。

wp_add_post_tags(2012年7月5日 登録)

mixed wp_add_post_tags( [ int $post_id = 0 [ , string $tags = '' ] ] )
投稿情報に投稿タグを追加する。

最終更新日時 : 2017-06-26 18:14