lucide icon indicating copy to clipboard operation
lucide copied to clipboard

chevrons-right-left-overlap & chevrons-down-up-overlap

Open foxt opened this issue 1 year ago • 1 comments

Icon name

chevrons-right-left-overlap & chevrons-down-up-overlap

Use cases

  • Refer to movement in one axis, for example the vertical configuration reminds me of an elevator
  • (specifically vertical) Refer to up/down voting
  • (specifically horizontal) Refer to conflicting/colliding/converging
  • a similar icon to the horizontal is used for remote desktop on Windows

Design ideas

<!-- horizontal -->
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 15L13 9L19 3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 21L12 15L6 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

<!-- vertical -->
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 5L9 11L3 5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 18L15 12L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

image

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.

foxt avatar Sep 27 '23 00:09 foxt

I think these could be nice to have, but maybe 10 by 5 arrows would be more consistent with existing chevrons icons:

image (column 3 vs column 1)

<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m14 6-5 5-5-5" />
  <path d="m20 18-5-5-5 5" />
</svg>
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m18 14-5-5 5-5" />
  <path d="m6 20 5-5-5-5" />
</svg>

karsa-mistmere avatar Sep 27 '23 07:09 karsa-mistmere