arrows spin icon

arrows-spin from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: arrows-spin
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

arrows-alt arrows-alt-h arrows-alt-v arrows-down-to-line arrows-down-to-people arrows-h arrows-left-right arrows-left-right-to-line arrows-rotate arrows-split-up-and-left arrows-to-circle arrows-to-dot arrows-to-eye arrows-turn-right arrows-turn-to-dots arrows-up-down arrows-up-down-left-right arrows-up-to-line arrows-v

Use the arrows spin icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M545.7 304.1c-17.6-1.2-32.9 12-34.2 29.7c-3.3 47-23.6 89.4-54.8 121L425 423c-6.9-6.9-17.2-8.9-26.2-5.2S384 430.3 384 440v112c0 13.3 10.7 24 24 24h112c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-35-35c41.7-42.2 68.9-98.8 73.4-161.8c1.2-17.6-12-32.9-29.7-34.2zM103 105l35 35c-41.7 42.2-68.9 98.8-73.4 161.8c-1.2 17.6 12 32.9 29.7 34.2s32.9-12 34.2-29.7c3.3-47 23.6-89.4 54.8-121L215 217c6.9 6.9 17.2 8.9 26.2 5.2S256 209.7 256 200V88c0-13.3-10.7-24-24-24H120c-9.7 0-18.5 5.8-22.2 14.8S96.2 98.1 103 105m201-10.7c-1.2 17.6 12 32.9 29.7 34.2c47 3.3 89.4 23.6 121 54.8L423 215c-6.9 6.9-8.9 17.2-5.2 26.2S430.3 256 440 256h112c13.3 0 24-10.7 24-24V120c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.6-26.2 5.2l-35 35c-42.2-41.7-98.8-68.9-161.8-73.4c-17.6-1.2-32.9 12-34.2 29.7M105 537l35-35c42.2 41.7 98.8 68.9 161.8 73.4c17.6 1.2 32.9-12 34.2-29.7s-12-32.9-29.7-34.2c-47-3.3-89.4-23.6-121-54.8L217 425c6.9-6.9 8.9-17.2 5.2-26.2S209.7 384 200 384H88c-13.3 0-24 10.7-24 24v112c0 9.7 5.8 18.5 14.8 22.2s19.3 1.6 26.2-5.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidArrowsSpin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M545.7 304.1c-17.6-1.2-32.9 12-34.2 29.7c-3.3 47-23.6 89.4-54.8 121L425 423c-6.9-6.9-17.2-8.9-26.2-5.2S384 430.3 384 440v112c0 13.3 10.7 24 24 24h112c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-35-35c41.7-42.2 68.9-98.8 73.4-161.8c1.2-17.6-12-32.9-29.7-34.2zM103 105l35 35c-41.7 42.2-68.9 98.8-73.4 161.8c-1.2 17.6 12 32.9 29.7 34.2s32.9-12 34.2-29.7c3.3-47 23.6-89.4 54.8-121L215 217c6.9 6.9 17.2 8.9 26.2 5.2S256 209.7 256 200V88c0-13.3-10.7-24-24-24H120c-9.7 0-18.5 5.8-22.2 14.8S96.2 98.1 103 105m201-10.7c-1.2 17.6 12 32.9 29.7 34.2c47 3.3 89.4 23.6 121 54.8L423 215c-6.9 6.9-8.9 17.2-5.2 26.2S430.3 256 440 256h112c13.3 0 24-10.7 24-24V120c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.6-26.2 5.2l-35 35c-42.2-41.7-98.8-68.9-161.8-73.4c-17.6-1.2-32.9 12-34.2 29.7M105 537l35-35c42.2 41.7 98.8 68.9 161.8 73.4c17.6 1.2 32.9-12 34.2-29.7s-12-32.9-29.7-34.2c-47-3.3-89.4-23.6-121-54.8L217 425c6.9-6.9 8.9-17.2 5.2-26.2S209.7 384 200 384H88c-13.3 0-24 10.7-24 24v112c0 9.7 5.8 18.5 14.8 22.2s19.3 1.6 26.2-5.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M545.7 304.1c-17.6-1.2-32.9 12-34.2 29.7c-3.3 47-23.6 89.4-54.8 121L425 423c-6.9-6.9-17.2-8.9-26.2-5.2S384 430.3 384 440v112c0 13.3 10.7 24 24 24h112c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-35-35c41.7-42.2 68.9-98.8 73.4-161.8c1.2-17.6-12-32.9-29.7-34.2zM103 105l35 35c-41.7 42.2-68.9 98.8-73.4 161.8c-1.2 17.6 12 32.9 29.7 34.2s32.9-12 34.2-29.7c3.3-47 23.6-89.4 54.8-121L215 217c6.9 6.9 17.2 8.9 26.2 5.2S256 209.7 256 200V88c0-13.3-10.7-24-24-24H120c-9.7 0-18.5 5.8-22.2 14.8S96.2 98.1 103 105m201-10.7c-1.2 17.6 12 32.9 29.7 34.2c47 3.3 89.4 23.6 121 54.8L423 215c-6.9 6.9-8.9 17.2-5.2 26.2S430.3 256 440 256h112c13.3 0 24-10.7 24-24V120c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.6-26.2 5.2l-35 35c-42.2-41.7-98.8-68.9-161.8-73.4c-17.6-1.2-32.9 12-34.2 29.7M105 537l35-35c42.2 41.7 98.8 68.9 161.8 73.4c17.6 1.2 32.9-12 34.2-29.7s-12-32.9-29.7-34.2c-47-3.3-89.4-23.6-121-54.8L217 425c6.9-6.9 8.9-17.2 5.2-26.2S209.7 384 200 384H88c-13.3 0-24 10.7-24 24v112c0 9.7 5.8 18.5 14.8 22.2s19.3 1.6 26.2-5.2"/></svg>
</template>

