arrow shuffle off icon
arrow-shuffle-off-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- arrow-shuffle-off-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
11 other variants in Fluent UI System Icons
arrow-shuffle-off-16-filledarrow-shuffle-off-16-regulararrow-shuffle-off-20-filledarrow-shuffle-off-20-regulararrow-shuffle-off-24-filledarrow-shuffle-off-24-regulararrow-shuffle-off-28-filledarrow-shuffle-off-28-regulararrow-shuffle-off-32-filledarrow-shuffle-off-32-regulararrow-shuffle-off-48-regular
Related icons in Fluent UI System Icons
arrow-autofit-content-20-filledarrow-autofit-down-20-filledarrow-autofit-height-20-filledarrow-autofit-height-dotted-20-filledarrow-autofit-height-in-20-filledarrow-autofit-up-20-filledarrow-autofit-width-20-filledarrow-autofit-width-dotted-20-filledarrow-between-down-20-filledarrow-between-up-20-filledarrow-bidirectional-left-right-16-filledarrow-bidirectional-up-down-12-filledarrow-bounce-12-filledarrow-circle-down-12-filledarrow-circle-down-double-20-filledarrow-circle-down-right-12-filledarrow-circle-down-split-20-filledarrow-circle-down-up-20-filledarrow-circle-left-12-filledarrow-circle-right-12-filledarrow-circle-up-12-filledarrow-circle-up-left-16-filledarrow-circle-up-right-16-filledarrow-circle-up-sparkle-20-filled
Use the arrow shuffle off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m37.605 39.373l4.261 4.26a1.25 1.25 0 0 0 1.768-1.767l-37.5-37.5a1.25 1.25 0 1 0-1.768 1.768l9.812 9.812C11.758 14.761 8.94 14 5.5 14a1.5 1.5 0 0 0 0 3c5.781 0 9.446 2.45 12.904 5.622q.56-.543 1.14-1.115l.098-.097l1.414 1.414l-.024.024l-.085.084C16.621 27.195 12.703 31 5.5 31a1.5 1.5 0 0 0 0 3c8.49 0 13.192-4.634 17.468-8.848l.085-.084l.125-.123l1.414 1.415l-.135.133l-.176.173l-.831.817c2.083 1.924 4.386 3.742 7.232 4.966l4.945 4.946a1.5 1.5 0 0 0 1.978 1.978m-1.445-8.516l5.052 5.052l2.349-2.348a1.5 1.5 0 0 0 0-2.122l-5.5-5.5a1.5 1.5 0 0 0-2.122 2.122L38.88 31h-.38q-1.23-.002-2.34-.143M24.704 19.4l2.13 2.13C29.95 18.907 33.402 17 38.5 17h.379l-2.94 2.94a1.5 1.5 0 0 0 2.122 2.12l5.5-5.5a1.5 1.5 0 0 0 0-2.12l-5.5-5.5a1.5 1.5 0 0 0-2.122 2.12L38.88 14h-.38c-6.17 0-10.338 2.446-13.796 5.4"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowShuffleOff48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m37.605 39.373l4.261 4.26a1.25 1.25 0 0 0 1.768-1.767l-37.5-37.5a1.25 1.25 0 1 0-1.768 1.768l9.812 9.812C11.758 14.761 8.94 14 5.5 14a1.5 1.5 0 0 0 0 3c5.781 0 9.446 2.45 12.904 5.622q.56-.543 1.14-1.115l.098-.097l1.414 1.414l-.024.024l-.085.084C16.621 27.195 12.703 31 5.5 31a1.5 1.5 0 0 0 0 3c8.49 0 13.192-4.634 17.468-8.848l.085-.084l.125-.123l1.414 1.415l-.135.133l-.176.173l-.831.817c2.083 1.924 4.386 3.742 7.232 4.966l4.945 4.946a1.5 1.5 0 0 0 1.978 1.978m-1.445-8.516l5.052 5.052l2.349-2.348a1.5 1.5 0 0 0 0-2.122l-5.5-5.5a1.5 1.5 0 0 0-2.122 2.122L38.88 31h-.38q-1.23-.002-2.34-.143M24.704 19.4l2.13 2.13C29.95 18.907 33.402 17 38.5 17h.379l-2.94 2.94a1.5 1.5 0 0 0 2.122 2.12l5.5-5.5a1.5 1.5 0 0 0 0-2.12l-5.5-5.5a1.5 1.5 0 0 0-2.122 2.12L38.88 14h-.38c-6.17 0-10.338 2.446-13.796 5.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m37.605 39.373l4.261 4.26a1.25 1.25 0 0 0 1.768-1.767l-37.5-37.5a1.25 1.25 0 1 0-1.768 1.768l9.812 9.812C11.758 14.761 8.94 14 5.5 14a1.5 1.5 0 0 0 0 3c5.781 0 9.446 2.45 12.904 5.622q.56-.543 1.14-1.115l.098-.097l1.414 1.414l-.024.024l-.085.084C16.621 27.195 12.703 31 5.5 31a1.5 1.5 0 0 0 0 3c8.49 0 13.192-4.634 17.468-8.848l.085-.084l.125-.123l1.414 1.415l-.135.133l-.176.173l-.831.817c2.083 1.924 4.386 3.742 7.232 4.966l4.945 4.946a1.5 1.5 0 0 0 1.978 1.978m-1.445-8.516l5.052 5.052l2.349-2.348a1.5 1.5 0 0 0 0-2.122l-5.5-5.5a1.5 1.5 0 0 0-2.122 2.122L38.88 31h-.38q-1.23-.002-2.34-.143M24.704 19.4l2.13 2.13C29.95 18.907 33.402 17 38.5 17h.379l-2.94 2.94a1.5 1.5 0 0 0 2.122 2.12l5.5-5.5a1.5 1.5 0 0 0 0-2.12l-5.5-5.5a1.5 1.5 0 0 0-2.122 2.12L38.88 14h-.38c-6.17 0-10.338 2.446-13.796 5.4"/></svg> </template>
CSS
.icon-arrow-shuffle-off-48-filled {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m37.605%2039.373l4.261%204.26a1.25%201.25%200%200%200%201.768-1.767l-37.5-37.5a1.25%201.25%200%201%200-1.768%201.768l9.812%209.812C11.758%2014.761%208.94%2014%205.5%2014a1.5%201.5%200%200%200%200%203c5.781%200%209.446%202.45%2012.904%205.622q.56-.543%201.14-1.115l.098-.097l1.414%201.414l-.024.024l-.085.084C16.621%2027.195%2012.703%2031%205.5%2031a1.5%201.5%200%200%200%200%203c8.49%200%2013.192-4.634%2017.468-8.848l.085-.084l.125-.123l1.414%201.415l-.135.133l-.176.173l-.831.817c2.083%201.924%204.386%203.742%207.232%204.966l4.945%204.946a1.5%201.5%200%200%200%201.978%201.978m-1.445-8.516l5.052%205.052l2.349-2.348a1.5%201.5%200%200%200%200-2.122l-5.5-5.5a1.5%201.5%200%200%200-2.122%202.122L38.88%2031h-.38q-1.23-.002-2.34-.143M24.704%2019.4l2.13%202.13C29.95%2018.907%2033.402%2017%2038.5%2017h.379l-2.94%202.94a1.5%201.5%200%200%200%202.122%202.12l5.5-5.5a1.5%201.5%200%200%200%200-2.12l-5.5-5.5a1.5%201.5%200%200%200-2.122%202.12L38.88%2014h-.38c-6.17%200-10.338%202.446-13.796%205.4%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m37.605%2039.373l4.261%204.26a1.25%201.25%200%200%200%201.768-1.767l-37.5-37.5a1.25%201.25%200%201%200-1.768%201.768l9.812%209.812C11.758%2014.761%208.94%2014%205.5%2014a1.5%201.5%200%200%200%200%203c5.781%200%209.446%202.45%2012.904%205.622q.56-.543%201.14-1.115l.098-.097l1.414%201.414l-.024.024l-.085.084C16.621%2027.195%2012.703%2031%205.5%2031a1.5%201.5%200%200%200%200%203c8.49%200%2013.192-4.634%2017.468-8.848l.085-.084l.125-.123l1.414%201.415l-.135.133l-.176.173l-.831.817c2.083%201.924%204.386%203.742%207.232%204.966l4.945%204.946a1.5%201.5%200%200%200%201.978%201.978m-1.445-8.516l5.052%205.052l2.349-2.348a1.5%201.5%200%200%200%200-2.122l-5.5-5.5a1.5%201.5%200%200%200-2.122%202.122L38.88%2031h-.38q-1.23-.002-2.34-.143M24.704%2019.4l2.13%202.13C29.95%2018.907%2033.402%2017%2038.5%2017h.379l-2.94%202.94a1.5%201.5%200%200%200%202.122%202.12l5.5-5.5a1.5%201.5%200%200%200%200-2.12l-5.5-5.5a1.5%201.5%200%200%200-2.122%202.12L38.88%2014h-.38c-6.17%200-10.338%202.446-13.796%205.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/arrow-shuffle-off-48-filled.svg?color=%231a73e8&size=48
