forward end icon

forward-end from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name
forward-end
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

forward-end-fill

The same icon in other sets

forward-end-fillRemix Icon

Related icons in Framework7 Icons

forward-end-alt

Use the forward end icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.27 46.422c.96 0 1.757-.305 2.695-.867l23.883-14.063c1.289-.75 1.992-1.617 2.25-2.578v16.5c0 1.102.914 1.945 2.015 1.945c1.102 0 1.992-.843 1.992-1.945V10.61a1.97 1.97 0 0 0-1.992-1.968c-1.101 0-2.015.867-2.015 1.968v16.477c-.258-.961-.961-1.828-2.25-2.578L15.965 10.445c-.961-.562-1.735-.867-2.695-.867c-1.829 0-3.375 1.406-3.375 4.031v28.782c0 2.625 1.546 4.03 3.375 4.03m1.03-4.336c-.35 0-.632-.234-.632-.703V14.617c0-.469.281-.703.633-.703c.164 0 .328.07.562.211l22.29 13.219c.328.187.515.328.515.656c0 .305-.187.469-.516.656L14.863 41.875q-.316.21-.562.21"/></svg>

React

import type { SVGProps } from "react";

export function F7ForwardEnd(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="M13.27 46.422c.96 0 1.757-.305 2.695-.867l23.883-14.063c1.289-.75 1.992-1.617 2.25-2.578v16.5c0 1.102.914 1.945 2.015 1.945c1.102 0 1.992-.843 1.992-1.945V10.61a1.97 1.97 0 0 0-1.992-1.968c-1.101 0-2.015.867-2.015 1.968v16.477c-.258-.961-.961-1.828-2.25-2.578L15.965 10.445c-.961-.562-1.735-.867-2.695-.867c-1.829 0-3.375 1.406-3.375 4.031v28.782c0 2.625 1.546 4.03 3.375 4.03m1.03-4.336c-.35 0-.632-.234-.632-.703V14.617c0-.469.281-.703.633-.703c.164 0 .328.07.562.211l22.29 13.219c.328.187.515.328.515.656c0 .305-.187.469-.516.656L14.863 41.875q-.316.21-.562.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="M13.27 46.422c.96 0 1.757-.305 2.695-.867l23.883-14.063c1.289-.75 1.992-1.617 2.25-2.578v16.5c0 1.102.914 1.945 2.015 1.945c1.102 0 1.992-.843 1.992-1.945V10.61a1.97 1.97 0 0 0-1.992-1.968c-1.101 0-2.015.867-2.015 1.968v16.477c-.258-.961-.961-1.828-2.25-2.578L15.965 10.445c-.961-.562-1.735-.867-2.695-.867c-1.829 0-3.375 1.406-3.375 4.031v28.782c0 2.625 1.546 4.03 3.375 4.03m1.03-4.336c-.35 0-.632-.234-.632-.703V14.617c0-.469.281-.703.633-.703c.164 0 .328.07.562.211l22.29 13.219c.328.187.515.328.515.656c0 .305-.187.469-.516.656L14.863 41.875q-.316.21-.562.21"/></svg>
</template>

CSS

.icon-forward-end {
  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%22M13.27%2046.422c.96%200%201.757-.305%202.695-.867l23.883-14.063c1.289-.75%201.992-1.617%202.25-2.578v16.5c0%201.102.914%201.945%202.015%201.945c1.102%200%201.992-.843%201.992-1.945V10.61a1.97%201.97%200%200%200-1.992-1.968c-1.101%200-2.015.867-2.015%201.968v16.477c-.258-.961-.961-1.828-2.25-2.578L15.965%2010.445c-.961-.562-1.735-.867-2.695-.867c-1.829%200-3.375%201.406-3.375%204.031v28.782c0%202.625%201.546%204.03%203.375%204.03m1.03-4.336c-.35%200-.632-.234-.632-.703V14.617c0-.469.281-.703.633-.703c.164%200%20.328.07.562.211l22.29%2013.219c.328.187.515.328.515.656c0%20.305-.187.469-.516.656L14.863%2041.875q-.316.21-.562.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%22M13.27%2046.422c.96%200%201.757-.305%202.695-.867l23.883-14.063c1.289-.75%201.992-1.617%202.25-2.578v16.5c0%201.102.914%201.945%202.015%201.945c1.102%200%201.992-.843%201.992-1.945V10.61a1.97%201.97%200%200%200-1.992-1.968c-1.101%200-2.015.867-2.015%201.968v16.477c-.258-.961-.961-1.828-2.25-2.578L15.965%2010.445c-.961-.562-1.735-.867-2.695-.867c-1.829%200-3.375%201.406-3.375%204.031v28.782c0%202.625%201.546%204.03%203.375%204.03m1.03-4.336c-.35%200-.632-.234-.632-.703V14.617c0-.469.281-.703.633-.703c.164%200%20.328.07.562.211l22.29%2013.219c.328.187.515.328.515.656c0%20.305-.187.469-.516.656L14.863%2041.875q-.316.21-.562.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/forward-end.svg?color=%231a73e8&size=48