feathericons / feather

Simply beautiful open-source icons
https://feathericons.com
MIT License
25.03k stars 1.22k forks source link

Icon request: Bot #688

Open mittalyashu opened 5 years ago

mittalyashu commented 5 years ago

Icon Request

I have created this bot image (considering feather icon guidelines)

v1 v2
bot bot
moeenio commented 5 years ago

Go ahead, follow #171 to submit it!

mittalyashu commented 5 years ago

I did follow the Feather icon design guidelines, but I need some feedback on improving this icon.

moeenio commented 5 years ago

I think it's okay. Any feedback @johnletey @ahtohbi4 ?

ahtohbi4 commented 5 years ago

@mittalyashu could you provide two kinds of screenshots: the bigger one with Figmas pixel grid and the second one in a set of other icons? It helps to see all the nuances at once.

Example.

jletey commented 5 years ago

@mittalyashu I personally like the second one better!

mittalyashu commented 5 years ago

Here's the bigger view of Bot icon

Figma_xwS9NmYW2L

(personally don't like this icon much 😅)

jletey commented 5 years ago

@mittalyashu Give the robot a smile!

mittalyashu commented 5 years ago

Sure, how about now?

image

moeenio commented 5 years ago

Great! Can you do what @ahtohbi4 said ?

mittalyashu commented 5 years ago

@locness3 I don't know how to create the second screenshot.

jletey commented 5 years ago

@mittalyashu Give me the SVG code (for both versions) ... and I'll do it for you 😄!

mittalyashu commented 5 years ago

Here's the link to Figma file @johnletey

jletey commented 5 years ago

@locness3 @ahtohbi4 @mittalyashu

Shot 2019-07-23 at 08 19 32

I'd suggest decreasing the size of the eyes:

Shot 2019-07-23 at 08 22 39

<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect x="3" y="7" width="18" height="14" rx="2" />
  <line x1="7" y1="11" x2="7" y2="11" />
  <line x1="17" y1="11" x2="17" y2="11" />
  <line x1="6" y1="7" x2="6" y2="3" />
  <line x1="18" y1="7" x2="18" y2="3" />
  <path d="M8 15s1.5 2 4 2 4-2 4-2" />
</svg>
ahtohbi4 commented 5 years ago

@locness3 I don't know how to create the second screenshot.

I wrote about it here.

mittalyashu commented 5 years ago

I wrote about it here.

Thanks.

mittalyashu commented 5 years ago

(personally don't like this icon much 😅)

We need to make improvements to that bot icon.

jletey commented 5 years ago

@mittalyashu Just a small update ... I moved the eyes to be aligned with the edges of the mouth:

Shot 2019-07-23 at 10 59 37

<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect x="3" y="7" width="18" height="14" rx="2" />
  <line x1="8" y1="11" x2="8" y2="11" />
  <line x1="16" y1="11" x2="16" y2="11" />
  <line x1="6" y1="7" x2="6" y2="3" />
  <line x1="18" y1="7" x2="18" y2="3" />
  <path d="M8 15s1.5 2 4 2 4-2 4-2" />
</svg>
mittalyashu commented 5 years ago

His eyes are missing 👀...

image

mittalyashu commented 5 years ago

Does this look like a bot? Maybe with bigger eyes?

image

@locness3 @ahtohbi4 @johnletey

jletey commented 5 years ago

His eyes are missing 👀...

Yes ... a Figma bug ... it doesn't display those points ... but the SVG itself is fine!

Does this look like a bot? Maybe with bigger eyes?

I like that a lot more than the previous one!

mittalyashu commented 5 years ago

I liked the second bot.

But still, we should keep both of them, who knows we might need in the future.

@johnletey Can you also create those screenshots for the second bot?

jletey commented 5 years ago

@mittalyashu Here you go!

Shot 2019-07-24 at 10 41 01

bot-2 SVG code:

<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect x="3" y="11" width="18" height="10" rx="2" />
  <circle cx="12" cy="5" r="2" />
  <path d="M12 7v4" />
  <line x1="8" y1="16" x2="8" y2="16" />
  <line x1="16" y1="16" x2="16" y2="16" />
</svg>
mittalyashu commented 5 years ago

@johnletey You were trying to increase second bot eyes, how did it go?

jletey commented 5 years ago

@johnletey You were trying to increase second bot eyes, how did it go?

I was just playing around with the eyes on the first bot (with the smile) ... didn't go so well though ... I'm still not a fan of the way the first bot looks right now

I definitely love the second one though!

ahtohbi4 commented 5 years ago

I would stop on the bot version from the comment. I like it! 👍

mittalyashu commented 5 years ago

I was just playing around with the eyes on the first bot (with the smile) ... didn't go so well though ... I'm still not a fan of the way the first bot looks right now

Can you try to increase the eye size of the second bot?

I would stop on the bot version from the comment. I like it! 👍

I kinda liked both the bots 😅

moeenio commented 5 years ago

I like the both too.

mhosman commented 4 years ago

+1 for the bot icon