arrowshape turn up left 2 icon
arrowshape-turn-up-left-2 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- arrowshape-turn-up-left-2
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
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="M20.582 48.392c1.41 0 2.462-1.052 2.462-2.462v-3.893l5.282 4.988c1.052.904 1.852 1.367 2.883 1.367c1.431 0 2.462-1.052 2.462-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.516l-5.283 4.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.295 27.602 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.367m-1.579-4.714L4.02 29.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52 0 0 1 .358-.168c.168 0 .295.126.295.294v4.946L11.7 26.822c-.779.778-1.074 1.557-1.074 2.273c0 .694.295 1.473 1.074 2.251l7.955 7.492v4.714c0 .19-.127.316-.295.316c-.126 0-.231-.063-.358-.19m10.986.19c-.127 0-.232-.063-.358-.19L14.647 29.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168 0 .294.126.294.294v8.355c0 .484.21.695.695.695h2.84c14.438 0 18.772 10.017 19.194 19.95c0 .147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484 0-.695.21-.695.695v8.144c0 .19-.105.316-.294.316"/></svg>
React
import type { SVGProps } from "react";
export function F7ArrowshapeTurnUpLeft2(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="M20.582 48.392c1.41 0 2.462-1.052 2.462-2.462v-3.893l5.282 4.988c1.052.904 1.852 1.367 2.883 1.367c1.431 0 2.462-1.052 2.462-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.516l-5.283 4.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.295 27.602 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.367m-1.579-4.714L4.02 29.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52 0 0 1 .358-.168c.168 0 .295.126.295.294v4.946L11.7 26.822c-.779.778-1.074 1.557-1.074 2.273c0 .694.295 1.473 1.074 2.251l7.955 7.492v4.714c0 .19-.127.316-.295.316c-.126 0-.231-.063-.358-.19m10.986.19c-.127 0-.232-.063-.358-.19L14.647 29.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168 0 .294.126.294.294v8.355c0 .484.21.695.695.695h2.84c14.438 0 18.772 10.017 19.194 19.95c0 .147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484 0-.695.21-.695.695v8.144c0 .19-.105.316-.294.316"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M20.582 48.392c1.41 0 2.462-1.052 2.462-2.462v-3.893l5.282 4.988c1.052.904 1.852 1.367 2.883 1.367c1.431 0 2.462-1.052 2.462-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.516l-5.283 4.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.295 27.602 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.367m-1.579-4.714L4.02 29.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52 0 0 1 .358-.168c.168 0 .295.126.295.294v4.946L11.7 26.822c-.779.778-1.074 1.557-1.074 2.273c0 .694.295 1.473 1.074 2.251l7.955 7.492v4.714c0 .19-.127.316-.295.316c-.126 0-.231-.063-.358-.19m10.986.19c-.127 0-.232-.063-.358-.19L14.647 29.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168 0 .294.126.294.294v8.355c0 .484.21.695.695.695h2.84c14.438 0 18.772 10.017 19.194 19.95c0 .147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484 0-.695.21-.695.695v8.144c0 .19-.105.316-.294.316"/></svg> </template>
CSS
.icon-arrowshape-turn-up-left-2 {
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%22M20.582%2048.392c1.41%200%202.462-1.052%202.462-2.462v-3.893l5.282%204.988c1.052.904%201.852%201.367%202.883%201.367c1.431%200%202.462-1.052%202.462-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.516l-5.283%204.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053%200-1.684.527-2.863%201.516L1.073%2026.82C.295%2027.602%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.367m-1.579-4.714L4.02%2029.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52%200%200%201%20.358-.168c.168%200%20.295.126.295.294v4.946L11.7%2026.822c-.779.778-1.074%201.557-1.074%202.273c0%20.694.295%201.473%201.074%202.251l7.955%207.492v4.714c0%20.19-.127.316-.295.316c-.126%200-.231-.063-.358-.19m10.986.19c-.127%200-.232-.063-.358-.19L14.647%2029.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168%200%20.294.126.294.294v8.355c0%20.484.21.695.695.695h2.84c14.438%200%2018.772%2010.017%2019.194%2019.95c0%20.147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484%200-.695.21-.695.695v8.144c0%20.19-.105.316-.294.316%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%22M20.582%2048.392c1.41%200%202.462-1.052%202.462-2.462v-3.893l5.282%204.988c1.052.904%201.852%201.367%202.883%201.367c1.431%200%202.462-1.052%202.462-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.516l-5.283%204.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053%200-1.684.527-2.863%201.516L1.073%2026.82C.295%2027.602%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.367m-1.579-4.714L4.02%2029.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52%200%200%201%20.358-.168c.168%200%20.295.126.295.294v4.946L11.7%2026.822c-.779.778-1.074%201.557-1.074%202.273c0%20.694.295%201.473%201.074%202.251l7.955%207.492v4.714c0%20.19-.127.316-.295.316c-.126%200-.231-.063-.358-.19m10.986.19c-.127%200-.232-.063-.358-.19L14.647%2029.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168%200%20.294.126.294.294v8.355c0%20.484.21.695.695.695h2.84c14.438%200%2018.772%2010.017%2019.194%2019.95c0%20.147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484%200-.695.21-.695.695v8.144c0%20.19-.105.316-.294.316%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.svg?color=%231a73e8&size=48
