Enhance your icon workflow 10x with the Nucleo app
Launch Web App
Use these touch gesture icons to document how people interact with phones, tablets, and trackpads. They show tap, double tap, swipe, flick, drag, pinch, zoom, rotate, scroll, and multi-finger gestures in outline and fill styles, ideal for onboarding screens and help docs. Download them as SVG, copy them as React components, or edit them in the Nucleo apps.
Nucleo Core includes gesture icons in outline and fill styles at 24, 32, and 48px. This grid has 16 outline icons at 32px, from single and two-finger taps to swipes, flicks, pinches, and rotations, for app tutorials, user manuals, and usability test scripts.
Picture a trackpad or touchscreen settings panel built with Nucleo Core fill icons at 24px. Solid shapes make point and click, scrolling, three-finger swipes, and four-finger app switching easy to spot as tabs in device preferences.
Long press
Pull to refresh
Swipe to delete
Drag to reorder
Label common interactions with Nucleo Core icons in the outline style at 24px. These hint tags work well in design specs and onboarding tips to call out long press, pull to refresh, swipe to delete, and drag to reorder.
Pattern unlock
Sign in by tracing a shape across a grid of dots
Tap to focus
Tap the viewfinder to set focus and exposure
Pinch to zoom
Zoom in and out of photos, maps, and documents
Rotate
Turn images and maps with a two-finger twist
Nucleo Pixel gesture icons follow a 24px pixel grid with crisp, squared-off strokes. Drop them into feature cards that explain pattern unlock, tap to focus in a camera app, pinch to zoom, and rotating content with two fingers.
Browse icons by category: