Problem/Motivation

This module has a growing need for GPL social media icons, preferably a related set that all look great together.

Proposed resolution

I would like to find an awesome graphic artist who can supply said awesome icons on an as-requested basis.

Remaining tasks

Generate and add the following icons to the module:
- BuzzFeed
- Scribd
- Eventbrite
- Mailchimp or more generic "Mailing List" option

Possibly replace these existing icons with those that match a complete set:
- Delicious
- Facebook
- Flickr
- Friendfeed
- Google+
- Instagram
- iTunes
- LinkedIn
- MySpace
- Pinterest
- an RSS icon
- Soundcloud
- Twitter
- YouTube

#1712440: Add support for E-Mail subscriptions
#1540080: Add support for Pinterest
#1386676: Add support for Google +]

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jenlampton’s picture

Component: User interface » GPL Icon

Anyone know any great graphic artists who can make social media icons for us? I've contacted a few people with no luck so far.

jenlampton’s picture

Issue summary: View changes

meta issue now

jenlampton’s picture

Title: New buttons request: Scribd, Eventbrite and Mailchimp » New GPL icons needed
Version: 6.x-1.2 » 7.x-1.3

I'm stealing this issue to cover all the icons requested, if you'd like another one please edit the main issue and add it to the list :)

jenlampton’s picture

Issue summary: View changes

remove comment

jenlampton’s picture

Issue summary: View changes

clarify list items

marcvangend’s picture

I don't know if this helps, but there is an icon font called "Zocial" (https://github.com/samcollins/css-social-buttons) which contains almost every icon you mentioned, and even Druplicon! Only Friendfeed and Mailchimp are missing, but there is a generic mail-icon. The overview of many of the icons in this font (http://zocial.smcllns.com/sample.html) suggests that the creator is open to requests.

The Zocial icon font is released under the MIT license, which is GPL-compatible. I'm not a lawyer though, so I don't know if "GPL-compatible" is sufficient.

Bojhan’s picture

There are many GPL and/or SIL licensed libraries, see http://weloveiconfonts.com/ for some examples.

http://en.wikipedia.org/wiki/SIL_Open_Font_License

jenlampton’s picture

Well, as a general rule we are not allowed to package 3rd party software with a module. Plus, "GPL-compatible" is strictly prohibited unless we get an exception granted from d.o administrators, so for now, zocial is unfortunately not a possibility. There may be a chance we can change our policy, but see more on that here: #1856762: Revisit and Redefine Drupal's Policy on hosting 3rd party files and/or files that is not strictly GPL

On the up side, I talked to Darius today and he showed some interest in working on these icons for us :). Until we can get the policy updated to allow packaging of 3rd party libraries, I think we should go with our own sweet set of IconsByDarius(tm).

marcvangend’s picture

Good to see that Darius is helping out.

Re Bojhan: The interwebs are not unanimous, but most sources say that the SIL OFL is not GPL-compatible.

jenlampton’s picture

I have the new icons! They are very bright colors so I'm going to put them on a few of my own sites first to make sure they work with different themes. Stay tuned :)

greenSkin’s picture

I'm in need of Pinterest. Would love access to the new set!

jenlampton’s picture

FileSize
704.07 KB

Sorry @greenSkin, I should have posted them all here. New set attached!

marcvangend’s picture

Sorry, but I don't understand the choice of colors. Brands are not only associated with the shape of their logo, but also with the brand color. When I scan a list of social media icons, looking for the service I want to use, the color is at least as important as the logo (maybe even more important).

In my world, Facebook is blue, RSS is orange, Flickr is blue with magenta, and so on. Assuming that I'm not the only one, I think it's a bad idea to deviate from these conventions.

Jaime_Pomales’s picture

I did up a pinterest icon in the style of the existing set. I release it here under the GPL license with an Inkscape SVG source file if it helps anyone. I tried to match it up best I could, but if anybody wants to do it better, I'd appreciate it.

juliangb’s picture

I agree with the comment about colours - users need to be able to subconsciously see the icon and know what it stands for.

jenlampton’s picture

Thanks for your feedback on the colors.

For now I'll incorporate the Pinterest icon @Jaime_Pomales provided (thank you!) in the initial icon set, and we'll take another stab at the new ones.

jenlampton’s picture

Issue summary: View changes

added existing set

natts’s picture

Issue summary: View changes

Any news on Instagram and for me, ideally Soundcloud too?

natts’s picture

Issue summary: View changes
Anonymous’s picture

+1 about Instagram

natts’s picture

I got bored of waiting, so here's icons that I've done in the same format as the others, for Instagram and Soundcloud, with the Paint.NET layered files (rename them from .psd to .pdn) included in case they're of any use for future icons - larger files are the larger icons. I also release them here under the GNU GPL. The original icons were both taken from the relevant official branding kits.

I've also attached a modified version of the on_the_web.module file (rename the extension from .txt to .module) with the extra lines for these two services.

Plus a zip file of the new version of the whole module (without the .pdn files).

You can see them in action at http://www.simonolivermarsh.com

natts’s picture

Issue summary: View changes
natts’s picture

My first Drupal patch - I think I've done this right!

maryafigueroa’s picture

Hi everyone - any word on updates to the icons? They all seem out of date. What about using Font Awesome icons? Free. Available. ? http://fontawesome.io/icons/#brand

mgifford’s picture

Hi @natts - I think you need to pull it from:
https://www.drupal.org/project/on_the_web/git-instructions

I think these instructions might help:
https://www.drupal.org/node/707484

@maryafigueroa - those may well be new issues that should be opened up.

jenlampton’s picture

@natts wow, thank you so much for all your work on this! I wasn't able to get your patch to work, but I was able to reproduce your work thanks to all your uploads :)

@maryafigueroa yes, I love FontAwesome too, and am scheming on a way to replace these IMG files with an icon font in future versions, but for now I will be including @natts work since that will work nicely with all the versions of OTW people are using today.

jenlampton’s picture

Status: Active » Closed (won't fix)

@matts I included your work over in this other issue for new services: #2146491: Soundcloud & Instagram profile support

@maryafigueroa I've opened a new issue to talk about switching to an icon font: #2421215: Switch to using an icon font (like FontAwesome)

I'm going to mark this issue CWF in favor of #2421215: Switch to using an icon font (like FontAwesome)

natts’s picture

Status: Closed (won't fix) » Needs work

No problem Jen, though a shame you wrote 'matts' not 'natts' on the commit!

It would be nice if you could credit them to me on the README.txt? You're currently just crediting the ElegantThemes icon set which doesn't contain them.

I am also a fan of FontAwesome, but the disadvantage is that it is monochromatic - i.e. just one colour. So the icons would just be a single colour, with no gradients etc. which means they won't look as they should.

jenlampton’s picture

Status: Needs work » Closed (won't fix)

Doh, sorry @natts I'll fix up the commit :( (This issue should stay closed because it was #2146491: Soundcloud & Instagram profile support that had the commit that needs work)

Also, can you add your comment about FontAwesome over on the FontAwesome issue: #2421215: Switch to using an icon font (like FontAwesome)

That way your feedback won't be missed when it comes time to work on that one.