Building a responsive WordPress admin interface with the MP6 plugin and customized Dashicons.

README.md

Custom WordPress Dashicons

Full tutorial: http://hofmannsven.com/2013/laboratory/wordpress-dashicons/

custom.css

#dashboard_right_now li.{post_type}-count a:before,
#adminmenu #menu-posts-{post_type}.menu-icon-post div.wp-menu-image:before {
  font-family: 'custom_dashicons' !important;
  content: '\999';
}

custom_dashicons.css

@font-face {
  font-family: 'custom_dashicons';
  src: url('../fonts/custom_dashicons.eot'); // this is for IE
}
@font-face {
  font-family: 'custom_dashicons';
  src: url(data:application/font-woff;charset=utf-8;base64,xxx...) format('woff'), 
    url(data:application/x-font-ttf;charset=utf-8;base64,xxx...) format('truetype');
  font-weight: normal;
  font-style: normal;
}

functions.php

<?php

  if ( 'mp6' === get_user_option( 'admin_color' ) ) {
    function load_custom_admin_styles() {
      wp_register_style( 'custom_dashicons', get_template_directory_uri() . '/css/custom_dashicons.css', false, '1.0.0' );
      wp_enqueue_style( 'custom_dashicons' );
    }
    add_action( 'admin_enqueue_scripts', 'load_custom_admin_styles' );
  }

?>

newfunctions.php

<?php

  function load_custom_admin_styles() {
    wp_register_style( 'custom_dashicons', get_template_directory_uri() . '/css/custom_dashicons.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_dashicons' );
  }
  add_action( 'admin_enqueue_scripts', 'load_custom_admin_styles' );

?>

oldfunctions.php

<?php

  function check_active_plugins() {
    if ( is_plugin_active( 'mp6/mp6.php' ) ) {
      function load_custom_admin_styles() {
        wp_register_style( 'custom_dashicons', get_template_directory_uri() . '/css/custom_dashicons.css', false, '1.0.0' );
        wp_enqueue_style( 'custom_dashicons' );
      }
      add_action( 'admin_enqueue_scripts', 'load_custom_admin_styles' );
    } 
  }
  add_action( 'admin_init', 'check_active_plugins' );

?>