Scroll Horizontal Pixel Art Icon
A horizontal scroll indicator for wide tables, overflow containers, and swipeable carousels that extend beyond the viewport.
Tags
scrollhorizontal
Style variants
base
Outline ยท rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Scroll Horizontal icon
An arrow or gesture symbol indicating that content can be scrolled horizontally. Use it as an overflow hint on tables that are wider than the screen, on image galleries that extend off-canvas, or as an inline instruction in a tutorial ('swipe left'). It helps users discover that horizontal movement is possible when the edge of the content is not visible. For vertical overflow, scroll-vertical is the parallel icon.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/scroll-horizontal.svg" width="24" height="24" alt="Scroll Horizontal" />
<!-- React -->
import { ScrollHorizontal } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="scroll-horizontal.svg" width="48" height="48" style="image-rendering: pixelated" />