Dashicons in WordPress 3.9

Welcome!

The WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. development team builds WordPress! Follow this site for general updates, status reports, and the occasional code debate. There’s lots of ways to contribute:

Found a bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority.? Create a ticket in the bug tracker.

Want to contribute? Get started quickly with tickets marked as good first bugs for new contributors or join a bug scrub. There’s more on the reports page, like patches needing testing, and on feature projects page.

Other questions? Here is a detailed handbook for contributors, complete with tutorials.

WordPress 3.8 has introduced an icon font for the WordPress adminadmin (and super admin), named Dashicons. Dashicons includes 167 icons until now.
WordPress 3.9 includes 30 new fresh and clean icons. Thanks to all contributors to ticketticket Created for both bug reports and feature development on the bug tracker. #26936, especially @melchoyce and @empireoflight.

Media Icons

All media file type icons got a huge facelift, see #26936. There are also two new icons for the playlists feature.

Icon	CSSCSS Cascading Style Sheets. 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`

TinyMCE/Editor

With the update to TinyMCE 4.0 you can now use four new icons for editor related UIUI User interface.

Icon	CSS Class	Code
	`dashicons-editor-contract`	`f506`
	`dashicons-editor-break`	`f464`
	`dashicons-editor-code`	`f475`
	`dashicons-editor-paragraph`	`f476`

Sorting

Use dashicons-external for external uses or randomize a list with dashicons-randomize.

Icon	CSS Class	Code
	`dashicons-external`	`f504`
	`dashicons-randomize`	`f503`

WPorg specific: Jobs, Profiles, WordCamps

We all WordCamps.

Icon	CSS Class	Code
	`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`

Widgets

Have you already tried the live widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. previews? You should. The following icons are created for this feature.

Icon	CSS Class	Code
	`dashicons-archive`	`f478`
	`dashicons-tagcloud`	`f479`
	`dashicons-text`	`f480`

Alerts/Notifications/Flags

The minus icon has an alternative icon, plus now too. Welcome.

Icon	CSS Class	Code
	`dashicons-plus-alt`	`f502`

Misc/CPT

End of .

Icon	CSS Class	Code
	`dashicons-microphone`	`f482`

To get a complete overview of all icons please visit http://melchoyce.github.io/dashicons/.

#3-9, #dashicons, #dev-notes, #ui

Frankie Jarrett 7:03 pm on April 16, 2014

Very nice! Great work, everyone. Was keeping my fingers crossed for a “print” icon, maybe next time 🙂
helgatheviking 7:30 pm on April 16, 2014

Agree, great work! I’ll throw my 2 cents in for a “move” icon that approximates the move cursor.
- Mel Choyce 8:03 pm on April 16, 2014
  
  Something like this?
Najeeb 6:40 am on April 17, 2014

You guys are making developers life like butterfly ;). I am flying with my team and enjoying developing themes and plugins.
Frank 10:07 am on April 17, 2014

You find also a list of dashicons and how to inside a pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party, write for developers.
https://github.com/bueltge/WordPress-Admin-Style
Mr. Vibe 12:53 pm on April 17, 2014

Great work, much needed Thanks !
sourceforge 7:33 am on April 19, 2014

media-text, media-document, media-spreadsheet could use a bit clear identifying marks, like say media-text can have letters ‘txt’, also dashicons-text and dash-tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)-cloud, not a design guy, just something that can use little improvement, if no please safely ignore 🙂
Abhishek Ghosh 2:03 pm on April 19, 2014
Michael Beil 5:22 pm on April 24, 2014

Great work on these guys!
askapache 5:34 pm on June 18, 2014

This is a really great feature! I just wish there were 10x more icons, why not add more from fontawesome.io?
- Ipstenu (Mika Epstein) 7:53 pm on June 18, 2014
  
  Because you can include FontAwesome if you want? This is JUST for icons on the backend of WordPress after all 🙂

Comments are closed.