Arrow Shuffle Off 32 Regular

By Microsoft Corporation in Fluent UI System Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 32 32">
  <path fill="currentColor" d="m20.057 21.471l8.236 8.236a1 1 0 0 0 1.414-1.414l-26-26a1 1 0 0 0-1.414 1.414l6.094 6.095A12.029 12.029 0 0 0 4 9a1 1 0 0 0 0 2c3.632 0 6.104 1.716 8.503 3.957l.522-.518l1.06 1.06C11.136 18.447 8.432 21 4 21a1 1 0 1 0 0 2c5.34 0 8.587-3.172 11.5-6.085l1.06 1.06c-.158.16-.318.32-.482.483c1.196 1.123 2.488 2.194 3.98 3.014Zm7.418 2.468l-3.055-3.054c.373.056.758.092 1.158.107l-1.785-1.785a1 1 0 0 1 1.414-1.414l3.5 3.5a1 1 0 0 1 0 1.414l-1.232 1.232Zm-9.458-9.457L16.6 13.064c2.349-2.117 5.106-3.938 8.993-4.058l-1.799-1.8a1 1 0 0 1 1.414-1.413l3.5 3.5a1 1 0 0 1 0 1.414l-3.5 3.5a1 1 0 0 1-1.414-1.414l1.785-1.785c-3.148.118-5.414 1.554-7.56 3.474Z"/>
</svg>


Arrow Shuffle Off 32 Regular Icons examples

See what this icon looks like in some mockup designs
Arrow Shuffle Off 32 RegularHome

Related icons in Fluent UI System Icons

copy save
access-time-20-filled
copy save
access-time-20-regular
copy save
access-time-24-filled
copy save
access-time-24-regular
copy save
accessibility-16-filled
copy save
accessibility-16-regular
copy save
accessibility-20-filled
copy save
accessibility-20-regular
copy save
accessibility-24-filled
copy save
accessibility-24-regular
copy save
accessibility-28-filled
copy save
accessibility-28-regular
copy save
accessibility-32-filled
copy save
accessibility-32-regular
copy save
accessibility-48-filled
copy save
accessibility-48-regular
copy save
accessibility-checkmark-20-filled
copy save
accessibility-checkmark-20-regular
copy save
accessibility-checkmark-24-filled
copy save
accessibility-checkmark-24-regular