icons for drupal late night note collection

13 June 2007 mortendk

A late-night-cant-sleep write up of the idears about these icons n stuff
Now this text file have been laying at my blackbook since the flight home from oscms07, so i guess its about time to get it online or throw it out ....

Just to be clear this is a collection of thoughts and ideas and some of the work i have done on my own little icon set (and module)
They are posted in this uncomplete & filled with spellingerrors and shit now- cause i have been f*cking busy the last month and before were in barcelona saying cheers I thought it would be sweet to get this out. So 'ere we go

Theme

well hmm offcouse the icons must look as good as Salma hayek with the garland theme.
16 * 16px size just to keep it in a good size - and maybe some 32*32 for headings etc?
Use colors that blend in with the garland theme, but also looks good in a black background
offcourse well have to create other themes along the road, but first lets create one that works for a basic drupal site.

Icons drupal need

Well first up ill think we need to catagorize which basic icons we need to create for the different elements of drupal (when first the base is up its "easy" to create all the similar)

---------------------
Drupal elements
---------------------
Block:


Module:

Template:

Menu:

User:

this sucks big time - the simple figure jeff did with the zen theme kicks ass gotta rip it ->

--------------
content / nodes
--------------
nodes:
[?] content type
cck
categories / taxonomy
comment
attachment
book
[?] input format

------------
Website elements
------------
feed
feed-aggregator
[?] forum
image
images
search
[?] poll
[?] statics

------------
actions
------------
edit
delete
[?] cancel
[?] sticky
[?] frontpage
[?] ok
[?] error
[?] warning
[?] workflow (1-2-3 ?)
lock
information
help
update

------------
navigation
------------





------------
standard drupal thingies
------------
[?] menu collapsed
[?] menu expanded
[?] menu leafs
[?] sort asc
[?] sort desc

------------
admin stuff
------------
Content management
Site building
User management
Site configuration
Logs
config / prefernce

--------------
Views
--------------
views
views fields
header
footer
empty text
[?] panels

How to implement em in drupal

A simple stylesheet would be the easiest way: its easy to overwrite in the theme, and doesnt clutter up the html.
One of the things a modul schould do is to add some ids etc to the elements that needs icons, and offcourse take care of the language versions .... wow i allready did that how convinient ;)

Naming

Lets do it our own way!
The idea about using some existing namesceme is in my opinion nonsens, i know that some *nix geeks might find it convinient to use a existing naming scheme, but geeeez - were gonna clown around in the naming for the icons.
Lets call the icons what they do in drupal, and not what it does in *insert you own favorite OS / desktop system*
If the icon is created for a special module i would propose a scheme like MODULE_ACTION.png
view module: view_footer.png, view_header.png, view_fields.png ...
menu: menu_collapsed.png, menu_expanded.png, menu_leaf.png
sorting: sort_asc.png, sort_desc.png

Other D. projects & writing

Now that im not the only one kicking pixels for the drupal world domination!

another module called iconofy -wtf! ;) http://my.opera.com/thePanz/blog/drupal-icone-nel-pann-di-amministrazione
content icons for panels from yoroy: http://drupal.org/node/149375

Stevens comment http://morten.dk/blog/mortendk/iconyfi-alpha-pixels-dot-03#comment-478
and as always hes right

nates lullabot icons http://www.lullabot.com/articles/free_gpl_icons_lullacons_pack_1

links

icon naming the *nix way http://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-lates...
maybe theres some good ideas ;)

Firefox browser ui: http://kmgerich.com/2006/07/11/firefox-browser-ui-artwork-released/

Tango icon guidelines: http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines
Some good guidelines

...damn its 2:35 copenhagen time the king of dk gotta sleep now, and dream about Sex Drüpal & Rock n Roll

Schweet.

Schweet.

Mikkel Høgh 14 June, 2007 - 17:01

What is licensing status of

What is licensing status of those icons you have provided?

Btw, nice :-)
Maybe they could be a bit bigger (24x24 px). Or maybe three sizes: 16x16px, 24x24px and 32x32px

themegarden.org 2 August, 2007 - 12:00

GPL baby

GPL baby

mortendk 7 August, 2007 - 10:50

Hi, I'm the owner of

Hi, I'm the owner of Iconizer Module (hosted in my.opera.com/thePanz) I'm moving my blog into this new web-site! (currently I have only one post, but I'll move all of my old content).

Thank you for your link, I'll let you know when I'll finish and update my module..

Bye! Greeting from Italy!

-thePanz-

thePanz 9 August, 2007 - 15:42

Caught the end of your

Caught the end of your lightning talk today, awesome work! One comment... maybe it's just me, but I find the icons rather low contrast. I have trouble distinguishing many of them easily. They look sexy but I think they'd be more useful if they were quickly identifiable.

stephthegeek 21 September, 2007 - 14:37

Not *my favorite OSS* but a

Not *my favorite OSS* but a very good cross-anything icons/style collaboration has a nice naming scheme. Why reïnvent the wheel when Tango folks spent lots of time on it. That way, all you need to do, is point at their doc and say: that is the way we name our icons, live with it.

Rather then spending ten lines of text and examples and still not have it clear :)....
http://tango.freedesktop.org/Standard_Icon_Naming_Specification

Bèr Kessels 3 October, 2007 - 11:20

Loving your icons

I am using some of your icons for the theme I am building for SteamedPenguin.

Thank you very much as they fit the bill perfectly and add some color to a pretty black and white site.

Samir M. Nassar 10 August, 2008 - 05:19
The content of this field is kept private and will not be shown publicly.
@bertboerland alright im gonna check in at stayokay then & go find that cafe. ich habe hunger ... oh crap that was german ;) 9 hours 42 min ago
1,251

freya rocks

the progress for my premature daughter can be folllowed here:
Freya Rocks
sorry its in danish

the blög

Upcoming events

places im gonna attend + speak at:

  • Drupaljam - amsterdam
    19 Mar 2010 (All day)
  • DC San Francisco
    19 Apr 2010 (All day) - 21 Apr 2010 (All day)
  • drupalcamp copenhagen 2010
    21 May 2010 (All day) - 23 May 2010 (All day)

good Stüff

Mothership - a clean up the crap "theme"

Miro - a open atrium theme:
more info & comments

User login

Recent comments

give some luv

drupal member ...

geek royale