CSS

.icon-arrows-spin {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M545.7%20304.1c-17.6-1.2-32.9%2012-34.2%2029.7c-3.3%2047-23.6%2089.4-54.8%20121L425%20423c-6.9-6.9-17.2-8.9-26.2-5.2S384%20430.3%20384%20440v112c0%2013.3%2010.7%2024%2024%2024h112c9.7%200%2018.5-5.8%2022.2-14.8s1.7-19.3-5.2-26.2l-35-35c41.7-42.2%2068.9-98.8%2073.4-161.8c1.2-17.6-12-32.9-29.7-34.2zM103%20105l35%2035c-41.7%2042.2-68.9%2098.8-73.4%20161.8c-1.2%2017.6%2012%2032.9%2029.7%2034.2s32.9-12%2034.2-29.7c3.3-47%2023.6-89.4%2054.8-121L215%20217c6.9%206.9%2017.2%208.9%2026.2%205.2S256%20209.7%20256%20200V88c0-13.3-10.7-24-24-24H120c-9.7%200-18.5%205.8-22.2%2014.8S96.2%2098.1%20103%20105m201-10.7c-1.2%2017.6%2012%2032.9%2029.7%2034.2c47%203.3%2089.4%2023.6%20121%2054.8L423%20215c-6.9%206.9-8.9%2017.2-5.2%2026.2S430.3%20256%20440%20256h112c13.3%200%2024-10.7%2024-24V120c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.6-26.2%205.2l-35%2035c-42.2-41.7-98.8-68.9-161.8-73.4c-17.6-1.2-32.9%2012-34.2%2029.7M105%20537l35-35c42.2%2041.7%2098.8%2068.9%20161.8%2073.4c17.6%201.2%2032.9-12%2034.2-29.7s-12-32.9-29.7-34.2c-47-3.3-89.4-23.6-121-54.8L217%20425c6.9-6.9%208.9-17.2%205.2-26.2S209.7%20384%20200%20384H88c-13.3%200-24%2010.7-24%2024v112c0%209.7%205.8%2018.5%2014.8%2022.2s19.3%201.6%2026.2-5.2%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M545.7%20304.1c-17.6-1.2-32.9%2012-34.2%2029.7c-3.3%2047-23.6%2089.4-54.8%20121L425%20423c-6.9-6.9-17.2-8.9-26.2-5.2S384%20430.3%20384%20440v112c0%2013.3%2010.7%2024%2024%2024h112c9.7%200%2018.5-5.8%2022.2-14.8s1.7-19.3-5.2-26.2l-35-35c41.7-42.2%2068.9-98.8%2073.4-161.8c1.2-17.6-12-32.9-29.7-34.2zM103%20105l35%2035c-41.7%2042.2-68.9%2098.8-73.4%20161.8c-1.2%2017.6%2012%2032.9%2029.7%2034.2s32.9-12%2034.2-29.7c3.3-47%2023.6-89.4%2054.8-121L215%20217c6.9%206.9%2017.2%208.9%2026.2%205.2S256%20209.7%20256%20200V88c0-13.3-10.7-24-24-24H120c-9.7%200-18.5%205.8-22.2%2014.8S96.2%2098.1%20103%20105m201-10.7c-1.2%2017.6%2012%2032.9%2029.7%2034.2c47%203.3%2089.4%2023.6%20121%2054.8L423%20215c-6.9%206.9-8.9%2017.2-5.2%2026.2S430.3%20256%20440%20256h112c13.3%200%2024-10.7%2024-24V120c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.6-26.2%205.2l-35%2035c-42.2-41.7-98.8-68.9-161.8-73.4c-17.6-1.2-32.9%2012-34.2%2029.7M105%20537l35-35c42.2%2041.7%2098.8%2068.9%20161.8%2073.4c17.6%201.2%2032.9-12%2034.2-29.7s-12-32.9-29.7-34.2c-47-3.3-89.4-23.6-121-54.8L217%20425c6.9-6.9%208.9-17.2%205.2-26.2S209.7%20384%20200%20384H88c-13.3%200-24%2010.7-24%2024v112c0%209.7%205.8%2018.5%2014.8%2022.2s19.3%201.6%2026.2-5.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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