arrowshape turn up left circle icon

arrowshape-turn-up-left-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: arrowshape-turn-up-left-circle-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

arrowshape-turn-up-left-circle

Related icons in Framework7 Icons

arrowshape-turn-up-left arrowshape-turn-up-left-2 arrowshape-turn-up-right arrowshape-turn-up-right-circle

Use the arrowshape turn up left circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-2.203-14.11c-.633 0-1.125-.28-1.711-.82l-9.961-9.374c-.469-.446-.633-.915-.633-1.336c0-.446.14-.914.633-1.36l9.96-9.304c.657-.61 1.055-.891 1.688-.891c.867 0 1.477.703 1.477 1.523v4.805h.375c9.047 0 13.008 5.742 13.008 15.094c0 1.078-.633 1.664-1.29 1.664c-.538 0-1.124-.14-1.546-.938c-2.18-4.125-5.274-5.343-10.172-5.343h-.375v4.828c0 .843-.61 1.453-1.453 1.453"/></svg>

React

import type { SVGProps } from "react";

export function F7ArrowshapeTurnUpLeftCircleFill(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="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-2.203-14.11c-.633 0-1.125-.28-1.711-.82l-9.961-9.374c-.469-.446-.633-.915-.633-1.336c0-.446.14-.914.633-1.36l9.96-9.304c.657-.61 1.055-.891 1.688-.891c.867 0 1.477.703 1.477 1.523v4.805h.375c9.047 0 13.008 5.742 13.008 15.094c0 1.078-.633 1.664-1.29 1.664c-.538 0-1.124-.14-1.546-.938c-2.18-4.125-5.274-5.343-10.172-5.343h-.375v4.828c0 .843-.61 1.453-1.453 1.453"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-2.203-14.11c-.633 0-1.125-.28-1.711-.82l-9.961-9.374c-.469-.446-.633-.915-.633-1.336c0-.446.14-.914.633-1.36l9.96-9.304c.657-.61 1.055-.891 1.688-.891c.867 0 1.477.703 1.477 1.523v4.805h.375c9.047 0 13.008 5.742 13.008 15.094c0 1.078-.633 1.664-1.29 1.664c-.538 0-1.124-.14-1.546-.938c-2.18-4.125-5.274-5.343-10.172-5.343h-.375v4.828c0 .843-.61 1.453-1.453 1.453"/></svg>
</template>

CSS

.icon-arrowshape-turn-up-left-circle-fill {
  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%22M28%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m-2.203-14.11c-.633%200-1.125-.28-1.711-.82l-9.961-9.374c-.469-.446-.633-.915-.633-1.336c0-.446.14-.914.633-1.36l9.96-9.304c.657-.61%201.055-.891%201.688-.891c.867%200%201.477.703%201.477%201.523v4.805h.375c9.047%200%2013.008%205.742%2013.008%2015.094c0%201.078-.633%201.664-1.29%201.664c-.538%200-1.124-.14-1.546-.938c-2.18-4.125-5.274-5.343-10.172-5.343h-.375v4.828c0%20.843-.61%201.453-1.453%201.453%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%22M28%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m-2.203-14.11c-.633%200-1.125-.28-1.711-.82l-9.961-9.374c-.469-.446-.633-.915-.633-1.336c0-.446.14-.914.633-1.36l9.96-9.304c.657-.61%201.055-.891%201.688-.891c.867%200%201.477.703%201.477%201.523v4.805h.375c9.047%200%2013.008%205.742%2013.008%2015.094c0%201.078-.633%201.664-1.29%201.664c-.538%200-1.124-.14-1.546-.938c-2.18-4.125-5.274-5.343-10.172-5.343h-.375v4.828c0%20.843-.61%201.453-1.453%201.453%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/arrowshape-turn-up-left-circle-fill.svg?color=%231a73e8&size=48