What does the shuffle icon represent?

It represents a randomized or mixed order, often used for content like music playlists or game elements.

How do I use the ShuffleIcon in React?

Import both HugeiconsIcon and ShuffleIcon, then render .

What is the license for this icon?

This icon is available under the MIT license.

shuffle icon

HugeIcons · ShuffleIcon · MIT

The HugeIcons shuffle icon depicts two arrows in a circular, randomized motion, commonly used to indicate shuffling content like music tracks or a deck of cards.

Common uses

Randomize playlist order
Shuffle card game elements
Jumble list items

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { ShuffleIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={ShuffleIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: randomizemixreordershuffle arrows

FAQ

What does the shuffle icon represent?: It represents a randomized or mixed order, often used for content like music playlists or game elements.
How do I use the ShuffleIcon in React?: Import both HugeiconsIcon and ShuffleIcon, then render <HugeiconsIcon icon={ShuffleIcon} />.
What is the license for this icon?: This icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide phosphor hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →