create icon on simple-icons

[ianzone]

to create badges like [![vitest](https://img.shields.io/badge/Vitest-729b1b?logo=Vitest&labelColor=grey)](https://vitest.dev/) the logo has to be available on https://wasm.simpleicons.org/?q=faker, the logo can be added to this repo https://github.com/simple-icons/simple-icons

[ST-DDT]

For what purpose do you need the logo?

[ianzone]

to add a badge to my readme file indicates i'm using fakerjs in my project.

[xDivisionByZerox]

I mean, it gives for the people who use it and doesn't harm anybody who doesn't use it :shrug:

Why would you open an issue here instead at the simple icon repo, tho? :thinking: (I have no idea how the process works)

[ianzone]

I mean, it gives for the people who use it and doesn't harm anybody who doesn't use it 🤷

I don't know if this issue can harm anybody.

Why would you open an issue here instead at the simple icon repo, tho? 🤔

I guess the author has a better idea about how the icon should look like.

(I have no idea how the process works)

https://github.com/simple-icons/simple-icons/blob/develop/CONTRIBUTING.md#adding-or-updating-an-icon

[xDivisionByZerox]

I don't know if this issue can harm anybody.

What I wanted to say is: This "features" look very low effort/maintainable for us. So it would not hurt to give it a try.

I guess the author has a better idea about how the icon should look like.

I see (and also read it in the affiliate section in their contributions guidelines). Guess we can discuss it on this week's team meeting.

https://github.com/simple-icons/simple-icons/blob/develop/CONTRIBUTING.md#adding-or-updating-an-icon

Thank you for the link. I was already reading their documentation and intended to rework my comment with a funny twist like: "(I don't know how their process works) I got it now!" I did not expect you to answer this fast :smile:

[ST-DDT]

How about this one. It is based on https://github.com/faker-js/faker/blob/next/docs/public/logo.svg

Powered by FakerJS

We might have to clean it up some more though, because at low screen sizes it gets indistinguishable.

[ianzone]

The outline is good, could you add some color to it? Otherwise, it would be very dark on a dark background.

[ST-DDT]

The icons have to be black and transparent. I can add a white background for better visualization on darkmode.

Powered by FakerJS

[ianzone]

looks cool

[ST-DDT]

Here a variant with only the face:

Powered by FakerJS

[ST-DDT]

IMO it is still very had to see properly when small. Maybe we have to focus just on the face and maybe fill it/invert the interior.

[ST-DDT]

Here vitest for comparison:

Powered

[ianzone]

Or just the magic hat?

[ST-DDT]

face-2

Powered by FakerJS

[ST-DDT]

Or just the magic hat?

I'll try that tomorrow.

[ST-DDT]

hat-1

Powered by FakerJS

[ianzone]

[matthewmayer]

I think the panda head is most visible at small sizes.

[Shinigami92]

I like

the most

[ST-DDT]

Please don't forget that there is usually no white background:

[ianzone]

the icon color can be set here btw https://github.com/simple-icons/simple-icons/blob/develop/CONTRIBUTING.md#7-update-the-json-data-for-simpleiconsorg

Panda head or magic hat works for me.

[Shinigami92]

And again,

wins for me

I think I found my favorite and decided (for me)

[ST-DDT]

I will make some more variant soon. Especially those with filled faces with default and no rotation.

[ST-DDT]

face-3

Powered by FakerJS

[Shinigami92]

face-3

Powered by FakerJS

dont like :(

[ST-DDT]

face-filled-2

Powered by FakerJS

[ST-DDT]

face-filled-3

Powered by FakerJS

[ST-DDT]

For better comparison:

• face-filled-1 - ~50% rotation
• face-filled-2 - original rotation
• face-filled-3 - zero rotation

[Shinigami92]

face-filled-1 wins for me

[ST-DDT]

Team Decision

• We will use face-filled-1
• We will create a PR to upload the icon there.

[xDivisionByZerox]

I'm "soft blocking" this issue as I'd like to talk about UI/UX related topics in our next teem meeting, next thursday.