Materialdesign: Additional Gesture Icons

Created on 31 Jan 2018  路  12Comments  路  Source: Templarian/MaterialDesign

Since the pack already contains very similiar icons, I wanted to suggest adding the following versions:

  • Swipe vertically: Would be a combination of gesture-swipe-up + gesture-swipe-down (should have a vertical arrow with points on both ends)
    gesture-swipe-up
    gesture-swipe-down

  • Swipe horizontally: Would be a combination of gesture-swipe-left + gesture-swipe-right (should have a horizontal arrow with points on both ends)
    image
    image

  • Swipe vertically - two finger variant:
    Same as vertically but with the gesture-two-tap hand as base.
    gesture-two-tap

  • Swipe horizontally - two finger variant:
    Same as two-tap vertical swipe, only with accordingly rotated arrow.

  • Pinch fingers
    Could take the gesture-tap as base and add the circles around the index finger & thumb and add icons to depict finger movement together.
    image
    Something similiar to this:
    image

  • Spread fingers
    Similiar to pinch, only arrows in opposite direction.

Contribution Icon Request

Most helpful comment

All 12 comments

The first 4 gesture-swipe-<direction> icons exist already.

Seems I didn't express my intent clearly enough.
I referenced the existing icons because I need a combination that shows swiping in both directions (i.e. the icons should have an arrow pointing in both directions similiar to: image).

You have to remember that you are working with a 24x24 max size and it starts to get really difficult designing a recognizable hand and gestures at that size.

It should be possible to combine the arrows in the first four.

I thought he wanted pinching and spreading gestures?

@MrGrigri I wanted both the bi-directional swiping icons that @GreenTurtwig has just kindly provided AND pinching and spreading icons.

Rotating gesture-tap by 30 degrees or so (some angle which works with pixel grid) and adding the circle to the thumb is a good idea for pinch gestures. Could try fit in a diagonal dual arrow in one of the corners too.

Looks pretty good, but maybe rotate the arrows to 45 degrees? Might be a bit more clear that way.

gesture-swipe-horizontal gesture-swipe-vertical

Diagonal is going to look odd, I think most will understand the pinch/spread from the arrows being up/down.

gesture-spread gesture-pinch

Was this page helpful?
0 / 5 - 0 ratings

Related issues

vishnu1991 picture vishnu1991  路  3Comments

adambiggs picture adambiggs  路  3Comments

kaurkaur picture kaurkaur  路  3Comments

bckp1993 picture bckp1993  路  3Comments

puytr picture puytr  路  3Comments