Drupal GPL icons - a softfacade initiative

Adding appropriate tags

Sub. Exciting times!

Some obvious and real show-blockers are missing:

- Configure
- List
- Edit menu
- List links
- Revisions
- Visibility options
- Access configuration
- Caching
- Reply
- Approve
- Deny
- Load
- Render

Possibly more.

Eagerly subscribing! :D Nice to meet you, Anton! Thanks for spear-heading this, Jeff!

Tagging for Contextual links.

So, let's set a clear direction for this effort and decide on which approach this should focus on:

- design high-polished icons for the shortcuts toolbar (in the red boxes)
or,
- (re)design the little glyphs and simpler icons for say, contextual links, add to shortcuts, grippy.png, draggable.png etc. (like the ones in the blue boxes)

I see more value in have a consistent set and guidelines for the latter, since those would give contrib much more valuable and reusable stuff to work with.

Anton, great you are taking this on. Keep in mind that we'll probably never stop reviewing and adding suggestions, so be clear about what you want to do and stick to it! :-) The distinction made above may be of help with that.

Hi Guys,

Nice to meet you all. We are reviewing the list of the icons and will start working on the style then.

Thanks for this. I hope we will create great icons without many reviews.

Wow, I like this so much I gotta insert a badly disguised subsribe comment woohoo we are getting icons.

subscribe

Here are the first icons, just to try feeling the style. Icons are in two sizes 16x16 and 24x24. Please post your comments here!
We prefer 24x24 size.

Great start. The lock is my favourite.

Do you also plan on making grayscale and b/w (positive/negative without shades) versions?
For in many places these will be too glossy, compare this use case: http://drupal.org/node/598758#comment-2240568

This is Drupal 8 material now.

@Damien - have I missed something? One could discuss some use of Icons, but at least for the Toolbar, they are an integral Part of the concept.

@eigentor: Drupal 7 is now feature frozen. The current implementation of the toolbar already have no icon placeholders anymore. This kind of feature request is now Drupal 8 material.

Thanks for the comments. The direction is to have glossy versions and b/w versions for each icon. We will post black and white versions tomorrow.

Hi All! We also created simple contour icons. Icon pack will come with colored icons and contour icons in two sizes 16x16 and 24x24. Waiting for feedback!

wonderful! very crisp. What I'd really like to know is what this Drupal 8 thing is about.

Here are the starting icons,

Glossy

Contour

I talked to Anton on the side. Ignore the d8 comment. All of his icons are for D7 and he's fully aware of that. Acording to Anton:

"We will have both color and contour b/w icons. In both sizes 16x16 and 24x24."

Personally very excited by this!!

I like the contour icons, but how would they look on white/lighter background?

We will have dark versions for contour icons as well. So this is not a problem

I'd like to get a timeframe from Webchick or Dries for this. There is a lot of Text links (hopefully) to get enhanced or completely replaced with these icons.

So do they have to be in before string freeze, or not?

If so, we should think of simple replacement icons (compare http://drupal.org/node/598758#comment-2240568) for the places these are meant to go so we could keep string freeze and replace the placeholder icons by the better ones later.

Where else apart from the obvious place Toolbar do we intend to use icons (that did not have them up till now)?

Subscribe, will we also get the Photoshop, Gimp or whatever source files that everyone is able to extend/alter the images later, too?

It would be nice to see the list of icons you intend to create. Will there be status ones for example (warning, error, help, info)?

From a pure designer's standpoint, the contour version is FAR superior to the "glossy" version.

Other bits of commentary:

• I recommend that the glossy version keep to a two-tone that works either with the admin theme color scheme (gray and black) or the traditional garland scheme of blue and dark blue.
• Not to derail the discussion, but doesn't Jquery-UI ship with an awesome set of colorable generic icons? Can we re-use them since jquery ui is in core? Should we at least take a note on how they implemented such a simple set of icons?
• this is now my most favorite issues, ever
• The "Lock" for permissions has been cited as confusing, and a "key" has been recommended as a more intuitive replacement

Below is the list of proposed icons from my brief browsing the issue. I've added descriptors to all of them to help the designers find a visual that hopefully matches up. Can anyone provide a link or screenshots of areas in core that need icons? This would include the dashboard, toolbar, edit-everywhere, module admin page, permissions list, update status, message text, and action links (like, add a block).

Configure

Also known as settings. Used on modules admin page.

Suggested visual: Cog

Search/Filter

I think a complete set of icons would include a search or filter visual that could be used to enhance all of the many filter parts of forms.

Warning

We have lots of places in core where warning icons exist. Update status, messages, etc.

Error

Similar to warning, but more severe

Help

A simple question mark with circle has worked in the past. Found in the module listing page as well as in d7ux mockups top right of the node edit forms ("Help is on")

Info

Most similar to warning/error but is the least severe.

List

Unsure what sun meant by this term? Perhaps to list content?

Edit menu

Probably need a generic "sub icon" for edit, like a small pencil or cog, and a large generic icon for menus

Most likely found in the "edit everything" links.

List links

Sun suggested this, but we need more context on what this means

Revisions

Content can have multiple saved and comparable versions. Good luck on this visual

Visibility options

This is only a configuration option for block content. It should say "this bit of content can show up on these pages."

Or, more simply, perhaps an eye icon like Photoshop uses for layer visibility.

Access configuration

This is the lock icon found in your current iteration. I recommend a key instead of a lock

Caching

Think of the webserver building a page, saving the built page, and displaying the saved version to the user without having to rebuild the page.

More simply: Temp Save

Reply

Required for "edit in place" and could be a simple return arrow design

Approve

As in, approve this comment

Deny

As in, kill this comment

Load

Not sure what sun had in mind, but I'm thinking this should be a simple throbber

Render

Again, not sure what sun had in mind.

The master set is here (also at the top of this post):
https://spreadsheets.google.com/a/acquia.com/ccc?key=tRUoIGFPXxW4I3-fI49...

According to Anton he's delivering the source files.

@Noyz, I get asked to log in if I try the google docs link.

@Noyz right, no login, no list.

Just so you know, we're looking to implement something like this (click for context):

subscribe