shuffle simple icon

shuffle-simple-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: shuffle-simple-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

shuffle-simple shuffle-simple-bold shuffle-simple-duotone shuffle-simple-fill shuffle-simple-thin

Related icons in Phosphor

Use the shuffle simple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 48v40a6 6 0 0 1-12 0V62.48l-47.13 47.14a6 6 0 0 1-8.49-8.49L193.52 54H168a6 6 0 0 1 0-12h40a6 6 0 0 1 6 6m-6 114a6 6 0 0 0-6 6v25.52L52.24 43.76a6 6 0 0 0-8.48 8.48L193.52 202H168a6 6 0 0 0 0 12h40a6 6 0 0 0 6-6v-40a6 6 0 0 0-6-6m-106.87-15.62l-57.37 57.38a6 6 0 1 0 8.48 8.48l57.38-57.37a6 6 0 0 0-8.49-8.49"/></svg>

React

import type { SVGProps } from "react";

export function PhShuffleSimpleLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 48v40a6 6 0 0 1-12 0V62.48l-47.13 47.14a6 6 0 0 1-8.49-8.49L193.52 54H168a6 6 0 0 1 0-12h40a6 6 0 0 1 6 6m-6 114a6 6 0 0 0-6 6v25.52L52.24 43.76a6 6 0 0 0-8.48 8.48L193.52 202H168a6 6 0 0 0 0 12h40a6 6 0 0 0 6-6v-40a6 6 0 0 0-6-6m-106.87-15.62l-57.37 57.38a6 6 0 1 0 8.48 8.48l57.38-57.37a6 6 0 0 0-8.49-8.49"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 48v40a6 6 0 0 1-12 0V62.48l-47.13 47.14a6 6 0 0 1-8.49-8.49L193.52 54H168a6 6 0 0 1 0-12h40a6 6 0 0 1 6 6m-6 114a6 6 0 0 0-6 6v25.52L52.24 43.76a6 6 0 0 0-8.48 8.48L193.52 202H168a6 6 0 0 0 0 12h40a6 6 0 0 0 6-6v-40a6 6 0 0 0-6-6m-106.87-15.62l-57.37 57.38a6 6 0 1 0 8.48 8.48l57.38-57.37a6 6 0 0 0-8.49-8.49"/></svg>
</template>

CSS

.icon-shuffle-simple-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M214%2048v40a6%206%200%200%201-12%200V62.48l-47.13%2047.14a6%206%200%200%201-8.49-8.49L193.52%2054H168a6%206%200%200%201%200-12h40a6%206%200%200%201%206%206m-6%20114a6%206%200%200%200-6%206v25.52L52.24%2043.76a6%206%200%200%200-8.48%208.48L193.52%20202H168a6%206%200%200%200%200%2012h40a6%206%200%200%200%206-6v-40a6%206%200%200%200-6-6m-106.87-15.62l-57.37%2057.38a6%206%200%201%200%208.48%208.48l57.38-57.37a6%206%200%200%200-8.49-8.49%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M214%2048v40a6%206%200%200%201-12%200V62.48l-47.13%2047.14a6%206%200%200%201-8.49-8.49L193.52%2054H168a6%206%200%200%201%200-12h40a6%206%200%200%201%206%206m-6%20114a6%206%200%200%200-6%206v25.52L52.24%2043.76a6%206%200%200%200-8.48%208.48L193.52%20202H168a6%206%200%200%200%200%2012h40a6%206%200%200%200%206-6v-40a6%206%200%200%200-6-6m-106.87-15.62l-57.37%2057.38a6%206%200%201%200%208.48%208.48l57.38-57.37a6%206%200%200%200-8.49-8.49%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/shuffle-simple-light.svg?color=%231a73e8&size=48