icons - Revision history

Aaronpk: Replace with {{DISPLAYTITLE:}}

2020-07-18T16:28:14Z

Replace <entry-title> with {{DISPLAYTITLE:}}

← Older revision		Revision as of 16:28, 18 July 2020
Line 1:		Line 1:
	~~<entry-title>~~ Icons ~~</entry-title>~~		{{DISPLAYTITLE: Icons }}
	These icons can be used to depict various microformats in webpages or on the desktop.		These icons can be used to depict various microformats in webpages or on the desktop.

Pfefferle: fixed link

2016-06-27T14:56:04Z

fixed link

← Older revision		Revision as of 14:56, 27 June 2016
Line 46:		Line 46:
	'''Icon Font:'''		'''Icon Font:'''

	* The [http://pfefferle.github.~~com~~/openwebicons/#microformats-icons OpenWeb-Icons] are providing some of the icons above as web-fonts		* The [http://pfefferle.github.io/openwebicons/icons/#microformats-icons OpenWeb-Icons] are providing some of the icons above as web-fonts

	'''Comments:'''		'''Comments:'''

Pfefferle: added the openweb-icon set

2013-02-04T12:28:14Z

added the openweb-icon set

← Older revision		Revision as of 12:28, 4 February 2013
Line 43:		Line 43:
	* http://farm1.static.flickr.com/235/515843768_98956242a7_o.png hCard		* http://farm1.static.flickr.com/235/515843768_98956242a7_o.png hCard
	* http://farm3.static.flickr.com/2178/2528693942_1a58d71d27_o.png [http://notizblog.org/projects/haudio-icons/ hAudio Icons]		* http://farm3.static.flickr.com/2178/2528693942_1a58d71d27_o.png [http://notizblog.org/projects/haudio-icons/ hAudio Icons]

			'''Icon Font:'''

			* The [http://pfefferle.github.com/openwebicons/#microformats-icons OpenWeb-Icons] are providing some of the icons above as web-fonts

	'''Comments:'''		'''Comments:'''

Ssokolow: /* VoteLinks */ DeliciouslyMeta.com is gone and FactoryCity.net's icons seem to be gone. Since upload is disabled, link to copies of the icons on web.archive.org

2012-07-22T01:39:54Z

VoteLinks: DeliciouslyMeta.com is gone and FactoryCity.net's icons seem to be gone. Since upload is disabled, link to copies of the icons on web.archive.org

← Older revision		Revision as of 01:39, 22 July 2012
Line 81:		Line 81:
	[http://microformats.org/wiki/vote-links VoteLinks]		[http://microformats.org/wiki/vote-links VoteLinks]

	* http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for		* [http://web.archive.org/web/20071018093426/http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for]
	* http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against		* [http://web.archive.org/web/20071018093433/http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against]
	* http://factorycity.net/projects/microformats~~%2Dicons~~/images/vote-links.png (download the [http://factorycity.net/projects/microformats~~%2Dicons~~/files/vote-links.zip kit])		* [http://web.archive.org/web/20070730010522/http://www.factorycity.net/projects/microformats-icons/images/vote-links.png] (download the [http://web.archive.org/web/20070730010851/http://www.factorycity.net/projects/microformats-icons/files/vote-links.zip kit])

	'''Comments:'''		'''Comments:'''

Ssokolow: /* Geo */ Unbreak link to the geotag icon

2012-07-22T01:33:05Z

Geo: Unbreak link to the geotag icon

← Older revision		Revision as of 01:33, 22 July 2012
Line 96:		Line 96:
	* http://users.hol.gr/~dzach/microformats/openmap.gif		* http://users.hol.gr/~dzach/microformats/openmap.gif

	* http://~~www~~.~~geotagicons~~.com/~~img~~/~~geotag-16px~~.png (taken from [http://www.geotagicons.com/ Geotag Icon Project])		* http://geotagicons.files.wordpress.com/2011/09/geotag_16.png (taken from [http://www.geotagicons.com/ Geotag Icon Project])

	----		----

Tantek: entry-title

2012-06-11T14:46:57Z

entry-title

← Older revision		Revision as of 14:46, 11 June 2012
Line 1:		Line 1:
	<h1> Icons </h1>		<entry-title> Icons </entry-title>
	These icons can be used to depict various microformats in webpages or on the desktop.		These icons can be used to depict various microformats in webpages or on the desktop.

Gdibble: /* Examples in the Wild */ Added RFX lynx

2011-07-31T02:08:22Z

Examples in the Wild: Added RFX lynx

← Older revision		Revision as of 02:08, 31 July 2011
Line 124:		Line 124:
	== Examples in the Wild ==		== Examples in the Wild ==

			* [http://ripplefxinc.com RippleFxInc.com], its [http://blog.ripplefxinc.com Blog], [http://wiki.ripplefxinc.com Wiki] and ''All websites professionally produced'' use the hCard download-link / vCard integrated [10x12] icon; et. al.
	* [http://zeroseis.com.br ZeroSeis] uses hCard download icon.		* [http://zeroseis.com.br ZeroSeis] uses hCard download icon.
	* [http://www.bayofislands.net/ Bay of Islands] uses hCard geo icon eg. in [http://www.bayofislands.net/accommodation/backpackers/mousetrap/ Moustrap Backpackers] page		* [http://www.bayofislands.net/ Bay of Islands] uses hCard geo icon eg. in [http://www.bayofislands.net/accommodation/backpackers/mousetrap/ Moustrap Backpackers] page

Gdibble: Link to W&C's 1st attempt removed as was dead, Added new xsm Icon hosted via GitHub

2011-07-31T01:54:28Z

Link to W&C's 1st attempt removed as was dead, Added new xsm Icon hosted via GitHub

← Older revision		Revision as of 01:54, 31 July 2011
Line 5:		Line 5:
	* [http://factoryjoe.com/blog Chris Messina]		* [http://factoryjoe.com/blog Chris Messina]
	* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]		* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
			* [http://ripplefxinc.com Gabriel Dibble] · [[User:Gdibble\|^]]
	* [http://bartleme.at Wolfgang Bartelme]		* [http://bartleme.at Wolfgang Bartelme]

Line 19:		Line 20:
	=== Web ===		=== Web ===

	A [~~http~~://~~factorycity~~.~~net~~/~~projects~~/~~microformats-icons~~/ first effort~~] has been~~ completed by Wolfgang Bartelme and Chris Messina to create a series of web-friendly icons and buttons for microformats.		A follow-up to Wolfgang & Chris' excellent work, Gabriel has created an extra-small (10x12) general use icon to indicate both ''a vCard download-link'' and ''the integration of an hCard''. In contrast to the more attention-commanding graphics below, this icon intends to ''cleanly and elegantly'' integrate into footers or any in-line text ''(more appropriate for'' some'' site designs)'':

			* https://github.com/gdibble/microformatsIcons/raw/master/vCard.xsm.png vCard download / hCard integrated  ([https://github.com/gdibble/microformatsIcons/blob/master/README readme])


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

	==== General ====		==== General ====
Line 47:		Line 53:
	*** [[User:PatHawks\|PatHawks]] thinks smaller is better, if the icon is going to sit next to every tag		*** [[User:PatHawks\|PatHawks]] thinks smaller is better, if the icon is going to sit next to every tag
	** [[User:Pfefferle\|Pfefferle]] suggests the [http://www.famfamfam.com/lab/icons/silk/ FamFamFam] tag-icon: http://notizblog.org/wp-content/uploads/2007/05/tag_blue.png		** [[User:Pfefferle\|Pfefferle]] suggests the [http://www.famfamfam.com/lab/icons/silk/ FamFamFam] tag-icon: http://notizblog.org/wp-content/uploads/2007/05/tag_blue.png
			** [[User:Gdibble\|Gabriel Dibble]] liked the idea, thus producing the 10x12 transparent icon ''above''
	* Tantek wonders whether we need an hCard Download icon -- since it focuses too much on the "pipes"		* Tantek wonders whether we need an hCard Download icon -- since it focuses too much on the "pipes"
	* Ron thinks it's ok to use icons, cause it's a nice way of promoting the "Microformat idea". Maybe it's a good idea to use a downward aimed arrow to indicate the possibility to "download" something (like an hCard or hResume).		* Ron thinks it's ok to use icons, cause it's a nice way of promoting the "Microformat idea". Maybe it's a good idea to use a downward aimed arrow to indicate the possibility to "download" something (like an hCard or hResume).

Bcampbell: /* General */

2010-07-29T14:22:52Z

General

← Older revision		Revision as of 14:22, 29 July 2010
Line 30:		Line 30:
	* http://img.skitch.com/20090827-twehb4b77egeieidept1cg7q6t.png rel-tag (button)		* http://img.skitch.com/20090827-twehb4b77egeieidept1cg7q6t.png rel-tag (button)
	* http://img.skitch.com/20090827-p1rkxqnrhwyuta8wghi6xe3bbw.png XFN (button)		* http://img.skitch.com/20090827-p1rkxqnrhwyuta8wghi6xe3bbw.png XFN (button)
			* http://github.com/bcampbell/hnews_popup/raw/master/hnews_icon.png hNews

	'''Based on the General Icon DevKit:'''		'''Based on the General Icon DevKit:'''

Chris Messina: changing source of mf icons

2009-08-27T00:44:57Z

changing source of mf icons

← Older revision		Revision as of 00:44, 27 August 2009
Line 23:		Line 23:
	==== General ====		==== General ====

	* http://~~factorycity~~.~~net~~/~~projects/microformats%2Dicons/images/icon~~-~~hatom~~.png hAtom		* http://img.skitch.com/20090827-qa9y941qxn6haf1y2e31fydt7.png hAtom
	* http://~~factorycity~~.~~net~~/~~projects/microformats%2Dicons/images/icon~~-~~hcalendar~~.png hCalendar		* http://img.skitch.com/20090827-qg4y5k6ayapuc3fm36a8hada6b.png hCalendar
	* http://~~factorycity~~.~~net~~/~~projects/microformats%2Dicons/images/icon-hcard~~-~~add~~.png hCard Add		* http://img.skitch.com/20090827-f3qdiebfdr665y1ag1byy31du2.png hCard Add
	* http://~~factorycity~~.~~net/projects/microformats%2Dicons~~/~~images/icon~~-~~hcard-download~~.png hCard Download		* http://img.skitch.com/20090827-fnq86wtfttf2tah18q4j69wbka.png hCard Download
	* http://~~factorycity~~.~~net/projects/microformats%2Dicons/images~~/~~icon~~-~~hresume~~.png hResume (button)		* http://img.skitch.com/20090827-pc154xc2xw6ainsajxbncmxqyg.png hResume (button)
	* http://~~factorycity~~.~~net/projects/microformats%2Dicons/images~~/~~icon-rel~~-~~tag~~.png rel-tag (button)		* http://img.skitch.com/20090827-twehb4b77egeieidept1cg7q6t.png rel-tag (button)
	* http://~~factorycity~~.~~net/projects/microformats%2Dicons/images~~/~~icon~~-~~xfn~~.png XFN (button)		* http://img.skitch.com/20090827-p1rkxqnrhwyuta8wghi6xe3bbw.png XFN (button)

	'''Based on the General Icon DevKit:'''		'''Based on the General Icon DevKit:'''
Line 54:		Line 54:
	==== XFN ====		==== XFN ====

	* http://~~factorycity~~.~~net/projects/microformats%2Dicons/images~~/~~xfn~~-me.png rel-me		* http://img.skitch.com/20090827-r6ksuun131mk1rupdittkh987b.png rel-me
	* http://~~factorycity~~.~~net~~/~~projects/microformats%2Dicons/images/xfn~~-~~friend~~.png rel-friend		* http://img.skitch.com/20090827-f6y8qp5q5b3ejtyphw931698uw.png rel-friend
	** http://~~factorycity~~.~~net~~/~~projects/microformats%2Dicons/images/xfn-friend~~-~~met~~.png met		** http://img.skitch.com/20090827-kwbt1kty45ynp8nxf3wbyyderx.png met
	* http://~~factorycity~~.~~net~~/~~projects/microformats%2Dicons/images/xfn~~-~~sweetheart~~.png rel-sweetheart		* http://img.skitch.com/20090827-tmm7p8pkw149hfdku8jfc2greu.png rel-sweetheart
	** http://~~factorycity~~.~~net/projects/microformats%2Dicons/images~~/~~xfn-sweetheart~~-~~met~~.png met		** http://img.skitch.com/20090827-t3btra8dyxnp5fshqg58ywjhc.png met
	* http://~~factorycity~~.~~net/projects/microformats%2Dicons~~/~~images/xfn~~-~~colleague~~.png rel-colleague		* http://img.skitch.com/20090827-miwd8ux7kf35fntsqriicrrjsw.png rel-colleague
	** http://~~factorycity~~.~~net/projects/microformats%2Dicons~~/~~images/xfn~~-~~colleague-met~~.png met		** http://img.skitch.com/20090827-pjeiakssxjyr54k7htr3qjxgmu.png met

	'''Comments:'''		'''Comments:'''