arrowshape turn up left 2 icon

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

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

1 other variant in Framework7 Icons

arrowshape-turn-up-left-2

Related icons in Framework7 Icons

arrowshape-turn-up-leftarrowshape-turn-up-left-circlearrowshape-turn-up-rightarrowshape-turn-up-right-circle

Use the arrowshape turn up left 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M31.21 48.392c1.43 0 2.461-1.052 2.461-2.462v-8.039h.61c8.145 0 13.3 2.063 16.984 8.944c.715 1.347 1.683 1.557 2.588 1.557c1.116 0 2.147-1.01 2.147-2.82C56 30.02 49.413 20.32 34.282 20.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031 0-1.662.527-2.84 1.516L11.7 26.82c-.8.758-1.074 1.558-1.074 2.273c0 .695.295 1.474 1.074 2.252l16.625 15.679c1.052.904 1.852 1.367 2.883 1.367m-10.628 0c1.41 0 2.462-.862 2.462-1.83v-.905L9.702 33.367c-1.305-1.179-2.042-2.694-2.042-4.272s.695-3.115 2.042-4.294l13.342-12.206v-.905c0-.989-1.052-1.915-2.504-1.915c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.273 27.58 0 28.38 0 29.095c0 .695.274 1.495 1.073 2.252l16.604 15.679c1.053.904 1.852 1.367 2.905 1.367"/></svg>

React

import type { SVGProps } from "react";

export function F7ArrowshapeTurnUpLeft2Fill(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="M31.21 48.392c1.43 0 2.461-1.052 2.461-2.462v-8.039h.61c8.145 0 13.3 2.063 16.984 8.944c.715 1.347 1.683 1.557 2.588 1.557c1.116 0 2.147-1.01 2.147-2.82C56 30.02 49.413 20.32 34.282 20.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031 0-1.662.527-2.84 1.516L11.7 26.82c-.8.758-1.074 1.558-1.074 2.273c0 .695.295 1.474 1.074 2.252l16.625 15.679c1.052.904 1.852 1.367 2.883 1.367m-10.628 0c1.41 0 2.462-.862 2.462-1.83v-.905L9.702 33.367c-1.305-1.179-2.042-2.694-2.042-4.272s.695-3.115 2.042-4.294l13.342-12.206v-.905c0-.989-1.052-1.915-2.504-1.915c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.273 27.58 0 28.38 0 29.095c0 .695.274 1.495 1.073 2.252l16.604 15.679c1.053.904 1.852 1.367 2.905 1.367"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M31.21 48.392c1.43 0 2.461-1.052 2.461-2.462v-8.039h.61c8.145 0 13.3 2.063 16.984 8.944c.715 1.347 1.683 1.557 2.588 1.557c1.116 0 2.147-1.01 2.147-2.82C56 30.02 49.413 20.32 34.282 20.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031 0-1.662.527-2.84 1.516L11.7 26.82c-.8.758-1.074 1.558-1.074 2.273c0 .695.295 1.474 1.074 2.252l16.625 15.679c1.052.904 1.852 1.367 2.883 1.367m-10.628 0c1.41 0 2.462-.862 2.462-1.83v-.905L9.702 33.367c-1.305-1.179-2.042-2.694-2.042-4.272s.695-3.115 2.042-4.294l13.342-12.206v-.905c0-.989-1.052-1.915-2.504-1.915c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.273 27.58 0 28.38 0 29.095c0 .695.274 1.495 1.073 2.252l16.604 15.679c1.053.904 1.852 1.367 2.905 1.367"/></svg>
</template>

CSS

.icon-arrowshape-turn-up-left-2-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%22M31.21%2048.392c1.43%200%202.461-1.052%202.461-2.462v-8.039h.61c8.145%200%2013.3%202.063%2016.984%208.944c.715%201.347%201.683%201.557%202.588%201.557c1.116%200%202.147-1.01%202.147-2.82C56%2030.02%2049.413%2020.32%2034.282%2020.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031%200-1.662.527-2.84%201.516L11.7%2026.82c-.8.758-1.074%201.558-1.074%202.273c0%20.695.295%201.474%201.074%202.252l16.625%2015.679c1.052.904%201.852%201.367%202.883%201.367m-10.628%200c1.41%200%202.462-.862%202.462-1.83v-.905L9.702%2033.367c-1.305-1.179-2.042-2.694-2.042-4.272s.695-3.115%202.042-4.294l13.342-12.206v-.905c0-.989-1.052-1.915-2.504-1.915c-1.053%200-1.684.527-2.863%201.516L1.073%2026.82C.273%2027.58%200%2028.38%200%2029.095c0%20.695.274%201.495%201.073%202.252l16.604%2015.679c1.053.904%201.852%201.367%202.905%201.367%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%22M31.21%2048.392c1.43%200%202.461-1.052%202.461-2.462v-8.039h.61c8.145%200%2013.3%202.063%2016.984%208.944c.715%201.347%201.683%201.557%202.588%201.557c1.116%200%202.147-1.01%202.147-2.82C56%2030.02%2049.413%2020.32%2034.282%2020.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031%200-1.662.527-2.84%201.516L11.7%2026.82c-.8.758-1.074%201.558-1.074%202.273c0%20.695.295%201.474%201.074%202.252l16.625%2015.679c1.052.904%201.852%201.367%202.883%201.367m-10.628%200c1.41%200%202.462-.862%202.462-1.83v-.905L9.702%2033.367c-1.305-1.179-2.042-2.694-2.042-4.272s.695-3.115%202.042-4.294l13.342-12.206v-.905c0-.989-1.052-1.915-2.504-1.915c-1.053%200-1.684.527-2.863%201.516L1.073%2026.82C.273%2027.58%200%2028.38%200%2029.095c0%20.695.274%201.495%201.073%202.252l16.604%2015.679c1.053.904%201.852%201.367%202.905%201.367%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-2-fill.svg?color=%231a73e8&size=48