new icon: materializecss (original, plain)

[AbdelrahmanDwedar]

Double check these details before you open a PR

• PR does not match another non-stale PR currently opened
• PR name matches the format new icon: Icon name (versions separated by comma). More details here
• PR's base is the develop branch.
• Your icons are inside a folder as seen here
• SVG matches the standards laid out here
• A new object is added in the devicon.json file as seen here

This PR closes #1345

Link to prove your SVG is correct and up-to-date.

https://materializecss.github.io/materialize/res/materialize.svg

[AbdelrahmanDwedar]

It's my first time contributing here, so I'm not quite sure if 100% of things are actually right.

[AbdelrahmanDwedar]

Oops I added the changes in AbdelrahmanDwedar:master and merged by accident!! 😵‍💫

That's embarrassing, sorry.

[Panquesito7]

Hey there! Could you please follow the steps/address what the bot mentioned earlier?
Let us know if you need any help with that here in our Discord community. 🙂

__
 Summary: 🛠️ This code needs a fix  |  Tags: Not maintainable

[AbdelrahmanDwedar]

I'm very sorry for the late response, I was (and still) out of internet, it'll get better next week hopefully, and the I'll continue everything needed.

Hey there! Could you please follow the steps/address what the bot mentioned earlier?
Let us know if you need any help with that here in our Discord community. 🙂

__
 Summary: 🛠️ This code needs a fix  |  Tags: Not maintainable

I actually don't quite know how to make that icon plain, is there any recommended application or web app that could be used for that or I may just edit fhe svg file's code to set all the colors to only one?

[Panquesito7]

I'm very sorry for the late response, I was (and still) out of internet, it'll get better next week hopefully, and the I'll continue everything needed.

Hey there! Could you please follow the steps/address what the bot mentioned earlier?
Let us know if you need any help with that here in our Discord community. 🙂
__

I actually don't quite know how to make that icon plain, is there any recommended application or web app that could be used for that or I may just edit fhe svg file's code to set all the colors to only one?

You just need to make a file named materializecss-plain.svg and set all the colors to one simple color. In this case, we can use #EB7077, which is the main color of the icon set in devicon.json.

Let us know if you need any help! Thank you. 🙂

[AbdelrahmanDwedar]

I'm very sorry for the late response, I was (and still) out of internet, it'll get better next week hopefully, and the I'll continue everything needed.

Hey there! Could you please follow the steps/address what the bot mentioned earlier?
Let us know if you need any help with that here in our Discord community. slightly_smiling_face
__

I actually don't quite know how to make that icon plain, is there any recommended application or web app that could be used for that or I may just edit fhe svg file's code to set all the colors to only one?

You just need to make a file named materializecss-plain.svg and set all the colors to one simple color. In this case, we can use #EB7077, which is the main color of the icon set in devicon.json.

Let us know if you need any help! Thank you. slightly_smiling_face

I've added the requested changes, inform me if there's anything else missing.
And thanks for helping. 🤝

[AbdelrahmanDwedar]

Is there anything left?

[github-actions]

Hi there,

I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using icomoon.io.

Here are the SVGs as intepreted by Icomoon when we upload the files:

Here are the zoomed-in screenshots of the added icons as SVGs:

Here are the icons that will be generated by Icomoon:

Here are the zoomed-in screenshots of the added icons as icons:

Here are the colored versions:

The maintainers will now check for:

1. The number of Glyphs matches the number of SVGs that were selected.
2. The icons (second group of pictures) look the same as the SVGs (first group of pictures).
3. The icons are of high quality (legible, matches the official logo, etc.)

In case of font issues, it might be caused by Icomoon not accepting strokes in the SVGs. Check this doc for more details and fix the issues as instructed by Icomoon and update this PR once you are done.

Thank you for contributing to Devicon! I hope that your icons are accepted into the repository.

Note: If the images don't show up, it has been autodeleted by Imgur after 6 months due to our API choice.

Cheers,
Peek Bot 😊

[Snailedlt]

I see the paths have been merged, and it was moved to the correct position in devicon.json, which is great!

I noticed however that the icon is quite small, and there's a lot of whitespace now. Could you make the icons fill the width of the viewbox please?

[AbdelrahmanDwedar]

I resized it as requested please inform me if there's something else need to fix or check out.

Also about the little tiny gap between figures in the plain version I think it makes more sense to leave as it gives you idea about the logo more. I think that gaps was already in the original one too but wasn't appearing as there's different colors in it.

[Snailedlt]

The icons look good visually now imo, great work!

Only thing left to do is minimize the icons, which can be done by following this guide: #1306 (comment)

I can do it if you want, just let me know

[AbdelrahmanDwedar]

I guess that's all, not sure if I should also follow the next message after it. Is it necessary in out case or just there?

[Snailedlt]

Looks like you forgot to check some options. I see there's no viewbox, please read the guide I linked again, and make sure you check the options like the guide says :)

Ohh, and the comment below can be ignored, SVGOMG does a good enough job :)

[AbdelrahmanDwedar]

I see, I'll fix it now

[AbdelrahmanDwedar]

Is that all?

[Snailedlt]

Yeah, looks like that's all :)
Just gonna run some checks to see before approving 👍

[github-actions]

Hi there,

I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using icomoon.io.

Here are the SVGs as intepreted by Icomoon when we upload the files:

Here are the zoomed-in screenshots of the added icons as SVGs:

Here are the icons that will be generated by Icomoon:

Here are the zoomed-in screenshots of the added icons as icons:

Here are the colored versions:

The maintainers will now check for:

1. The number of Glyphs matches the number of SVGs that were selected.
2. The icons (second group of pictures) look the same as the SVGs (first group of pictures).
3. The icons are of high quality (legible, matches the official logo, etc.)

In case of font issues, it might be caused by Icomoon not accepting strokes in the SVGs. Check this doc for more details and fix the issues as instructed by Icomoon and update this PR once you are done.

Thank you for contributing to Devicon! I hope that your icons are accepted into the repository.

Note: If the images don't show up, it has been autodeleted by Imgur after 6 months due to our API choice.

Cheers,
Peek Bot 😊

[Snailedlt]

LGTM! ✔️
Thank you for a great contribution! Hope to see more PRs from you 💯

[github-actions]

Hi there,

I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using icomoon.io.

Here are the SVGs as intepreted by Icomoon when we upload the files:

Here are the zoomed-in screenshots of the added icons as SVGs:

Here are the icons that will be generated by Icomoon:

Here are the zoomed-in screenshots of the added icons as icons:

Here are the colored versions:

The maintainers will now check for:

1. The number of Glyphs matches the number of SVGs that were selected.
2. The icons (second group of pictures) look the same as the SVGs (first group of pictures).
3. The icons are of high quality (legible, matches the official logo, etc.)

In case of font issues, it might be caused by Icomoon not accepting strokes in the SVGs. Check this doc for more details and fix the issues as instructed by Icomoon and update this PR once you are done.

Thank you for contributing to Devicon! I hope that your icons are accepted into the repository.

Note: If the images don't show up, it has been autodeleted by Imgur after 6 months due to our API choice.

Cheers,
Peek Bot 😊

[lunatic-fox]

Made some modifications, removing some hairlines. Hope that's ok! 🙂
Approved! ✔
Thank for this contribution! 🚀

[lunatic-fox]

Besides, seem that their SVG logo have some issues though. 🤔