lucide icon indicating copy to clipboard operation
lucide copied to clipboard

[icon request] Panda concept (+ some questions)

Open smnandre opened this issue 1 year ago • 23 comments

Icon name

panda

Use cases

  • I need some little animals icons for a kid-targetted project, and pandas are a really common choice for such icons/animals.
  • Indicator for maps that there is a zoo here (thx @jguddas ) But mostly, because panda are cools.

Design ideas

I started something, I'd love to get any advice / feedback / guidance :)

And i have two questions:

  • Is there any smart way to make the ears "filled" ?
  • Same thing for the shape behind the eyes ? (that currently will reveal some blank if stroke-width = 1)
Capture d’écran 2024-02-11 à 17 47 51 Capture d’écran 2024-02-11 à 17 47 39

I took inspiration / tried to keep coherence with the two other animal face icons

Capture d’écran 2024-02-11 à 17 47 11

Checklist

  • [X] I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
  • [X] I have searched existing icons to make sure it does not already exist and I didn't find any.
  • [X] I am not requesting a brand logo and the art is not protected by copyright.
  • [X] I am not requesting an icon that includes religious, political imagery or hate symbols.
  • [X] I have provided appropriate use cases for the icon(s) requested.

smnandre avatar Feb 11 '24 17:02 smnandre

Another use case: Indicator for maps that there is a zoo here.

jguddas avatar Feb 11 '24 17:02 jguddas

The eye shape violates the 2px gap rule, how does it look with just circles for eyes?

jguddas avatar Feb 11 '24 17:02 jguddas

Capture d’écran 2024-02-11 à 18 34 29 Capture d’écran 2024-02-11 à 18 34 02 Capture d’écran 2024-02-11 à 18 33 35

No perfect solution there :(

smnandre avatar Feb 11 '24 17:02 smnandre

What if the eye looks like this (add some dots): image

chessurisme avatar Feb 12 '24 06:02 chessurisme

What if the eye looks like this (add some dots): image

Can you post a 100% view of this? (a 24 by 24 raster image)

karsa-mistmere avatar Feb 12 '24 06:02 karsa-mistmere

I am just focusing on eyes, btw, disregard the shape of the head and the ears, it is violating, I know: image

chessurisme avatar Feb 12 '24 06:02 chessurisme

(a 24 by 24 raster image)

@chessurisme: I really do mean a literal 24 by 24 pixel image, so that we can review how the icon will look on low DPI screens. :)

karsa-mistmere avatar Feb 12 '24 07:02 karsa-mistmere

(a 24 by 24 raster image)

@chessurisme: I really do mean a literal 24 by 24 pixel image, so that we can review how the icon will look on low DPI screens. :)

Thanks for the patience, @karsa-mistmere. Give me time.

chessurisme avatar Feb 12 '24 23:02 chessurisme

panda

chessurisme avatar Feb 13 '24 08:02 chessurisme

Yeah, unfortunately the center of the eyes is barely visible at 100%. 🫤

karsa-mistmere avatar Feb 13 '24 08:02 karsa-mistmere

What if we get rid on that eyes?

chessurisme avatar Feb 13 '24 09:02 chessurisme

Take a look: panda

chessurisme avatar Feb 13 '24 10:02 chessurisme

I used your suggestions / feedbacks and the tests from chessurisme, and ... i'm quite happy with how it looks

Panda-24 Panda-48 Panda-96

WDYT ?

smnandre avatar Feb 15 '24 03:02 smnandre

Let @karsa-mistmere decide, pretty decent for me, but still thinking about the eyes.

chessurisme avatar Feb 15 '24 03:02 chessurisme

I used your suggestions / feedbacks and the tests from chessurisme, and ... i'm quite happy with how it looks

Panda-24 Panda-48 Panda-96

WDYT ?

Neither the eyes, nor the ears are are to our guidelines, I'm afraid, there should be a 2px gap between the lines.

karsa-mistmere avatar Feb 15 '24 13:02 karsa-mistmere

I'm walking on eggshells here... no offense intended!! ☮️

I've noticed that some icons seem to have "similar" features to this panda (not a panda matter, I'm just trying to fully understand... so as not to waste your time with future submissions :) ).

