arrow uturn down icon
arrow-uturn-down from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- arrow-uturn-down
- 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 down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M34.926 5.793c-8.977 0-15.14 6.07-15.14 16.781v15.844l.234 5.484l-3.797-4.43l-6.586-6.75c-.375-.374-.844-.585-1.453-.585c-1.196 0-2.063.843-2.063 2.086c0 .515.258 1.125.656 1.523l13.524 13.781c.445.47.984.68 1.57.68c.563 0 1.125-.21 1.57-.68l13.524-13.78a2.27 2.27 0 0 0 .633-1.524c0-1.242-.844-2.086-2.063-2.086c-.586 0-1.054.21-1.43.586l-6.585 6.75l-3.797 4.43l.234-5.485V22.199c0-7.992 4.406-12.21 10.734-12.21c6.305 0 10.993 4.218 10.993 12.21v5.39c0 1.29.937 2.134 2.086 2.134s2.109-.844 2.109-2.133V22.2c0-10.5-6-16.407-14.953-16.407"/></svg>
React
import type { SVGProps } from "react";
export function F7ArrowUturnDown(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="M34.926 5.793c-8.977 0-15.14 6.07-15.14 16.781v15.844l.234 5.484l-3.797-4.43l-6.586-6.75c-.375-.374-.844-.585-1.453-.585c-1.196 0-2.063.843-2.063 2.086c0 .515.258 1.125.656 1.523l13.524 13.781c.445.47.984.68 1.57.68c.563 0 1.125-.21 1.57-.68l13.524-13.78a2.27 2.27 0 0 0 .633-1.524c0-1.242-.844-2.086-2.063-2.086c-.586 0-1.054.21-1.43.586l-6.585 6.75l-3.797 4.43l.234-5.485V22.199c0-7.992 4.406-12.21 10.734-12.21c6.305 0 10.993 4.218 10.993 12.21v5.39c0 1.29.937 2.134 2.086 2.134s2.109-.844 2.109-2.133V22.2c0-10.5-6-16.407-14.953-16.407"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M34.926 5.793c-8.977 0-15.14 6.07-15.14 16.781v15.844l.234 5.484l-3.797-4.43l-6.586-6.75c-.375-.374-.844-.585-1.453-.585c-1.196 0-2.063.843-2.063 2.086c0 .515.258 1.125.656 1.523l13.524 13.781c.445.47.984.68 1.57.68c.563 0 1.125-.21 1.57-.68l13.524-13.78a2.27 2.27 0 0 0 .633-1.524c0-1.242-.844-2.086-2.063-2.086c-.586 0-1.054.21-1.43.586l-6.585 6.75l-3.797 4.43l.234-5.485V22.199c0-7.992 4.406-12.21 10.734-12.21c6.305 0 10.993 4.218 10.993 12.21v5.39c0 1.29.937 2.134 2.086 2.134s2.109-.844 2.109-2.133V22.2c0-10.5-6-16.407-14.953-16.407"/></svg> </template>
CSS
.icon-arrow-uturn-down {
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%22M34.926%205.793c-8.977%200-15.14%206.07-15.14%2016.781v15.844l.234%205.484l-3.797-4.43l-6.586-6.75c-.375-.374-.844-.585-1.453-.585c-1.196%200-2.063.843-2.063%202.086c0%20.515.258%201.125.656%201.523l13.524%2013.781c.445.47.984.68%201.57.68c.563%200%201.125-.21%201.57-.68l13.524-13.78a2.27%202.27%200%200%200%20.633-1.524c0-1.242-.844-2.086-2.063-2.086c-.586%200-1.054.21-1.43.586l-6.585%206.75l-3.797%204.43l.234-5.485V22.199c0-7.992%204.406-12.21%2010.734-12.21c6.305%200%2010.993%204.218%2010.993%2012.21v5.39c0%201.29.937%202.134%202.086%202.134s2.109-.844%202.109-2.133V22.2c0-10.5-6-16.407-14.953-16.407%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%22M34.926%205.793c-8.977%200-15.14%206.07-15.14%2016.781v15.844l.234%205.484l-3.797-4.43l-6.586-6.75c-.375-.374-.844-.585-1.453-.585c-1.196%200-2.063.843-2.063%202.086c0%20.515.258%201.125.656%201.523l13.524%2013.781c.445.47.984.68%201.57.68c.563%200%201.125-.21%201.57-.68l13.524-13.78a2.27%202.27%200%200%200%20.633-1.524c0-1.242-.844-2.086-2.063-2.086c-.586%200-1.054.21-1.43.586l-6.585%206.75l-3.797%204.43l.234-5.485V22.199c0-7.992%204.406-12.21%2010.734-12.21c6.305%200%2010.993%204.218%2010.993%2012.21v5.39c0%201.29.937%202.134%202.086%202.134s2.109-.844%202.109-2.133V22.2c0-10.5-6-16.407-14.953-16.407%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/arrow-uturn-down.svg?color=%231a73e8&size=48
