New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Icon Request: fa-mastodon #10897

Closed
xuv opened this Issue Apr 5, 2017 · 41 comments

Comments

Projects
None yet
@xuv

xuv commented Apr 5, 2017

Since the Mastodon Fediverse is gaining traction at the moment, there will soon be a need to update all the social profiles with a new icon.

The Mastodon logo

Mastodon logo

@xuv xuv referenced this issue Apr 6, 2017

Closed

New logo ? #962

1 of 1 task complete
@chrisheninger

This comment has been minimized.

Show comment
Hide comment
@chrisheninger

chrisheninger Apr 8, 2017

Digging around for an SVG so I can add Mastodon to my Franz app (meetfranz!), this is the best I could find from a few minutes of searching: http://svgur.com/s/Jh

chrisheninger commented Apr 8, 2017

Digging around for an SVG so I can add Mastodon to my Franz app (meetfranz!), this is the best I could find from a few minutes of searching: http://svgur.com/s/Jh

@chrisheninger

This comment has been minimized.

Show comment
Hide comment
@chrisheninger

chrisheninger Apr 8, 2017

GitHub won't let me upload an SVG, so here's the code for a cleaned up version of the above URL to match the PNG. (blue solid logo rather than black outlines)

---removed SVG tag in favor of official logos below 👇 ---

chrisheninger commented Apr 8, 2017

GitHub won't let me upload an SVG, so here's the code for a cleaned up version of the above URL to match the PNG. (blue solid logo rather than black outlines)

---removed SVG tag in favor of official logos below 👇 ---

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Apr 8, 2017

Thanks @chrisheninger. Looks like a redraw by someone but thanks :)

xuv commented Apr 8, 2017

Thanks @chrisheninger. Looks like a redraw by someone but thanks :)

@micahilbery

This comment has been minimized.

Show comment
Hide comment
@micahilbery

micahilbery Apr 11, 2017

there is an svg version of the logo on the mastodon github here: https://github.com/tootsuite/mastodon/blob/master/app/assets/images/logo.svg

micahilbery commented Apr 11, 2017

there is an svg version of the logo on the mastodon github here: https://github.com/tootsuite/mastodon/blob/master/app/assets/images/logo.svg

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Apr 11, 2017

@TraumaD Yes. Hopefully updated soon with the most recent colors and shapes. tootsuite/mastodon#1362

xuv commented Apr 11, 2017

@TraumaD Yes. Hopefully updated soon with the most recent colors and shapes. tootsuite/mastodon#1362

@nIQnutn

This comment has been minimized.

Show comment
Hide comment
@nIQnutn

nIQnutn commented Apr 19, 2017

+1

@dersch81

This comment has been minimized.

Show comment
Hide comment
@dersch81

dersch81 commented Apr 21, 2017

+1

@micahilbery

This comment has been minimized.

Show comment
Hide comment
@micahilbery

micahilbery Apr 21, 2017

The svg (and png) of the logo on the projects official GitHub was recently updated to be better pixel fitted, optimized, and to make the two the same size shape and colour. Links to the new icon are here:

SVG: https://github.com/tootsuite/mastodon/blob/master/app/javascript/images/logo.svg
PNG: https://github.com/tootsuite/mastodon/blob/master/app/javascript/images/logo.png

micahilbery commented Apr 21, 2017

The svg (and png) of the logo on the projects official GitHub was recently updated to be better pixel fitted, optimized, and to make the two the same size shape and colour. Links to the new icon are here:

SVG: https://github.com/tootsuite/mastodon/blob/master/app/javascript/images/logo.svg
PNG: https://github.com/tootsuite/mastodon/blob/master/app/javascript/images/logo.png

@stephenstewart-ca

This comment has been minimized.

Show comment
Hide comment
@stephenstewart-ca

stephenstewart-ca Jun 6, 2017

I ran your svg through affinity and donatello and hand edited the html and css:
mastodon-icon-font.zip

stephenstewart-ca commented Jun 6, 2017

I ran your svg through affinity and donatello and hand edited the html and css:
mastodon-icon-font.zip

@ROYALBEFF

This comment has been minimized.

Show comment
Hide comment
@ROYALBEFF

ROYALBEFF commented Jul 8, 2017

+1

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Jul 27, 2017

