Material-ui: "Google" and "Google Plus" icons are missing.

[bmg02]

Hey there, I want to use the "Google" or "Google Plus" icon on the web page. But they are missing in Material UI icons. It is also not there on its official site. So, if I want to use them how can I use it?

[oliviertassinari]

The current policy around brand icons is to only include the most popular ones, especially the one required around sign-in or social networks. "Google Plus" is a dead social network, it not an option.

What's your use case for "Google"?

[bmg02]

I want to add Google icon for giving OAuth service. To show user that they can login with their Google account.

[oliviertassinari]

@bmg02 Ok thanks. @mbrookes good enough?

[mbrookes]

Yep, seems reasonable.

[oliviertassinari]

@bmg02 Do you have a visual of what you expect? Do you want to contribute it?

[bmg02]

Yes, I would like to contribute. I have an image. Here are two variants of the layout.

From the image, I think the layout with a colored icon looks cool over a layout with a white icon.

[mbrookes]

The published icons are all monochrome or two-tone, so it would need to be the second option.

[bmg02]

Cool. No issue.

[oliviertassinari]

Should we include both? It seems that the colored version is quite common. For instance, take the icons used by auth0.

I have tried to look at the frequency of usage of the Google in our search bar, unfortunately, this doesn't come up in the "no-results" event we track as a "Google Translate" icon already exists.

[bmg02]

No need to add both icons. White colored icon is good enough. Actually I can't use Google Translate icon for presenting Google account.

Yes, I can use another icon provider service. But I thought it would be very helpful if this icon would be in this package.

[oliviertassinari]

OK cool, you can look at how the LinkedIn, Twitter icons are made available in the package if you want to contribute the Google icon with a new pull request :)

[bmg02]

I am working on a "Google" icon. I have created files and added icon's SVG path in it. But I'm facing an issue in output. When I open the SVG file containing that path, it is showing the correct icon. But when I use that SVG path in the JS file, then the blank output is coming. And the size of the icon is also inappropriate. All other icons are in small size, but mine is larger. The path of SVG is written according to the larger icon size. How do I change it? Can you provide me any reference related to this?

Or from where I get the SVG path for the "Google" icon in the accurate size so that I can just change the current SVG path?

[oliviertassinari]

Use https://github.com/mui-org/material-ui/tree/next/packages/material-ui-icons/custom as a starting point.

[bmg02]

Thank you for providing me the reference. I have successfully added the "Google" icon. And I have followed the steps given in Github docs for making a Pull Request. Please review it. And pardon me if there is any mistake. Thank you.

The output of <Google />:

[modbender]

Oh thanks for this, I almost switched to fontawesome because of this, good thing I searched on google once.

[oliviertassinari]

@modbender Don't miss https://simpleicons.org/

[mbrookes]

Heh, Material-UI is there. 😄

[oliviertassinari]

I have created a reminder to add this link into https://material-ui.com/discover-more/related-projects/#images-and-illustrations, I will get on with it at the end of the week in my weekly "batch small changes" effort, unless somebody else want to work on it first :).

[bmg02]

Hi there.

I have downloaded material-ui/icons package for my new project, but there is no Google icon available for which I have done a pull request: #21807
I think you have forgotten to reflect that in the Master branch.

[oliviertassinari]

@bmg02 Your contribution wasn't lost :) https://unpkg.com/@material-ui/icons@5.0.0-alpha.7/Google.js

[bmg02]

Ohhh! Great. I have installed material-ui/icons version 4.9.1. I think that's why it is not there, I need v5

[layan-khater]

Is there any updates about the icon???I can't find it also

[oliviertassinari]

@layan-khater https://github.com/mui-org/material-ui/issues/21795#issuecomment-694307186