shuffle alt icon

shuffle-alt-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: shuffle-alt-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

Use the shuffle alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.485 2.455a.75.75 0 0 1 1.06.03l2 2.118a.75.75 0 0 1 0 1.03l-2 2.117a.75.75 0 0 1-1.06.03V5.869h-.635c-2.707 0-5.1 2.626-5.1 6.132s2.393 6.132 5.1 6.132h.635V16.22a.75.75 0 0 1 1.06.03l2 2.118a.75.75 0 0 1 0 1.03l-2 2.118a.75.75 0 0 1-1.06.03v-1.913h-.635c-2.6 0-4.765-1.696-5.85-4.1c-1.085 2.404-3.25 4.1-5.85 4.1H3a.75.75 0 0 1 0-1.5h3.15c2.707 0 5.1-2.626 5.1-6.132s-2.393-6.132-5.1-6.132H3a.75.75 0 0 1 0-1.5h3.15c2.6 0 4.765 1.696 5.85 4.1c1.085-2.404 3.25-4.1 5.85-4.1h.635z"/></svg>

React

import type { SVGProps } from "react";

export function MynauiShuffleAltSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.485 2.455a.75.75 0 0 1 1.06.03l2 2.118a.75.75 0 0 1 0 1.03l-2 2.117a.75.75 0 0 1-1.06.03V5.869h-.635c-2.707 0-5.1 2.626-5.1 6.132s2.393 6.132 5.1 6.132h.635V16.22a.75.75 0 0 1 1.06.03l2 2.118a.75.75 0 0 1 0 1.03l-2 2.118a.75.75 0 0 1-1.06.03v-1.913h-.635c-2.6 0-4.765-1.696-5.85-4.1c-1.085 2.404-3.25 4.1-5.85 4.1H3a.75.75 0 0 1 0-1.5h3.15c2.707 0 5.1-2.626 5.1-6.132s-2.393-6.132-5.1-6.132H3a.75.75 0 0 1 0-1.5h3.15c2.6 0 4.765 1.696 5.85 4.1c1.085-2.404 3.25-4.1 5.85-4.1h.635z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.485 2.455a.75.75 0 0 1 1.06.03l2 2.118a.75.75 0 0 1 0 1.03l-2 2.117a.75.75 0 0 1-1.06.03V5.869h-.635c-2.707 0-5.1 2.626-5.1 6.132s2.393 6.132 5.1 6.132h.635V16.22a.75.75 0 0 1 1.06.03l2 2.118a.75.75 0 0 1 0 1.03l-2 2.118a.75.75 0 0 1-1.06.03v-1.913h-.635c-2.6 0-4.765-1.696-5.85-4.1c-1.085 2.404-3.25 4.1-5.85 4.1H3a.75.75 0 0 1 0-1.5h3.15c2.707 0 5.1-2.626 5.1-6.132s-2.393-6.132-5.1-6.132H3a.75.75 0 0 1 0-1.5h3.15c2.6 0 4.765 1.696 5.85 4.1c1.085-2.404 3.25-4.1 5.85-4.1h.635z"/></svg>
</template>

CSS

.icon-shuffle-alt-solid {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.485%202.455a.75.75%200%200%201%201.06.03l2%202.118a.75.75%200%200%201%200%201.03l-2%202.117a.75.75%200%200%201-1.06.03V5.869h-.635c-2.707%200-5.1%202.626-5.1%206.132s2.393%206.132%205.1%206.132h.635V16.22a.75.75%200%200%201%201.06.03l2%202.118a.75.75%200%200%201%200%201.03l-2%202.118a.75.75%200%200%201-1.06.03v-1.913h-.635c-2.6%200-4.765-1.696-5.85-4.1c-1.085%202.404-3.25%204.1-5.85%204.1H3a.75.75%200%200%201%200-1.5h3.15c2.707%200%205.1-2.626%205.1-6.132s-2.393-6.132-5.1-6.132H3a.75.75%200%200%201%200-1.5h3.15c2.6%200%204.765%201.696%205.85%204.1c1.085-2.404%203.25-4.1%205.85-4.1h.635z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.485%202.455a.75.75%200%200%201%201.06.03l2%202.118a.75.75%200%200%201%200%201.03l-2%202.117a.75.75%200%200%201-1.06.03V5.869h-.635c-2.707%200-5.1%202.626-5.1%206.132s2.393%206.132%205.1%206.132h.635V16.22a.75.75%200%200%201%201.06.03l2%202.118a.75.75%200%200%201%200%201.03l-2%202.118a.75.75%200%200%201-1.06.03v-1.913h-.635c-2.6%200-4.765-1.696-5.85-4.1c-1.085%202.404-3.25%204.1-5.85%204.1H3a.75.75%200%200%201%200-1.5h3.15c2.707%200%205.1-2.626%205.1-6.132s-2.393-6.132-5.1-6.132H3a.75.75%200%200%201%200-1.5h3.15c2.6%200%204.765%201.696%205.85%204.1c1.085-2.404%203.25-4.1%205.85-4.1h.635z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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