Hello! Finally we have a new logo for Mastodon. I was hesitating to respond in this thread because I knew a new one was coming (I didn't like the old one), I just didn't know when. Now it's here. The SVG can be found here: https://github.com/tootsuite/mastodon/blob/master/app/javascript/images/logo.svg


Gargron commented Jul 27, 2017

Hello! Finally we have a new logo for Mastodon. I was hesitating to respond in this thread because I knew a new one was coming (I didn't like the old one), I just didn't know when. Now it's here. The SVG can be found here: https://github.com/tootsuite/mastodon/blob/master/app/javascript/images/logo.svg


@stephenstewart-ca

This comment has been minimized.

Show comment
Hide comment
@stephenstewart-ca

stephenstewart-ca Jul 30, 2017

I scaled your Simplify & Favicon SVG files to a nominal 1000 x 1000 px in Affinity Designer.
The EOT, SVG, TTF, & WOFF fonts were generated by Fontello; the OTF font by Font2Web.
The #3088d4 hex color value is embedded with a style tag in the html.
new-mastodon-icon-font.zip

stephenstewart-ca commented Jul 30, 2017

I scaled your Simplify & Favicon SVG files to a nominal 1000 x 1000 px in Affinity Designer.
The EOT, SVG, TTF, & WOFF fonts were generated by Fontello; the OTF font by Font2Web.
The #3088d4 hex color value is embedded with a style tag in the html.
new-mastodon-icon-font.zip

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Aug 3, 2017

@stephenstewart-ca Fantastic, thank you!

Now how/when can this land in font-awesome?

Gargron commented Aug 3, 2017

@stephenstewart-ca Fantastic, thank you!

Now how/when can this land in font-awesome?

@stephenstewart-ca

This comment has been minimized.

Show comment
Hide comment
@stephenstewart-ca

stephenstewart-ca Aug 8, 2017

There two ways: a short term fix and a long term solution.
The short term solution is to add fa-mastodon (\e8a1) and fa-mastodon-alt (\e8a2)
to a custom font-awesome with all the other icons (see: custom-font-awesome.zip).
custom-font-awesome.zip
In the long term, submit mastodon.svg and mastodon-alt.svg (see: mastodon-svg4font.zip)
to the Font Awesome community (https://github.com/FortAwesome/Font-Awesome/issues).
See guidelines (https://github.com/FortAwesome/Font-Awesome/blob/master/CONTRIBUTING.md).
mastodon-svg4font.zip
The author of Font Awesome is: dave@davegandy.com or https://twitter.com/fontawesome/

stephenstewart-ca commented Aug 8, 2017

There two ways: a short term fix and a long term solution.
The short term solution is to add fa-mastodon (\e8a1) and fa-mastodon-alt (\e8a2)
to a custom font-awesome with all the other icons (see: custom-font-awesome.zip).
custom-font-awesome.zip
In the long term, submit mastodon.svg and mastodon-alt.svg (see: mastodon-svg4font.zip)
to the Font Awesome community (https://github.com/FortAwesome/Font-Awesome/issues).
See guidelines (https://github.com/FortAwesome/Font-Awesome/blob/master/CONTRIBUTING.md).
mastodon-svg4font.zip
The author of Font Awesome is: dave@davegandy.com or https://twitter.com/fontawesome/

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Aug 8, 2017

From reading the contribution document, seems like this issue already fulfills all points from "Requesting new icons" - so a matter of waiting now?

Gargron commented Aug 8, 2017

From reading the contribution document, seems like this issue already fulfills all points from "Requesting new icons" - so a matter of waiting now?

@stephenstewart-ca

This comment has been minimized.

Show comment
Hide comment
@stephenstewart-ca

stephenstewart-ca Aug 8, 2017

Hi @tagliala
This file mastodon-svg4font.zip contains mastodon.svg and mastodon-alt.svg for use by the
mastodon project, GNU Social-compatible microblogging server hosted here on GiHub:
https://github.com/tootsuite/mastodon
Can you help us add these to icons to Font Awesome?
mastodon-svg4font.zip

stephenstewart-ca commented Aug 8, 2017

Hi @tagliala
This file mastodon-svg4font.zip contains mastodon.svg and mastodon-alt.svg for use by the
mastodon project, GNU Social-compatible microblogging server hosted here on GiHub:
https://github.com/tootsuite/mastodon
Can you help us add these to icons to Font Awesome?
mastodon-svg4font.zip

kemenaran added a commit to kemenaran/blog that referenced this issue Aug 28, 2017

@iamcryptoki

This comment has been minimized.

Show comment
Hide comment
@iamcryptoki

iamcryptoki Oct 20, 2017

+1 Definitely needed!

iamcryptoki commented Oct 20, 2017

+1 Definitely needed!

@DeadSuperHero

This comment has been minimized.

Show comment
Hide comment
@DeadSuperHero

DeadSuperHero Oct 24, 2017

Any word on this? Would love to see support for the network in this icon set.

DeadSuperHero commented Oct 24, 2017

Any word on this? Would love to see support for the network in this icon set.

@cerisara

This comment has been minimized.

Show comment
Hide comment
@cerisara

cerisara Nov 3, 2017

Please add the Mastodon icon to font-awsome !

cerisara commented Nov 3, 2017

Please add the Mastodon icon to font-awsome !

@jaketothepast

This comment has been minimized.

Show comment
Hide comment
@jaketothepast

jaketothepast Nov 4, 2017

+1 would like this icon pls

jaketothepast commented Nov 4, 2017

+1 would like this icon pls

@ghost

This comment has been minimized.

Show comment
Hide comment
@ghost

ghost commented Nov 22, 2017

+1

@Sciss

This comment has been minimized.

Show comment
Hide comment
@Sciss

Sciss Dec 17, 2017

Hey; what's the status? It would be great if this was added!

Sciss commented Dec 17, 2017

Hey; what's the status? It would be great if this was added!

@thomasbnt

This comment has been minimized.

Show comment
Hide comment
@thomasbnt

thomasbnt Dec 17, 2017

Yeah, please +1 .

thomasbnt commented Dec 17, 2017

Yeah, please +1 .

@Drulac

This comment has been minimized.

Show comment
Hide comment
@Drulac

Drulac Dec 17, 2017

Please add it :-) !

Drulac commented Dec 17, 2017

Please add it :-) !

@remram44

This comment has been minimized.

Show comment
Hide comment
@remram44

remram44 Dec 18, 2017

You can use the SVG above in the interim; that's what I did. I agree that this is a useful icon, and since we have the glyph I'm not sure what's the holdup (or timetable).

remram44 commented Dec 18, 2017

You can use the SVG above in the interim; that's what I did. I agree that this is a useful icon, and since we have the glyph I'm not sure what's the holdup (or timetable).

@KindlyFire

This comment has been minimized.

Show comment
Hide comment
@KindlyFire

KindlyFire commented Dec 19, 2017

+1 👍

@Janfred Janfred referenced this issue Jan 5, 2018

Open

Change mastodon icon to font awesome #1932

1 of 3 tasks complete
@kasramp

This comment has been minimized.

Show comment
Hide comment
@kasramp

kasramp commented Jan 11, 2018

+1

@jelv

This comment has been minimized.

Show comment
Hide comment
@jelv

jelv Jan 11, 2018

138 thumbs up emoji. Please add it :) Hope this request gets picket up before it's 1 year anniversary coming april.

jelv commented Jan 11, 2018

138 thumbs up emoji. Please add it :) Hope this request gets picket up before it's 1 year anniversary coming april.

@byronalley

This comment has been minimized.

Show comment
Hide comment
@byronalley

byronalley commented Jan 23, 2018

+1 👍

@Clarkinia

This comment has been minimized.

Show comment
Hide comment
@Clarkinia

Clarkinia commented Jan 31, 2018

+1

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Feb 2, 2018

This is the second most upvoted issue on this repository. What is holding it back for over 10 months?

Gargron commented Feb 2, 2018

This is the second most upvoted issue on this repository. What is holding it back for over 10 months?

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Feb 2, 2018

@Gargron I've started tackling this issue. But it would be my first PR to this project. I think the main problem is that there hasn't been a PR from a community member in years (for adding icons that is, there has been PR for other issues). The code base is quite complicated to understand. There is multiple versions of the font in it and I'm still not sure if I added the icons to the right font file. Also, I still haven't figured out the full tool stack to get everything set up. Hoping to make more progress soon.

xuv commented Feb 2, 2018

@Gargron I've started tackling this issue. But it would be my first PR to this project. I think the main problem is that there hasn't been a PR from a community member in years (for adding icons that is, there has been PR for other issues). The code base is quite complicated to understand. There is multiple versions of the font in it and I'm still not sure if I added the icons to the right font file. Also, I still haven't figured out the full tool stack to get everything set up. Hoping to make more progress soon.

@Yeru-314

This comment has been minimized.

Show comment
Hide comment
@Yeru-314

Yeru-314 commented Feb 3, 2018

+1

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Feb 4, 2018

@Gargron As expected, the PR #12238 has been closed and not merged. The reason is they don't accept PR with icons at the moment. The last icon commit was Oct 22, 2016.

If people want to grab a FontAwesome clone with the Mastodon icons in it, they are welcome to snag it from this fork.

xuv commented Feb 4, 2018

@Gargron As expected, the PR #12238 has been closed and not merged. The reason is they don't accept PR with icons at the moment. The last icon commit was Oct 22, 2016.

If people want to grab a FontAwesome clone with the Mastodon icons in it, they are welcome to snag it from this fork.

@tyrosinase

This comment has been minimized.

Show comment
Hide comment
@tyrosinase

tyrosinase Feb 7, 2018

I'm not above abusing other people's trademarks (ostensibly as temporary placeholders): is it possible to convince FA to display RTL so I could mirror the DeskPro icon as a workaround?

tyrosinase commented Feb 7, 2018

I'm not above abusing other people's trademarks (ostensibly as temporary placeholders): is it possible to convince FA to display RTL so I could mirror the DeskPro icon as a workaround?

@trwnh

This comment has been minimized.

Show comment
Hide comment
@trwnh

trwnh Feb 8, 2018

@tyrosinase you can already mirror icons. either apply data-fa-transform="flip-h" in FA5, or use CSS3 transforms like transform: scaleX(-1). Or you can use xuv's fork of FA4 in the comment immediately above yours.

trwnh commented Feb 8, 2018

@tyrosinase you can already mirror icons. either apply data-fa-transform="flip-h" in FA5, or use CSS3 transforms like transform: scaleX(-1). Or you can use xuv's fork of FA4 in the comment immediately above yours.

@Sciss

This comment has been minimized.

Show comment
Hide comment
@Sciss

Sciss Mar 26, 2018

You can use https://github.com/ForkAwesome/Fork-Awesome/ - it includes Mastodon, Diaspora etc.

Sciss commented Mar 26, 2018

You can use https://github.com/ForkAwesome/Fork-Awesome/ - it includes Mastodon, Diaspora etc.

@kaushalmodi

This comment has been minimized.

Show comment
Hide comment
@kaushalmodi

kaushalmodi Apr 4, 2018

Thank you @stephenstewart-ca! Using your svg icons, I devised a hack to use those (for the lack of Fontawesome support) for Mastodon icon on my Hugo site (site footer).

kaushalmodi commented Apr 4, 2018

Thank you @stephenstewart-ca! Using your svg icons, I devised a hack to use those (for the lack of Fontawesome support) for Mastodon icon on my Hugo site (site footer).

@stephenstewart-ca

This comment has been minimized.

Show comment
Hide comment
@stephenstewart-ca

stephenstewart-ca Apr 4, 2018

stephenstewart-ca commented Apr 4, 2018

@cerisara

This comment has been minimized.

Show comment
Hide comment
@cerisara

cerisara Apr 13, 2018

@kaushalmodi @stephenstewart-ca Thank you for your help.

However, from a user point of view, the OP was about font-awsome because it's easy-to-use in current web site compilers (e.g., pelican). But there is no need to really stick to font-awsome: what is really important, is to give site creators (who may not know what a CDN is, like me :-) ) an easy "tutorial" about how to integrate the Mastodon icon in Jekyll, Hugo, pelican...

cerisara commented Apr 13, 2018

@kaushalmodi @stephenstewart-ca Thank you for your help.

However, from a user point of view, the OP was about font-awsome because it's easy-to-use in current web site compilers (e.g., pelican). But there is no need to really stick to font-awsome: what is really important, is to give site creators (who may not know what a CDN is, like me :-) ) an easy "tutorial" about how to integrate the Mastodon icon in Jekyll, Hugo, pelican...

@sensibleworld sensibleworld self-assigned this Apr 18, 2018

@talbs talbs added the in progress label Apr 25, 2018

@talbs talbs assigned talbs and unassigned sensibleworld Apr 25, 2018

@robmadole robmadole added released and removed in progress labels May 2, 2018

@robmadole robmadole closed this May 2, 2018

@tagliala tagliala added this to the 5.0.11 milestone May 2, 2018

@sensibleworld

This comment has been minimized.

Show comment
Hide comment
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment