arrow 2 circlepath icon

arrow-2-circlepath from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name
arrow-2-circlepath
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

Related icons in Framework7 Icons

arrow-2-circlepath-circlearrow-2-squarepatharrow-3-trianglepatharrow-brancharrow-clockwisearrow-clockwise-circlearrow-counterclockwisearrow-counterclockwise-circlearrow-downarrow-down-circlearrow-down-docarrow-down-leftarrow-down-left-circlearrow-down-left-squarearrow-down-rightarrow-down-right-arrow-up-leftarrow-down-right-circlearrow-down-right-squarearrow-down-squarearrow-down-to-linearrow-down-to-line-altarrow-leftarrow-left-circlearrow-left-right

Use the arrow 2 circlepath icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M53.949 26.303h-3.087c-1.24-11.47-11.11-20.597-22.873-20.597c-6.851 0-13.07 3.11-17.307 8c-.857.97-.722 2.163.157 2.794c.902.631 1.96.429 2.705-.405a19.12 19.12 0 0 1 14.445-6.558a19.074 19.074 0 0 1 18.997 16.766h-3.358c-1.6 0-2.028 1.082-1.15 2.321l5.026 7.189c.721 1.037 1.803 1.06 2.547 0l5.047-7.166c.902-1.262.474-2.344-1.149-2.344m-51.898 4.8h3.087c1.24 11.47 11.11 20.575 22.85 20.575c6.896 0 13.116-3.133 17.353-8c.811-.97.698-2.186-.158-2.817c-.901-.631-1.96-.406-2.704.428c-3.47 4.034-8.654 6.558-14.49 6.558A19.05 19.05 0 0 1 9.014 31.103h3.358c1.6 0 2.028-1.104 1.15-2.32l-5.049-7.19c-.72-1.036-1.78-1.059-2.524 0L.901 28.76C0 30 .428 31.104 2.051 31.104"/></svg>

React

import type { SVGProps } from "react";

export function F7Arrow2Circlepath(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M53.949 26.303h-3.087c-1.24-11.47-11.11-20.597-22.873-20.597c-6.851 0-13.07 3.11-17.307 8c-.857.97-.722 2.163.157 2.794c.902.631 1.96.429 2.705-.405a19.12 19.12 0 0 1 14.445-6.558a19.074 19.074 0 0 1 18.997 16.766h-3.358c-1.6 0-2.028 1.082-1.15 2.321l5.026 7.189c.721 1.037 1.803 1.06 2.547 0l5.047-7.166c.902-1.262.474-2.344-1.149-2.344m-51.898 4.8h3.087c1.24 11.47 11.11 20.575 22.85 20.575c6.896 0 13.116-3.133 17.353-8c.811-.97.698-2.186-.158-2.817c-.901-.631-1.96-.406-2.704.428c-3.47 4.034-8.654 6.558-14.49 6.558A19.05 19.05 0 0 1 9.014 31.103h3.358c1.6 0 2.028-1.104 1.15-2.32l-5.049-7.19c-.72-1.036-1.78-1.059-2.524 0L.901 28.76C0 30 .428 31.104 2.051 31.104"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M53.949 26.303h-3.087c-1.24-11.47-11.11-20.597-22.873-20.597c-6.851 0-13.07 3.11-17.307 8c-.857.97-.722 2.163.157 2.794c.902.631 1.96.429 2.705-.405a19.12 19.12 0 0 1 14.445-6.558a19.074 19.074 0 0 1 18.997 16.766h-3.358c-1.6 0-2.028 1.082-1.15 2.321l5.026 7.189c.721 1.037 1.803 1.06 2.547 0l5.047-7.166c.902-1.262.474-2.344-1.149-2.344m-51.898 4.8h3.087c1.24 11.47 11.11 20.575 22.85 20.575c6.896 0 13.116-3.133 17.353-8c.811-.97.698-2.186-.158-2.817c-.901-.631-1.96-.406-2.704.428c-3.47 4.034-8.654 6.558-14.49 6.558A19.05 19.05 0 0 1 9.014 31.103h3.358c1.6 0 2.028-1.104 1.15-2.32l-5.049-7.19c-.72-1.036-1.78-1.059-2.524 0L.901 28.76C0 30 .428 31.104 2.051 31.104"/></svg>
</template>

CSS

.icon-arrow-2-circlepath {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M53.949%2026.303h-3.087c-1.24-11.47-11.11-20.597-22.873-20.597c-6.851%200-13.07%203.11-17.307%208c-.857.97-.722%202.163.157%202.794c.902.631%201.96.429%202.705-.405a19.12%2019.12%200%200%201%2014.445-6.558a19.074%2019.074%200%200%201%2018.997%2016.766h-3.358c-1.6%200-2.028%201.082-1.15%202.321l5.026%207.189c.721%201.037%201.803%201.06%202.547%200l5.047-7.166c.902-1.262.474-2.344-1.149-2.344m-51.898%204.8h3.087c1.24%2011.47%2011.11%2020.575%2022.85%2020.575c6.896%200%2013.116-3.133%2017.353-8c.811-.97.698-2.186-.158-2.817c-.901-.631-1.96-.406-2.704.428c-3.47%204.034-8.654%206.558-14.49%206.558A19.05%2019.05%200%200%201%209.014%2031.103h3.358c1.6%200%202.028-1.104%201.15-2.32l-5.049-7.19c-.72-1.036-1.78-1.059-2.524%200L.901%2028.76C0%2030%20.428%2031.104%202.051%2031.104%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M53.949%2026.303h-3.087c-1.24-11.47-11.11-20.597-22.873-20.597c-6.851%200-13.07%203.11-17.307%208c-.857.97-.722%202.163.157%202.794c.902.631%201.96.429%202.705-.405a19.12%2019.12%200%200%201%2014.445-6.558a19.074%2019.074%200%200%201%2018.997%2016.766h-3.358c-1.6%200-2.028%201.082-1.15%202.321l5.026%207.189c.721%201.037%201.803%201.06%202.547%200l5.047-7.166c.902-1.262.474-2.344-1.149-2.344m-51.898%204.8h3.087c1.24%2011.47%2011.11%2020.575%2022.85%2020.575c6.896%200%2013.116-3.133%2017.353-8c.811-.97.698-2.186-.158-2.817c-.901-.631-1.96-.406-2.704.428c-3.47%204.034-8.654%206.558-14.49%206.558A19.05%2019.05%200%200%201%209.014%2031.103h3.358c1.6%200%202.028-1.104%201.15-2.32l-5.049-7.19c-.72-1.036-1.78-1.059-2.524%200L.901%2028.76C0%2030%20.428%2031.104%202.051%2031.104%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/arrow-2-circlepath.svg?color=%231a73e8&size=48