Shuffle Pixel Art Icon
A shuffle icon for randomizing media playback order, scrambling a list, and dealing random items in games and quiz apps.
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Shuffle icon
Two crossing arrows, the standard symbol for shuffle or random order. Music players, podcast apps, and video queues use it to enable random playback. It also appears in quiz apps to randomize question order, and in games to deal or scramble cards. When shuffle is active, many UIs highlight the icon to indicate the mode is on. Pair it with the repeat icon to give users full control over looping and order in a playback interface.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/shuffle.svg" width="24" height="24" alt="Shuffle" />
<!-- React -->
import { Shuffle } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="shuffle.svg" width="48" height="48" style="image-rendering: pixelated" />