arrow shuffle off icon
arrow-shuffle-off-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- arrow-shuffle-off-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- 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-regulararrow-shuffle-off-32-filledarrow-shuffle-off-32-regulararrow-shuffle-off-48-filledarrow-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 28 28"><path fill="currentColor" d="M3.28 2.22a.75.75 0 1 0-1.06 1.06l5.289 5.29C6.482 8.212 5.326 8 4 8a1 1 0 1 0 0 2c3.146 0 5.084 1.41 6.939 3.279l.593-.637l.024-.026l.707.708C9.937 15.839 7.893 18 4 18a1 1 0 1 0 0 2c4.813 0 7.392-2.788 9.675-5.257l.003-.004l.708.708l-.024.026q-.323.352-.666.715c1.27 1.273 2.717 2.472 4.605 3.174l1.962 1.962a1 1 0 0 0 1.413 1.413l3.043 3.044a.75.75 0 0 0 1.061-1.061zm11.077 8.955l1.417 1.417c1.567-1.437 3.29-2.479 5.803-2.583l-1.284 1.284a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414l-3-3a1 1 0 1 0-1.414 1.414l1.3 1.3c-3.24.108-5.439 1.506-7.236 3.168m6.788 6.788l2.653 2.653l.91-.909a1 1 0 0 0 0-1.414l-3-3a1 1 0 0 0-1.415 1.414l1.284 1.284a9 9 0 0 1-.432-.027"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowShuffleOff28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M3.28 2.22a.75.75 0 1 0-1.06 1.06l5.289 5.29C6.482 8.212 5.326 8 4 8a1 1 0 1 0 0 2c3.146 0 5.084 1.41 6.939 3.279l.593-.637l.024-.026l.707.708C9.937 15.839 7.893 18 4 18a1 1 0 1 0 0 2c4.813 0 7.392-2.788 9.675-5.257l.003-.004l.708.708l-.024.026q-.323.352-.666.715c1.27 1.273 2.717 2.472 4.605 3.174l1.962 1.962a1 1 0 0 0 1.413 1.413l3.043 3.044a.75.75 0 0 0 1.061-1.061zm11.077 8.955l1.417 1.417c1.567-1.437 3.29-2.479 5.803-2.583l-1.284 1.284a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414l-3-3a1 1 0 1 0-1.414 1.414l1.3 1.3c-3.24.108-5.439 1.506-7.236 3.168m6.788 6.788l2.653 2.653l.91-.909a1 1 0 0 0 0-1.414l-3-3a1 1 0 0 0-1.415 1.414l1.284 1.284a9 9 0 0 1-.432-.027"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M3.28 2.22a.75.75 0 1 0-1.06 1.06l5.289 5.29C6.482 8.212 5.326 8 4 8a1 1 0 1 0 0 2c3.146 0 5.084 1.41 6.939 3.279l.593-.637l.024-.026l.707.708C9.937 15.839 7.893 18 4 18a1 1 0 1 0 0 2c4.813 0 7.392-2.788 9.675-5.257l.003-.004l.708.708l-.024.026q-.323.352-.666.715c1.27 1.273 2.717 2.472 4.605 3.174l1.962 1.962a1 1 0 0 0 1.413 1.413l3.043 3.044a.75.75 0 0 0 1.061-1.061zm11.077 8.955l1.417 1.417c1.567-1.437 3.29-2.479 5.803-2.583l-1.284 1.284a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414l-3-3a1 1 0 1 0-1.414 1.414l1.3 1.3c-3.24.108-5.439 1.506-7.236 3.168m6.788 6.788l2.653 2.653l.91-.909a1 1 0 0 0 0-1.414l-3-3a1 1 0 0 0-1.415 1.414l1.284 1.284a9 9 0 0 1-.432-.027"/></svg> </template>
CSS
.icon-arrow-shuffle-off-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.28%202.22a.75.75%200%201%200-1.06%201.06l5.289%205.29C6.482%208.212%205.326%208%204%208a1%201%200%201%200%200%202c3.146%200%205.084%201.41%206.939%203.279l.593-.637l.024-.026l.707.708C9.937%2015.839%207.893%2018%204%2018a1%201%200%201%200%200%202c4.813%200%207.392-2.788%209.675-5.257l.003-.004l.708.708l-.024.026q-.323.352-.666.715c1.27%201.273%202.717%202.472%204.605%203.174l1.962%201.962a1%201%200%200%200%201.413%201.413l3.043%203.044a.75.75%200%200%200%201.061-1.061zm11.077%208.955l1.417%201.417c1.567-1.437%203.29-2.479%205.803-2.583l-1.284%201.284a1%201%200%200%200%201.414%201.414l3-3a1%201%200%200%200%200-1.414l-3-3a1%201%200%201%200-1.414%201.414l1.3%201.3c-3.24.108-5.439%201.506-7.236%203.168m6.788%206.788l2.653%202.653l.91-.909a1%201%200%200%200%200-1.414l-3-3a1%201%200%200%200-1.415%201.414l1.284%201.284a9%209%200%200%201-.432-.027%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.28%202.22a.75.75%200%201%200-1.06%201.06l5.289%205.29C6.482%208.212%205.326%208%204%208a1%201%200%201%200%200%202c3.146%200%205.084%201.41%206.939%203.279l.593-.637l.024-.026l.707.708C9.937%2015.839%207.893%2018%204%2018a1%201%200%201%200%200%202c4.813%200%207.392-2.788%209.675-5.257l.003-.004l.708.708l-.024.026q-.323.352-.666.715c1.27%201.273%202.717%202.472%204.605%203.174l1.962%201.962a1%201%200%200%200%201.413%201.413l3.043%203.044a.75.75%200%200%200%201.061-1.061zm11.077%208.955l1.417%201.417c1.567-1.437%203.29-2.479%205.803-2.583l-1.284%201.284a1%201%200%200%200%201.414%201.414l3-3a1%201%200%200%200%200-1.414l-3-3a1%201%200%201%200-1.414%201.414l1.3%201.3c-3.24.108-5.439%201.506-7.236%203.168m6.788%206.788l2.653%202.653l.91-.909a1%201%200%200%200%200-1.414l-3-3a1%201%200%200%200-1.415%201.414l1.284%201.284a9%209%200%200%201-.432-.027%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-28-filled.svg?color=%231a73e8&size=48
