As previously discussed, I think it would be a good idea to come up with a generic “social bookmarking”/”sharing” icon for use with things like my Share This plugin.
I’ve come up with a rough concept icon:
It’s in the same vein as the feed icon as Chris discussed.
The connected dots represent information/data/ideas passing from one originating place to others. The green color is used to reinforce the “go”ing nature of the interaction.
It’s obviously rough, and just a first concept so hopefully we can discuss it as a concept rather than picking at the problems in the details1.
The comments are open.
UPDATE: Here is a version that will shrink to a small icon size better:
Please continue to post your own contributions (links to images, etc.) in the comments – but remember to test them at 12×12 pixels and 16×16 pixels as well. Use the feed icons package as an example.
UPDATE: Concept #2 posted.
- The connected circles on the interior probably need to be a bit larger/bolder to work at a small size, etc. [back]
This post is part of the project: Share Icon. View the project timeline for more context on this post.
This post is part of the project: Share Icon. View the project timeline for more context on this post.
I like the idea, but I agree it’ll need tweaking. Perhaps having it spit 3 different ways? currently it just feels… like “Y.” But that may be the feeling to go with.and move the whole close to the edge (make bigger) so that it enlarges and shrinks better.
Alex, I like the icon. The concept is clear and the presentation grabs attention. I don’t see much that needs to be changed.
I like the icon- I agree maybe black or a darker green border around the inside of the “Y”.
The icon is OK. No changes needed
I’d definitely be concerned about how that displays at a small size. At 16 x 16 it looks more like a left-pointing arrow, I fear. Perhaps the addition of another child node, with the connections of differing lengths and angles?
Sharing might be better-represented as a more radial relationship, but then again, scale’s gonna be tricky. Good luck!
I’d be curious to see it at a range of sizes, but I like the first cut a lot, guy.
Hopefully a :scare: real :/scare: icon artist will take the ball from here and run with it (polished version or derivative). Creating versions of an icon at different sizes is a special skill.
Excellent! I like it. Simple and to the point. go for it!
Don’t mean to be a wet blanket, but … it kinda reminds me of the PlanetRDF.com favicon (I’m sure the icon is used in other places but that’s where I see it every day)
Ooh, nice! I like it.
looks good to me. Though you didn’t have to watermark it.
I don’t blame him for adding the watermark- it’s his concept and design.
Watermark OK, but copyright? I’d consider CC instead – especially if your aim is modification by other artists and adoption by the outside world.
Yes, I just had to be that anti-copyright guy.
This is more what I was thinking. Roughly same idea… but triple.
[img]http://www.litwc.com/gallery/albums/ShareThis/128.png[/img]
[img]http://www.litwc.com/gallery/albums/ShareThis/16.png[/img]
[url]http://www.litwc.com/gallery/albums/ShareThis/Share%20This.ai[/url]
Alex. Check that same folder that I had posted samples before if the links get lost again.
128, 64, 32, 16 + ai
it kept getting noted as spam.
Brett – copyright is not a license. Please learn a little about about licensing and copyright before you chime in with criticism.
Partick – I think there is too much going on in there – just my $.02.
I like the icon. It may look even better in black. At small resolution, it looks like an arrow
Nice icon. Like it and its description.
Hey it’s great, I’m going to add it to my blog beside the share this plugin text
Looks a lot like the icon I created for my ‘Application Monitor’ software.
You can see it here – http://www.websiteme[...]/prod_am.htm
I used 3 dimensional spheres with shadows. That might give you some ideas.
You’re absolutely right, Alex re: copyright. I’m not sure what I was thinking last night. Apologies.
No worries Brett – any final design will certainly be liberally licensed (probably dual or tri-licensed under GPL, CC, etc.).
I like! Concept #1 is much better than #2. Concept #2 is big-boned.
Well, you’ve given me an excuse to mess with Illustrator. 🙂 What about arrows? The circles are cool but it’s a little abstract for me.
Here’s an idea I was futzing with this afternoon:
http://lonesysadmin.[...]-this-icons/
Looks nice. I kept my root node in the middle rather than the bottom left was to avoid having the icon “grow” in the same direction that the feed icon does.
One of the reasons I didn’t choose blue was that the OPML icon project is already using blue.
http://www.opmlicons.com/
I don’t see your concept of the star yet. I just added another one, a star with a hole in it. I dunno, just riffing on the idea of simple geometric designs. The star is simple, easy to see at small sizes, and isn’t taken by OPML or RSS. 🙂
Concept #2 posted.
My quick and dirty concept.
I like it! Keep up the great work!
Chris
When Concept #1 is used in context in the smaller size, it looks a lot like , it makes a fair amount of sense in terms of the concept you’re using.
concept #1
the three connected dots look excellent. especially in the way that they are lying on their side and in a way pointing to the left.
with the two feet to the right it is very much reminiscent of a fork and suggesting connection.
like it.
[…] – I start using S3 and it comes in handy. I continue the “share” icon conversation and eventually launch shareicons.com. I have more hardware […]
[…] is from Alex King’s blog. It was about creating an icon for his share this […]
The star is really ugly. Don’t start using random ugly icons.
I like the first one. Neat and it is similar to the rest. And I’m already using it on my blog.
[…] that has taken over the blog world. I forgot who came up with the icon, but (edit) Tom gave me the proper link. My first thought was, “Oh god. I hope it doesn’t become popular.” But it did, and now everyone has […]
[…] was 6 years ago that I first floated the idea of a generic icon for sharing1 – I’m thrilled and amazing at how well this little icon has done. It’s great to […]