arrow uturn right icon
arrow-uturn-right from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- arrow-uturn-right
- 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 right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M5.852 34.914c0 8.977 5.906 14.953 16.382 14.953h5.414c1.29 0 2.133-.937 2.133-2.086s-.843-2.086-2.133-2.086h-5.39c-7.992 0-12.211-4.687-12.211-11.015c0-6.305 4.219-10.711 12.21-10.711H38.36l5.485-.235l-4.43 3.797l-6.75 6.586c-.375.375-.586.82-.586 1.43c0 1.219.82 2.062 2.086 2.062c.492 0 1.102-.234 1.5-.656l13.78-13.523c.493-.446.703-.985.703-1.547a2.04 2.04 0 0 0-.703-1.57L35.665 6.789c-.4-.398-1.009-.656-1.5-.656c-1.267 0-2.087.844-2.087 2.062c0 .61.211 1.055.586 1.43l6.75 6.61l4.43 3.796l-5.485-.258H22.61c-10.687 0-16.757 6.188-16.757 15.141"/></svg>
React
import type { SVGProps } from "react";
export function F7ArrowUturnRight(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="M5.852 34.914c0 8.977 5.906 14.953 16.382 14.953h5.414c1.29 0 2.133-.937 2.133-2.086s-.843-2.086-2.133-2.086h-5.39c-7.992 0-12.211-4.687-12.211-11.015c0-6.305 4.219-10.711 12.21-10.711H38.36l5.485-.235l-4.43 3.797l-6.75 6.586c-.375.375-.586.82-.586 1.43c0 1.219.82 2.062 2.086 2.062c.492 0 1.102-.234 1.5-.656l13.78-13.523c.493-.446.703-.985.703-1.547a2.04 2.04 0 0 0-.703-1.57L35.665 6.789c-.4-.398-1.009-.656-1.5-.656c-1.267 0-2.087.844-2.087 2.062c0 .61.211 1.055.586 1.43l6.75 6.61l4.43 3.796l-5.485-.258H22.61c-10.687 0-16.757 6.188-16.757 15.141"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M5.852 34.914c0 8.977 5.906 14.953 16.382 14.953h5.414c1.29 0 2.133-.937 2.133-2.086s-.843-2.086-2.133-2.086h-5.39c-7.992 0-12.211-4.687-12.211-11.015c0-6.305 4.219-10.711 12.21-10.711H38.36l5.485-.235l-4.43 3.797l-6.75 6.586c-.375.375-.586.82-.586 1.43c0 1.219.82 2.062 2.086 2.062c.492 0 1.102-.234 1.5-.656l13.78-13.523c.493-.446.703-.985.703-1.547a2.04 2.04 0 0 0-.703-1.57L35.665 6.789c-.4-.398-1.009-.656-1.5-.656c-1.267 0-2.087.844-2.087 2.062c0 .61.211 1.055.586 1.43l6.75 6.61l4.43 3.796l-5.485-.258H22.61c-10.687 0-16.757 6.188-16.757 15.141"/></svg> </template>
CSS
.icon-arrow-uturn-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%22M5.852%2034.914c0%208.977%205.906%2014.953%2016.382%2014.953h5.414c1.29%200%202.133-.937%202.133-2.086s-.843-2.086-2.133-2.086h-5.39c-7.992%200-12.211-4.687-12.211-11.015c0-6.305%204.219-10.711%2012.21-10.711H38.36l5.485-.235l-4.43%203.797l-6.75%206.586c-.375.375-.586.82-.586%201.43c0%201.219.82%202.062%202.086%202.062c.492%200%201.102-.234%201.5-.656l13.78-13.523c.493-.446.703-.985.703-1.547a2.04%202.04%200%200%200-.703-1.57L35.665%206.789c-.4-.398-1.009-.656-1.5-.656c-1.267%200-2.087.844-2.087%202.062c0%20.61.211%201.055.586%201.43l6.75%206.61l4.43%203.796l-5.485-.258H22.61c-10.687%200-16.757%206.188-16.757%2015.141%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%22M5.852%2034.914c0%208.977%205.906%2014.953%2016.382%2014.953h5.414c1.29%200%202.133-.937%202.133-2.086s-.843-2.086-2.133-2.086h-5.39c-7.992%200-12.211-4.687-12.211-11.015c0-6.305%204.219-10.711%2012.21-10.711H38.36l5.485-.235l-4.43%203.797l-6.75%206.586c-.375.375-.586.82-.586%201.43c0%201.219.82%202.062%202.086%202.062c.492%200%201.102-.234%201.5-.656l13.78-13.523c.493-.446.703-.985.703-1.547a2.04%202.04%200%200%200-.703-1.57L35.665%206.789c-.4-.398-1.009-.656-1.5-.656c-1.267%200-2.087.844-2.087%202.062c0%20.61.211%201.055.586%201.43l6.75%206.61l4.43%203.796l-5.485-.258H22.61c-10.687%200-16.757%206.188-16.757%2015.141%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/arrow-uturn-right.svg?color=%231a73e8&size=48
