Drupal Icons, the list

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
You are viewing a wiki page. You are welcome to join the group and then edit it. Be bold!

Excludinging the images found in the core-themes, the color.module colorwheel graphics and the 'powered by Drupal' promo badges in /misc we get the list of the Drupal core 'system graphics':

  • arrow-asc.png
  • arrow-desc.png
  • blog.png
  • draggable.png
  • marker.png
  • feed.png
  • forum-closed.png
  • forum-default.png
  • forum-hot-new.png
  • forum-hot.png
  • forum-new.png
  • forum-sticky.png
  • grippie.png
  • menu-collapsed-rtl.png
  • menu-collapsed.png
  • menu-expanded.png
  • menu-leaf.png
  • progress.gif
  • throbber.gif
  • tree-bottom.png
  • tree.png
  • watchdog-error.png
  • watchdog-ok.png
  • watchdog-warning.png
  • xml.png
  • hook-rtl.png
  • hook.png
  • lock.png
  • login-bg.png

Setting up basic SVG versions for these in a generic style would be a very concrete first step.

Looking further, there are some more areas where icons can be useful:

Drupal concepts

Objects

  • Node
  • Contenttype(s)
  • Block
  • User
  • Comment
  • Filter
  • Module
  • Role
  • Theme
  • Categories/Taxonomy

Actions

  • Create
  • Edit
  • Administer
  • Build
  • Configure
  • Manage

Admin sections

  • Content management
  • Site building
  • Site configuration
  • User management
  • Reports

User-navigation block menu items, default enabled:

  • Create content
  • My account
  • Administer
  • Log out

Forum as posted by Michelle:

  • mark all topics read
  • mark all forums read
  • post reply (larger one for top of post)
  • post topic (same size as post reply)
  • quote (multi quote)
  • reply (small one on each comment)
  • edit (small one on each comment)
  • delete (small one on each comment)
  • lock
  • move
  • split topic
  • merge topic
  • report topic/reply
  • sticy topic

I don't think it's very useful to make an icon for every single core module or block. At least not yet.

Looking at modules it would be better to create generic 'application' style icons. So, for Date, Event and Calendar modules: create a single icon family that can serve all these modules. Same for the different forum modules or ecommerce options, etc.

It would probably be better to focus on the above first and then look at some of the big contrib modules like the CCK family, Views and Panels, all of these already use icons of some kind.

AttachmentSize
drupal-core-icons.png18.35 KB

Comments

Indeed a good place to

yoroy's picture

Indeed a good place to start; a list! Let's try and edit the wiki above down to an even cleaner list and discuss things in the comments. I'll start similar page to kick of a style guide.

Look here for previous discussion of 'the list': http://drupal.org/node/13911#comment-624574

Forum icon: Sticky and new

NiklasBr's picture

Only local images are allowed.

I merged the forum new and forum sticky icons to create an icon for new and sticky threads, works with this code added to the forum module:

<?php

/**
* Format the icon for each individual topic.
*
* @ingroup themeable
*/
function theme_forum_icon($new_posts, $num_posts = 0, $comment_mode = 0, $sticky = 0) {

  if (
$num_posts > variable_get('forum_hot_topic', 15)) {
   
$icon = $new_posts ? 'hot-new' : 'hot';
  }
  else {
   
$icon = $new_posts ? 'new' : 'default';
  }

  if (
$comment_mode == COMMENT_NODE_READ_ONLY || $comment_mode == COMMENT_NODE_DISABLED) {
   
$icon = 'closed';
  }

  if (
$sticky == 1 && $new_posts) {
   
$icon = 'sticky-new';
  }

  if (
$sticky == 1 && $new_posts != 1) {
   
$icon = 'sticky';
  }

 
$output = theme('image', "misc/forum-$icon.png");

  if (
$new_posts) {
   
$output = "<a name=\"new\">$output</a>";
  }

  return
$output;
}
?>

I shouldn't be hacking the core, I know...

--
fyrkantigt.se av Niklas Brunberg

Have look at this issue to

yoroy's picture

Have look at this issue to see where we stand re: new forum icons :-)
http://drupal.org/node/102743