Dashicons in WordPress 4.1

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 4.1 includes 20 new fresh and clean icons. Thanks to @liljimmi, @melchoyce and @empireoflight.

Media Icons

Icon	CSSCSS Cascading Style Sheets. Class	Code
	`dashicons-controls-play`	`f522`
	`dashicons-controls-pause`	`f523`
	`dashicons-controls-forward`	`f519`
	`dashicons-controls-skipforward`	`f517`
	`dashicons-controls-back`	`f518`
	`dashicons-controls-skipback`	`f516`
	`dashicons-controls-repeat`	`f515`
	`dashicons-controls-volumeon`	`f521`
	`dashicons-controls-volumeoff`	`f520`

Posts Screen (updated)

Icon	CSS Class	Code
	`dashicons-align-left`	`f135`
	`dashicons-align-right`	`f136`
	`dashicons-align-center`	`f134`
	`dashicons-align-none`	`f138`

Misc

Icon	CSS Class	Code
	`dashicons-phone`	`f525`
	`dashicons-building`	`f512`
	`dashicons-store`	`f513`
	`dashicons-album`	`f514`
	`dashicons-palmtree`	`f527`
	`dashicons-tickets-alt`	`f524`
	`dashicons-money`	`f526`

To get a complete overview of all icons please visit developer.wordpress.org/resource/dashicons/.

#4-1, #dashicons, #dev-notes, #ui

Stagger Lee 4:38 pm on December 20, 2014

Why dont you reconsider cooperating with Fontawesome community. To ease burden from WP community. They have a vibrant community, add new icons fast when someone needs them, have more than double icons compared to Dashicons, licence is compatible with WP philosophy as i can see it.

http://fortawesome.github.io/Font-Awesome/cheatsheet/
Rami Yushuvaev 8:05 pm on December 20, 2014

How about align justify?
Avi_Lambert 8:14 pm on December 20, 2014

I like this.

Icons enhance ux.

Good show devteam.
Slava UA 10:45 am on December 21, 2014

“dashicons-money” is not about money at all (imo)
Scott Fennell 3:22 am on December 22, 2014

I’m happy dashicons is a *thing* now, but I would agree — what does the money one have to do with money?

Also, I’m surprised to see that Twentyfifteen uses Genericons. I would have assumed the bundled themes would use the icon font that comes with coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress..
- Ipstenu (Mika Epstein) 5:40 am on December 22, 2014
  
  The money is a person on a bill note and coins. Which is what most nation’s money looks like. All hail the queen and that.
  
  Also Dashicons are made for the backend of WP, not the front, so they aren’t intended for themes.
  - Bonesnap 7:44 pm on December 22, 2014
    
    I agree that’s the intention of the money dashicon, but in reality it looks like some kind of profile icon. When I saw it I had no idea it was a money icon.
    
    I second a collaboration with Font Awesome.
    - bishless 9:07 pm on December 22, 2014
      
      Agreed. Initially, I thought it a couple cuddling on the couch watching an episode of The Daily Show.
      
      What about focusing on coins? https://i.cloudup.com/VFri9igqED.png (doesn’t have to be this one… but maybe a polished version of it?)
      - Daniel McClure 7:59 pm on December 23, 2014
        
        Agreed, the money one seems a little off.
        
        In other news; I have no idea why there is a palm tree icon included but I love it and will make sure to sneak it into one of my plugins somehow 😉
  - Leo Caseiro 3:09 am on January 9, 2015
    
    I was going to say the same. The money one doesn’t really look like a money at all.
    
    The font-awesome is a good reference: http://fortawesome.github.io/Font-Awesome/icon/money/
  - Scott Fennell 10:47 pm on January 9, 2015
    
    Is there anything wrong, per se, with using dashicons on the front end? I’ve done it in client plugins and I find it really convenient.
    - Ipstenu (Mika Epstein) 11:39 pm on January 9, 2015
      
      Code wise, no. But the size ratio is ‘off’ a little so things won’t scale well compared to FontAwesome or Genericons
      - Scott Fennell 6:21 am on January 10, 2015
        
        Thank you for the reply!
        
        Can you elaborate on that? What does it mean for the size ratio to be off? What won’t scale well? In what sense?

Comments are closed.

Welcome!

Communication

Media Icons

Posts Screen (updated)

Misc

Share this: