Free Gesture Icons

Last Updated on August 29, 2026 by Editorial Team

A free set of gesture icons that was designed by Frexy. The set comes in 2 formats (.SVG and .EPS) and contains 38 icons. Enjoy!

Every icon in this set is built around the same visual grammar: a single outlined hand with a raised index finger, paired with thin directional arrows that describe a specific touch gesture.

Tap, hold, swipe, rotate, pinch, zoom, drag and drop, scroll up and down, double tap with a clock face, flick left or right; the vocabulary here covers nearly every interaction a touchscreen interface needs to explain.

The line weight stays consistent across all 38 icons, with soft rounded corners on the fingertip and a light fill on the hand shape that keeps the mark from feeling too clinical.

Small color accents, like the green clock face on the timed-tap icons, are used sparingly and only where they add real meaning, which keeps the whole set feeling calm and monochrome rather than busy.

This kind of gesture icon set earns its keep in onboarding screens, empty states, and tutorial overlays for mobile apps, where you need to teach a first-time user how to swipe, pinch to zoom, or long-press without writing a paragraph of instructions.

It works just as well in UX documentation, interaction design specs, and style guides where a designer needs to communicate touch behavior to developers or stakeholders quickly.

Product walkthroughs, app store screenshots, presentation decks about mobile UX, and pattern libraries for design systems are all natural homes for these icons too.

Because the drawing style is so restrained, the set also holds up nicely in printed instruction sheets or packaging inserts for physical products that pair with a companion app.

Matching the Style to Your Interface

The hand-and-arrow motif reads clearly at small sizes, which makes it a good fit for tooltip badges, coach marks, and inline hints layered directly on top of a screen mockup.

If your interface uses a heavier or thinner line weight elsewhere, it is worth adjusting the stroke on these icons to match, since gesture icons tend to sit close to buttons and navigation elements where consistency really shows.

Recoloring is straightforward in any vector editor: select the outline paths and swap the stroke color to your brand’s primary or neutral tone, and treat the hand’s light fill as an optional accent you can drop entirely for a flatter, single-color look.

For dark interfaces, invert the palette so the outline reads as a light stroke against a dark background rather than trying to force the original cream backdrop into your design.

When you pair these with other UI elements, keep the icon-to-text ratio generous so the gesture reads instantly before the user has to parse a caption underneath it.

They sit well alongside simple sans-serif labels, subtle motion cues like dotted trail lines, or a soft circular badge behind the icon if you want to lift it off a busy screenshot.

Since the set already spans directional variants for most gestures, swiping left, right, up and down, drag with two fingers, and so on, you can usually find the exact motion you need without redrawing anything, which speeds up building a full onboarding flow or annotated screenshot deck.