arrow uturn up icon
arrow-uturn-up from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- arrow-uturn-up
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Related icons in Framework7 Icons
arrow-2-circlepatharrow-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-circle
Use the arrow uturn up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M21.074 50.207c8.977 0 15.14-6.047 15.14-16.758V17.582l-.233-5.484l3.796 4.43l6.586 6.75c.375.374.844.585 1.43.585c1.219 0 2.086-.843 2.086-2.086c0-.515-.258-1.125-.656-1.523L35.699 6.473a2.1 2.1 0 0 0-1.57-.68c-.586 0-1.125.21-1.57.68l-13.524 13.78a2.27 2.27 0 0 0-.633 1.524c0 1.242.844 2.086 2.063 2.086a1.94 1.94 0 0 0 1.43-.586l6.586-6.75l3.796-4.43l-.234 5.485v16.219c0 7.992-4.406 12.234-10.734 12.234c-6.305 0-10.993-4.242-10.993-12.234v-5.39c0-1.29-.937-2.134-2.109-2.134c-1.148 0-2.086.844-2.086 2.133v5.414c0 10.5 6 16.383 14.953 16.383"/></svg>
React
import type { SVGProps } from "react";
export function F7ArrowUturnUp(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="M21.074 50.207c8.977 0 15.14-6.047 15.14-16.758V17.582l-.233-5.484l3.796 4.43l6.586 6.75c.375.374.844.585 1.43.585c1.219 0 2.086-.843 2.086-2.086c0-.515-.258-1.125-.656-1.523L35.699 6.473a2.1 2.1 0 0 0-1.57-.68c-.586 0-1.125.21-1.57.68l-13.524 13.78a2.27 2.27 0 0 0-.633 1.524c0 1.242.844 2.086 2.063 2.086a1.94 1.94 0 0 0 1.43-.586l6.586-6.75l3.796-4.43l-.234 5.485v16.219c0 7.992-4.406 12.234-10.734 12.234c-6.305 0-10.993-4.242-10.993-12.234v-5.39c0-1.29-.937-2.134-2.109-2.134c-1.148 0-2.086.844-2.086 2.133v5.414c0 10.5 6 16.383 14.953 16.383"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M21.074 50.207c8.977 0 15.14-6.047 15.14-16.758V17.582l-.233-5.484l3.796 4.43l6.586 6.75c.375.374.844.585 1.43.585c1.219 0 2.086-.843 2.086-2.086c0-.515-.258-1.125-.656-1.523L35.699 6.473a2.1 2.1 0 0 0-1.57-.68c-.586 0-1.125.21-1.57.68l-13.524 13.78a2.27 2.27 0 0 0-.633 1.524c0 1.242.844 2.086 2.063 2.086a1.94 1.94 0 0 0 1.43-.586l6.586-6.75l3.796-4.43l-.234 5.485v16.219c0 7.992-4.406 12.234-10.734 12.234c-6.305 0-10.993-4.242-10.993-12.234v-5.39c0-1.29-.937-2.134-2.109-2.134c-1.148 0-2.086.844-2.086 2.133v5.414c0 10.5 6 16.383 14.953 16.383"/></svg> </template>
CSS
.icon-arrow-uturn-up {
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%22M21.074%2050.207c8.977%200%2015.14-6.047%2015.14-16.758V17.582l-.233-5.484l3.796%204.43l6.586%206.75c.375.374.844.585%201.43.585c1.219%200%202.086-.843%202.086-2.086c0-.515-.258-1.125-.656-1.523L35.699%206.473a2.1%202.1%200%200%200-1.57-.68c-.586%200-1.125.21-1.57.68l-13.524%2013.78a2.27%202.27%200%200%200-.633%201.524c0%201.242.844%202.086%202.063%202.086a1.94%201.94%200%200%200%201.43-.586l6.586-6.75l3.796-4.43l-.234%205.485v16.219c0%207.992-4.406%2012.234-10.734%2012.234c-6.305%200-10.993-4.242-10.993-12.234v-5.39c0-1.29-.937-2.134-2.109-2.134c-1.148%200-2.086.844-2.086%202.133v5.414c0%2010.5%206%2016.383%2014.953%2016.383%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%22M21.074%2050.207c8.977%200%2015.14-6.047%2015.14-16.758V17.582l-.233-5.484l3.796%204.43l6.586%206.75c.375.374.844.585%201.43.585c1.219%200%202.086-.843%202.086-2.086c0-.515-.258-1.125-.656-1.523L35.699%206.473a2.1%202.1%200%200%200-1.57-.68c-.586%200-1.125.21-1.57.68l-13.524%2013.78a2.27%202.27%200%200%200-.633%201.524c0%201.242.844%202.086%202.063%202.086a1.94%201.94%200%200%200%201.43-.586l6.586-6.75l3.796-4.43l-.234%205.485v16.219c0%207.992-4.406%2012.234-10.734%2012.234c-6.305%200-10.993-4.242-10.993-12.234v-5.39c0-1.29-.937-2.134-2.109-2.134c-1.148%200-2.086.844-2.086%202.133v5.414c0%2010.5%206%2016.383%2014.953%2016.383%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/arrow-uturn-up.svg?color=%231a73e8&size=48
