arrowshape turn up right icon

arrowshape-turn-up-right from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name
arrowshape-turn-up-right
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

arrowshape-turn-up-right-fill

Related icons in Framework7 Icons

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

Use the arrowshape turn up right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M30.344 49.504c1.148 0 2.039-.516 3.234-1.523L52.07 30.52c.867-.868 1.196-1.735 1.196-2.508c0-.797-.329-1.664-1.196-2.532L33.578 8.185c-1.336-1.102-2.039-1.688-3.188-1.688c-1.617 0-2.788 1.313-2.788 2.883v8.86h-.68c-16.852 0-24.188 10.804-24.188 28.124c0 2.016 1.149 3.14 2.39 3.14c1.009 0 2.087-.233 2.884-1.733c4.101-7.665 9.844-9.961 18.914-9.961h.68v8.953c0 1.57 1.171 2.742 2.742 2.742m1.359-5.04c-.21 0-.328-.14-.328-.35v-9.071c0-.54-.235-.773-.773-.773h-3.165c-11.109 0-18.304 3.82-20.976 9.75c-.07.164-.14.234-.235.234c-.093 0-.164-.094-.164-.258c.47-11.062 5.297-22.219 21.375-22.219h3.165c.538 0 .773-.234.773-.773V11.7a.32.32 0 0 1 .328-.328c.164 0 .281.094.399.188l16.687 16.007c.187.165.258.305.258.446c0 .14-.07.258-.258.445L32.102 44.254c-.141.14-.258.21-.399.21"/></svg>

React

import type { SVGProps } from "react";

export function F7ArrowshapeTurnUpRight(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="M30.344 49.504c1.148 0 2.039-.516 3.234-1.523L52.07 30.52c.867-.868 1.196-1.735 1.196-2.508c0-.797-.329-1.664-1.196-2.532L33.578 8.185c-1.336-1.102-2.039-1.688-3.188-1.688c-1.617 0-2.788 1.313-2.788 2.883v8.86h-.68c-16.852 0-24.188 10.804-24.188 28.124c0 2.016 1.149 3.14 2.39 3.14c1.009 0 2.087-.233 2.884-1.733c4.101-7.665 9.844-9.961 18.914-9.961h.68v8.953c0 1.57 1.171 2.742 2.742 2.742m1.359-5.04c-.21 0-.328-.14-.328-.35v-9.071c0-.54-.235-.773-.773-.773h-3.165c-11.109 0-18.304 3.82-20.976 9.75c-.07.164-.14.234-.235.234c-.093 0-.164-.094-.164-.258c.47-11.062 5.297-22.219 21.375-22.219h3.165c.538 0 .773-.234.773-.773V11.7a.32.32 0 0 1 .328-.328c.164 0 .281.094.399.188l16.687 16.007c.187.165.258.305.258.446c0 .14-.07.258-.258.445L32.102 44.254c-.141.14-.258.21-.399.21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M30.344 49.504c1.148 0 2.039-.516 3.234-1.523L52.07 30.52c.867-.868 1.196-1.735 1.196-2.508c0-.797-.329-1.664-1.196-2.532L33.578 8.185c-1.336-1.102-2.039-1.688-3.188-1.688c-1.617 0-2.788 1.313-2.788 2.883v8.86h-.68c-16.852 0-24.188 10.804-24.188 28.124c0 2.016 1.149 3.14 2.39 3.14c1.009 0 2.087-.233 2.884-1.733c4.101-7.665 9.844-9.961 18.914-9.961h.68v8.953c0 1.57 1.171 2.742 2.742 2.742m1.359-5.04c-.21 0-.328-.14-.328-.35v-9.071c0-.54-.235-.773-.773-.773h-3.165c-11.109 0-18.304 3.82-20.976 9.75c-.07.164-.14.234-.235.234c-.093 0-.164-.094-.164-.258c.47-11.062 5.297-22.219 21.375-22.219h3.165c.538 0 .773-.234.773-.773V11.7a.32.32 0 0 1 .328-.328c.164 0 .281.094.399.188l16.687 16.007c.187.165.258.305.258.446c0 .14-.07.258-.258.445L32.102 44.254c-.141.14-.258.21-.399.21"/></svg>
</template>

CSS

.icon-arrowshape-turn-up-right {
  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%22M30.344%2049.504c1.148%200%202.039-.516%203.234-1.523L52.07%2030.52c.867-.868%201.196-1.735%201.196-2.508c0-.797-.329-1.664-1.196-2.532L33.578%208.185c-1.336-1.102-2.039-1.688-3.188-1.688c-1.617%200-2.788%201.313-2.788%202.883v8.86h-.68c-16.852%200-24.188%2010.804-24.188%2028.124c0%202.016%201.149%203.14%202.39%203.14c1.009%200%202.087-.233%202.884-1.733c4.101-7.665%209.844-9.961%2018.914-9.961h.68v8.953c0%201.57%201.171%202.742%202.742%202.742m1.359-5.04c-.21%200-.328-.14-.328-.35v-9.071c0-.54-.235-.773-.773-.773h-3.165c-11.109%200-18.304%203.82-20.976%209.75c-.07.164-.14.234-.235.234c-.093%200-.164-.094-.164-.258c.47-11.062%205.297-22.219%2021.375-22.219h3.165c.538%200%20.773-.234.773-.773V11.7a.32.32%200%200%201%20.328-.328c.164%200%20.281.094.399.188l16.687%2016.007c.187.165.258.305.258.446c0%20.14-.07.258-.258.445L32.102%2044.254c-.141.14-.258.21-.399.21%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%22M30.344%2049.504c1.148%200%202.039-.516%203.234-1.523L52.07%2030.52c.867-.868%201.196-1.735%201.196-2.508c0-.797-.329-1.664-1.196-2.532L33.578%208.185c-1.336-1.102-2.039-1.688-3.188-1.688c-1.617%200-2.788%201.313-2.788%202.883v8.86h-.68c-16.852%200-24.188%2010.804-24.188%2028.124c0%202.016%201.149%203.14%202.39%203.14c1.009%200%202.087-.233%202.884-1.733c4.101-7.665%209.844-9.961%2018.914-9.961h.68v8.953c0%201.57%201.171%202.742%202.742%202.742m1.359-5.04c-.21%200-.328-.14-.328-.35v-9.071c0-.54-.235-.773-.773-.773h-3.165c-11.109%200-18.304%203.82-20.976%209.75c-.07.164-.14.234-.235.234c-.093%200-.164-.094-.164-.258c.47-11.062%205.297-22.219%2021.375-22.219h3.165c.538%200%20.773-.234.773-.773V11.7a.32.32%200%200%201%20.328-.328c.164%200%20.281.094.399.188l16.687%2016.007c.187.165.258.305.258.446c0%20.14-.07.258-.258.445L32.102%2044.254c-.141.14-.258.21-.399.21%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-right.svg?color=%231a73e8&size=48