Icon Contribution: Compare

[simulieren]

Icon Contribution

• Icon name: Compare

• Use case: Can be used to compare two or more items with each other. Examples: Compare two files. Compare two images. Compare two products.

• Previews of the icon:

• 24px:

• 24px@2x:

  

• 24px@3x:

• SVG of the icon:

  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M21 16H12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M16 20L11 16L16 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M3 8L12 8" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M8 4L13 8L8 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>

[moeenio]

Looks good! See #171 for submitting

[simulieren]

@locness3 Okay, thank you! I couldn't find this #171 before.

[MarcelloTheArcane]

Are the arrow angles consistent with the existing arrows? I think it's 45°

[moeenio]

Are the arrow angles consistent with the existing arrows? I think it's 45°

It looks like not sadly :/

[mpeters-primico]

Here's another version of compare if anyone needs it:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compare"><polyline points="13 10 8 5 13 0"></polyline><path d="M22 16v-7a4 4 0 0 0-4-4H8"></path><polyline points="11 14 16 19 11 24"></polyline><path d="M2 8v7a4 4 0 0 0 4 4h8"></path></svg>