Capture d’écran 2024-02-15 à 14 35 11

I imagine there are thousands of reasons for exceptions, or the weight of seniority, etc... or maybe i did not understood one rule (very possible 😅 )

Is the idea to have "strict" rules (at least aiming for maximum application), or are they more like "recommendations," and you evaluate on a case-by-case basis?

smnandre avatar Feb 15 '24 13:02 smnandre

We try to enforce them strictly.

And yes some icons are not 100% great, citrus looks pretty okay tho when it comes to the 2px rule.

jguddas avatar Feb 15 '24 15:02 jguddas

@smnandre: I'm using a crudely reproduced version of your panda icon for demonstration purposes, and something from my drafts as a comparison to illustrate why we have this guideline: image (I'm also taking the liberty to use tractor as already fixed by @jguddas in #1894, that .5px circle radius is just a rendering bug).

In all other cases, the separation between elements remains even at 3px (even if their appearance is admittedly less than ideal). What I think is probably the easiest way to understand this rule: can you fit a circle with a radius of 1px between the elements / inside the gap? If so, you're in the clear, if not, it might not be the end of the world (we do have a few offenders), but we do usually try everything in our power to make things work: image

(fish and hop for example should probably be fixed)

karsa-mistmere avatar Feb 15 '24 16:02 karsa-mistmere

@jguddas @karsa-mistmere thank you very much for this patient and detailed explanation !

I've always set lucide with a 1.5 stroke.. so i'm used to see more "space" than in the default render, avoiding some of the problematics i guess.

PS: @karsa-mistmere my face, your ears, just need to find something to ease the eyes and we'll have a great panda :)

smnandre avatar Feb 15 '24 18:02 smnandre

How about this:

https://lucide-studio.vercel.app/edit?value=%3Cpath+d=%22m10+12-3+2%22+/%3E%3Cpath+d=%22M11.25+16.25h1.5L12+17z%22+/%3E%3Cpath+d=%22M12+5c4.97+0+9+4+9+8+0+5-3+8-9+8s-9-3-9-8c0-4+4.03-8+9-8%22+/%3E%3Cpath+d=%22m14+12+3+2%22+/%3E%3Cpath+d=%22M19.422+8.666a2.996+3.014+0+0+0+1.573-2.653A2.996+3.014+0+0+0+18+3a2.996+3.014+0+0+0-2.955+2.519%22+/%3E%3Cpath+d=%22M4.573+8.666A2.996+3.014+0+0+1+3+6.013+2.996+3.014+0+0+1+5.996+3+2.996+3.014+0+0+1+8.95+5.519%22+/%3E

P.S. I ask an AI what is this icon and it told me this: Polar vs Panda

chessurisme avatar Apr 18 '24 04:04 chessurisme

Oh i love it !

I'd maybe shorten just a tiny bit the "eyes", but 👏

smnandre avatar Apr 18 '24 17:04 smnandre

Oh i love it !

I'd maybe shorten just a tiny bit the "eyes", but 👏

Show us what you got.. 😁

chessurisme avatar Apr 18 '24 20:04 chessurisme

How about this: https://lucide-studio.vercel.app/edit?value=%3Cpath+d=%22M11.25+16.25h1.5L12+17z%22+/%3E%3Cpath+d=%22M12+5c4.97+0+9+4+9+8+0+5-3+8-9+8s-9-3-9-8c0-4+4.03-8+9-8%22+/%3E%3Cpath+d=%22m15+12+2+2%22+/%3E%3Cpath+d=%22M19.422+8.666a2.996+3.014+0+0+0+1.573-2.653A2.996+3.014+0+0+0+18+3a2.996+3.014+0+0+0-2.955+2.519%22+/%3E%3Cpath+d=%22M4.573+8.666A2.996+3.014+0+0+1+3+6.013+2.996+3.014+0+0+1+5.996+3+2.996+3.014+0+0+1+8.95+5.519%22+/%3E%3Cpath+d=%22m9+12-2+2%22+/%3E

chessurisme avatar Apr 18 '24 21:04 chessurisme