icons

From Microformats Wiki
Revision as of 20:19, 18 December 2006 by SteveIvy (talk | contribs) (→‎Icons: Add icons for vote-links)
Jump to navigation Jump to search

Icons

These icons can be used to depict various microformats in webpages or on the desktop.

Creators

Copyright

Unless otherwise noted, these icons are licensed under the Creative Commons Attribution-ShareAlike 2.5 license.


Icons

Web

A first effort has been completed by Wolfgang Bartelme and Chris Messina to create a series of web-friendly icons and buttons for microformats.

General

  • icon-hatom.png hAtom
  • icon-hcalendar.png hCalendar
  • icon-hcard-add.png hCard Add
  • icon-hcard-download.png hCard Download
  • icon-hresume.png hResume (button)
  • icon-rel-tag.png rel-tag (button)
  • icon-xfn.png XFN (button)

Comments:

  • Hober pointed out that bright green seems to be a common color for [eventful.com/images/skin/ical.gif ical chicklets]
  • Tantek wonders if the rel-tag button is useful
  • ChrisMessina suggest a need for a small 10x10 tag icon
  • Tantek wonders whether we need an hCard Download icon -- since it focuses too much on the "pipes"

XFN

  • xfn-me.png rel-me
  • xfn-friend.png rel-friend
    • xfn-friend-met.png met
  • xfn-sweetheart.png rel-sweetheart
    • xfn-sweetheart-met.png met
  • xfn-colleague.png rel-colleague
    • xfn-colleague-met.png met

Comments:

  • Tantek: wonders if a rel-me icon is necessary or appropriate; perhaps something indicating "facets"?
  • ChrisMesssina: rel-me is useful in blog posts where you link to other posts that you've written

VoteLinks

VoteLinks

  • vote-for.gif vote-for
  • vote-against.gif vote-against

Comments:

  • SteveIvy: I don't have a good icon for vote-abstain. Recommendations welcome. These are also a tad large to site next to links, perhaps?




Mac

mf-icons-preview.png

These icons can be used for folders or files on your Mac. You can use a tool like Pixadex for managing and applying them.

Created by Chris Messina




PDF & SVG

pdffile.png svgfile.png

This logo looks pretty much as first icon of Chris’ set. You could open it in any bitmap or vector editing tools, such as Adobe Photoshop or Adobe Illustrator.

Created by Dmitry Baranovskiy