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 🤷

Why would you open an issue here instead at the simple icon repo, tho? 🤔 (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 😄

[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.

[LitoMore]

Hi, I'm the maintainer of Simple Icons. Once you're ready, PRs are welcome. Feel free to ping me if you need help with contributing.

My suggestion for the badge is to use the whiteish color for the left-side background. For example:

<!-- I used the foodpanda icon as an example since your logo is not on Simple Icons yet. -->
![](https://img.shields.io/badge/faker-779B2E?logo=foodpanda&logoColor=000&labelColor=fff)
![](https://img.shields.io/badge/faker-779B2E?logo=foodpanda&logoColor=000&labelColor=eee)
![](https://img.shields.io/badge/faker-779B2E?logo=foodpanda&logoColor=000&labelColor=ddd)
![](https://img.shields.io/badge/faker-779B2E?logo=foodpanda&logoColor=000&labelColor=fff&style=flat-square)
![](https://img.shields.io/badge/faker-779B2E?logo=foodpanda&logoColor=000&labelColor=eee&style=flat-square)
![](https://img.shields.io/badge/faker-779B2E?logo=foodpanda&logoColor=000&labelColor=ddd&style=flat-square)