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
Related Issues
#1712440: Add support for E-Mail subscriptions
#1540080: Add support for Pinterest
#1386676: Add support for Google +]
Comment | File | Size | Author |
---|---|---|---|
#19 | on_the_web-InstagramSoundcloud-1816304-19.patch | 2.75 KB | natts |
#17 | on_the_web-7.x-1.5.zip | 141.77 KB | natts |
#17 | on_the_web.txt | 9.97 KB | natts |
#17 | soundcloud.psd | 5.75 KB | natts |
#17 | instagram.psd | 10.59 KB | natts |
Comments
Comment #1
jenlamptonAnyone know any great graphic artists who can make social media icons for us? I've contacted a few people with no luck so far.
Comment #1.0
jenlamptonmeta issue now
Comment #2
jenlamptonI'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 :)
Comment #2.0
jenlamptonremove comment
Comment #2.1
jenlamptonclarify list items
Comment #3
marcvangendI 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.
Comment #4
Bojhan CreditAttribution: Bojhan commentedThere are many GPL and/or SIL licensed libraries, see http://weloveiconfonts.com/ for some examples.
http://en.wikipedia.org/wiki/SIL_Open_Font_License
Comment #5
jenlamptonWell, 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).
Comment #6
marcvangendGood 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.
Comment #7
jenlamptonI 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 :)
Comment #8
greenSkin CreditAttribution: greenSkin commentedI'm in need of Pinterest. Would love access to the new set!
Comment #9
jenlamptonSorry @greenSkin, I should have posted them all here. New set attached!
Comment #10
marcvangendSorry, 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.
Comment #11
Jaime_Pomales CreditAttribution: Jaime_Pomales commentedI 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.
Comment #12
juliangb CreditAttribution: juliangb commentedI agree with the comment about colours - users need to be able to subconsciously see the icon and know what it stands for.
Comment #13
jenlamptonThanks 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.
Comment #13.0
jenlamptonadded existing set
Comment #14
nattsAny news on Instagram and for me, ideally Soundcloud too?
Comment #15
nattsComment #16
Anonymous (not verified) CreditAttribution: Anonymous commented+1 about Instagram
Comment #17
nattsI 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
Comment #18
nattsComment #19
nattsMy first Drupal patch - I think I've done this right!
Comment #20
maryafigueroa CreditAttribution: maryafigueroa commentedHi 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
Comment #21
mgiffordHi @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.
Comment #22
jenlampton@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.
Comment #23
jenlampton@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)
Comment #24
nattsNo 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.
Comment #25
jenlamptonDoh, 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.