Skip to content

Shuffle Off

The shuffle-off icon represents a control button for randomizing or shuffling content, often used in media players or content platforms.

Add shadcn.io to your AI agent. · Pro It installs Shuffle Off, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Shuffle Off icon from Pepicons Print

Code

Shuffle Off in your framework

In any framework. Customize it above, and the code follows.

export const ShuffleOffIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" {...props}>
    <g fill="currentColor"><g fillRule="evenodd" clipRule="evenodd" opacity=".2"><path d="M18.863 5.774a1 1 0 0 0-1.403.178l-1.5 1.935a1 1 0 1 0 1.58 1.226l1.5-1.936a1 1 0 0 0-.177-1.403m0 10.516a1 1 0 0 1-1.403-.177l-1.5-1.936a1 1 0 1 1 1.58-1.225l1.5 1.935a1 1 0 0 1-.177 1.404"/><path d="M16.15 3.7a1 1 0 0 0-.2 1.4l1.5 2a1 1 0 0 0 1.6-1.2l-1.5-2a1 1 0 0 0-1.4-.2m0 14.6a1 1 0 0 1-.2-1.4l1.5-2a1 1 0 1 1 1.6 1.2l-1.5 2a1 1 0 0 1-1.4.2M3.25 6.5a1 1 0 0 1 1-1c1.89 0 3.642.558 4.946 1.51c1.302.952 2.214 2.35 2.214 3.99s-.912 3.038-2.214 3.99c-1.304.952-3.056 1.51-4.946 1.51a1 1 0 1 1 0-2c1.512 0 2.84-.449 3.766-1.126S9.41 11.846 9.41 11s-.467-1.697-1.394-2.374S5.762 7.5 4.25 7.5a1 1 0 0 1-1-1"/><path d="M18.5 6.5a1 1 0 0 0-1-1h-1.125c-1.823 0-3.51.565-4.762 1.524C10.359 7.984 9.5 9.381 9.5 11s.86 3.016 2.113 3.976c1.252.96 2.939 1.524 4.762 1.524H17.5a1 1 0 1 0 0-2h-1.125c-1.422 0-2.672-.443-3.546-1.112C11.956 12.72 11.5 11.866 11.5 11s.456-1.72 1.329-2.388c.874-.67 2.124-1.112 3.546-1.112H17.5a1 1 0 0 0 1-1"/></g><path fillRule="evenodd" d="M17.556 5.17a.5.5 0 0 0-.701.088l-1.5 1.936a.5.5 0 1 0 .79.612l1.5-1.935a.5.5 0 0 0-.089-.702m0 9.726a.5.5 0 0 1-.701-.089l-1.5-1.935a.5.5 0 1 1 .79-.613l1.5 1.936a.5.5 0 0 1-.089.701" clipRule="evenodd"/><path fillRule="evenodd" d="M15.45 3.1a.5.5 0 0 0-.1.7l1.5 2a.5.5 0 0 0 .8-.6l-1.5-2a.5.5 0 0 0-.7-.1m0 13.8a.5.5 0 0 1-.1-.7l1.5-2a.5.5 0 0 1 .8.6l-1.5 2a.5.5 0 0 1-.7.1M2.75 5.5a.5.5 0 0 1 .5-.5c1.796 0 3.442.531 4.65 1.414C9.11 7.297 9.91 8.56 9.91 10s-.8 2.703-2.01 3.586C6.693 14.469 5.047 15 3.25 15a.5.5 0 0 1 0-1c1.606 0 3.04-.476 4.06-1.222c1.022-.745 1.6-1.734 1.6-2.778s-.578-2.033-1.6-2.778C6.29 6.476 4.857 6 3.25 6a.5.5 0 0 1-.5-.5" clipRule="evenodd"/><path fillRule="evenodd" d="M17 5.5a.5.5 0 0 0-.5-.5h-1.125c-1.723 0-3.3.534-4.458 1.421S9 8.57 9 10s.758 2.692 1.917 3.579c1.157.887 2.735 1.421 4.458 1.421H16.5a.5.5 0 0 0 0-1h-1.125c-1.522 0-2.882-.473-3.85-1.215C10.557 12.044 10 11.055 10 10c0-1.054.557-2.044 1.525-2.785S13.853 6 15.375 6H16.5a.5.5 0 0 0 .5-.5" clipRule="evenodd"/><path d="M1.15 1.878a.514.514 0 0 1 .728-.727l16.971 16.971a.514.514 0 0 1-.727.727z"/></g>
  </svg>
);

Other libraries

Shuffle Off in 2 more libraries

Each library draws it its own way. Open one to compare.

  • Shuffle Off icon from Pepicons Pop!
  • Shuffle Off icon from Pepicons Pencil

Pepicons Print

Icons that share its tags, in the same style.

  • Sliders Circle Off icon from Pepicons Print
  • Sliders Off icon from Pepicons Print
  • Info Off icon from Pepicons Print
  • Key Circle Off icon from Pepicons Print
  • Sliders icon from Pepicons Print
  • Sliders Circle icon from Pepicons Print
  • Smartphone icon from Pepicons Print
  • Smartphone Cutout icon from Pepicons Print
  • Smartphone Cutout Circle icon from Pepicons Print
  • Tablet Circle Off icon from Pepicons Print
  • Tablet Off icon from Pepicons Print
  • T Shirt Circle Off icon from Pepicons Print
  • T Shirt Off icon from Pepicons Print
  • Bookmark Off icon from Pepicons Print
  • Internet Circle Off icon from Pepicons Print
  • Internet Off icon from Pepicons Print
  • Key icon from Pepicons Print
  • Key Circle icon from Pepicons Print
  • People Circle Off icon from Pepicons Print
  • People Off icon from Pepicons Print
  • Person Checkmark Circle Off icon from Pepicons Print
  • Person Checkmark Off icon from Pepicons Print
  • Radio Circle Off icon from Pepicons Print
  • Radio Off icon from Pepicons Print

Skip the copy and paste. With Pro, your AI agent finds and installs any Pepicons Print icon from a prompt.

Get Pro

Tags

Browse by tag

Shuffle Off is tagged UI, media, control and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Pepicons Print MCP, with Pro

Ask for Shuffle Off or any of 1,286 Pepicons Print icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Shuffle Off icon means and where it's used, then how to install, style and license it.

Install Shuffle Off from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro