forward end alt icon
forward-end-alt from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- forward-end-alt
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the forward end alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M2.762 43.743c.786 0 1.438-.25 2.205-.71L24.51 31.528c1.054-.614 1.63-1.324 1.84-2.11v11.028c0 2.148 1.266 3.298 2.762 3.298c.787 0 1.439-.25 2.206-.71L50.88 31.528c1.035-.614 1.61-1.324 1.84-2.11V42.92c0 .9.73 1.591 1.63 1.591c.902 0 1.65-.69 1.65-1.591V14.44c0-.901-.748-1.61-1.65-1.61c-.9 0-1.63.709-1.63 1.61v13.482c-.23-.786-.805-1.496-1.84-2.11L31.318 14.306c-.767-.46-1.42-.71-2.206-.71c-1.495 0-2.761 1.15-2.761 3.299V27.92c-.211-.786-.787-1.496-1.841-2.11L4.967 14.306c-.786-.46-1.419-.71-2.205-.71c-1.496 0-2.762 1.15-2.762 3.299v23.55c0 2.148 1.266 3.3 2.762 3.3m.844-3.548c-.288 0-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134 0 .268.058.46.173l18.238 10.816c.269.154.422.269.422.537c0 .25-.153.384-.422.537L4.066 40.023q-.26.172-.46.172m26.35 0c-.287 0-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134 0 .269.058.46.173l18.239 10.816c.268.154.422.269.422.537c0 .25-.154.384-.422.537L30.416 40.023q-.258.172-.46.172"/></svg>
React
import type { SVGProps } from "react";
export function F7ForwardEndAlt(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="M2.762 43.743c.786 0 1.438-.25 2.205-.71L24.51 31.528c1.054-.614 1.63-1.324 1.84-2.11v11.028c0 2.148 1.266 3.298 2.762 3.298c.787 0 1.439-.25 2.206-.71L50.88 31.528c1.035-.614 1.61-1.324 1.84-2.11V42.92c0 .9.73 1.591 1.63 1.591c.902 0 1.65-.69 1.65-1.591V14.44c0-.901-.748-1.61-1.65-1.61c-.9 0-1.63.709-1.63 1.61v13.482c-.23-.786-.805-1.496-1.84-2.11L31.318 14.306c-.767-.46-1.42-.71-2.206-.71c-1.495 0-2.761 1.15-2.761 3.299V27.92c-.211-.786-.787-1.496-1.841-2.11L4.967 14.306c-.786-.46-1.419-.71-2.205-.71c-1.496 0-2.762 1.15-2.762 3.299v23.55c0 2.148 1.266 3.3 2.762 3.3m.844-3.548c-.288 0-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134 0 .268.058.46.173l18.238 10.816c.269.154.422.269.422.537c0 .25-.153.384-.422.537L4.066 40.023q-.26.172-.46.172m26.35 0c-.287 0-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134 0 .269.058.46.173l18.239 10.816c.268.154.422.269.422.537c0 .25-.154.384-.422.537L30.416 40.023q-.258.172-.46.172"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M2.762 43.743c.786 0 1.438-.25 2.205-.71L24.51 31.528c1.054-.614 1.63-1.324 1.84-2.11v11.028c0 2.148 1.266 3.298 2.762 3.298c.787 0 1.439-.25 2.206-.71L50.88 31.528c1.035-.614 1.61-1.324 1.84-2.11V42.92c0 .9.73 1.591 1.63 1.591c.902 0 1.65-.69 1.65-1.591V14.44c0-.901-.748-1.61-1.65-1.61c-.9 0-1.63.709-1.63 1.61v13.482c-.23-.786-.805-1.496-1.84-2.11L31.318 14.306c-.767-.46-1.42-.71-2.206-.71c-1.495 0-2.761 1.15-2.761 3.299V27.92c-.211-.786-.787-1.496-1.841-2.11L4.967 14.306c-.786-.46-1.419-.71-2.205-.71c-1.496 0-2.762 1.15-2.762 3.299v23.55c0 2.148 1.266 3.3 2.762 3.3m.844-3.548c-.288 0-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134 0 .268.058.46.173l18.238 10.816c.269.154.422.269.422.537c0 .25-.153.384-.422.537L4.066 40.023q-.26.172-.46.172m26.35 0c-.287 0-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134 0 .269.058.46.173l18.239 10.816c.268.154.422.269.422.537c0 .25-.154.384-.422.537L30.416 40.023q-.258.172-.46.172"/></svg> </template>
CSS
.icon-forward-end-alt {
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%22M2.762%2043.743c.786%200%201.438-.25%202.205-.71L24.51%2031.528c1.054-.614%201.63-1.324%201.84-2.11v11.028c0%202.148%201.266%203.298%202.762%203.298c.787%200%201.439-.25%202.206-.71L50.88%2031.528c1.035-.614%201.61-1.324%201.84-2.11V42.92c0%20.9.73%201.591%201.63%201.591c.902%200%201.65-.69%201.65-1.591V14.44c0-.901-.748-1.61-1.65-1.61c-.9%200-1.63.709-1.63%201.61v13.482c-.23-.786-.805-1.496-1.84-2.11L31.318%2014.306c-.767-.46-1.42-.71-2.206-.71c-1.495%200-2.761%201.15-2.761%203.299V27.92c-.211-.786-.787-1.496-1.841-2.11L4.967%2014.306c-.786-.46-1.419-.71-2.205-.71c-1.496%200-2.762%201.15-2.762%203.299v23.55c0%202.148%201.266%203.3%202.762%203.3m.844-3.548c-.288%200-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134%200%20.268.058.46.173l18.238%2010.816c.269.154.422.269.422.537c0%20.25-.153.384-.422.537L4.066%2040.023q-.26.172-.46.172m26.35%200c-.287%200-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134%200%20.269.058.46.173l18.239%2010.816c.268.154.422.269.422.537c0%20.25-.154.384-.422.537L30.416%2040.023q-.258.172-.46.172%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%22M2.762%2043.743c.786%200%201.438-.25%202.205-.71L24.51%2031.528c1.054-.614%201.63-1.324%201.84-2.11v11.028c0%202.148%201.266%203.298%202.762%203.298c.787%200%201.439-.25%202.206-.71L50.88%2031.528c1.035-.614%201.61-1.324%201.84-2.11V42.92c0%20.9.73%201.591%201.63%201.591c.902%200%201.65-.69%201.65-1.591V14.44c0-.901-.748-1.61-1.65-1.61c-.9%200-1.63.709-1.63%201.61v13.482c-.23-.786-.805-1.496-1.84-2.11L31.318%2014.306c-.767-.46-1.42-.71-2.206-.71c-1.495%200-2.761%201.15-2.761%203.299V27.92c-.211-.786-.787-1.496-1.841-2.11L4.967%2014.306c-.786-.46-1.419-.71-2.205-.71c-1.496%200-2.762%201.15-2.762%203.299v23.55c0%202.148%201.266%203.3%202.762%203.3m.844-3.548c-.288%200-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134%200%20.268.058.46.173l18.238%2010.816c.269.154.422.269.422.537c0%20.25-.153.384-.422.537L4.066%2040.023q-.26.172-.46.172m26.35%200c-.287%200-.518-.191-.518-.575V17.719c0-.384.23-.576.518-.576c.134%200%20.269.058.46.173l18.239%2010.816c.268.154.422.269.422.537c0%20.25-.154.384-.422.537L30.416%2040.023q-.258.172-.46.172%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/forward-end-alt.svg?color=%231a73e8&size=48
