forward end alt icon

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

Name: forward-end-alt-fill
Set: Framework7 Icons
Style: Fill
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.487 41.587c.709 0 1.296-.224 1.987-.639l17.601-10.347c.95-.57 1.469-1.191 1.659-1.917v9.95c0 1.934 1.14 2.953 2.487 2.953c.708 0 1.295-.224 1.986-.639l17.619-10.347c.933-.57 1.451-1.191 1.658-1.917v11.107c0 1.52.778 2.314 2.298 2.314h3.92c1.52 0 2.298-.794 2.298-2.314V16.265c0-1.572-.777-2.298-2.297-2.298h-3.921c-1.52 0-2.298.795-2.298 2.298v11.089c-.207-.708-.725-1.347-1.658-1.9L28.207 15.09c-.69-.415-1.278-.64-1.986-.64c-1.348 0-2.488 1.037-2.488 2.972v9.932c-.19-.708-.708-1.347-1.658-1.9L4.474 15.09c-.708-.415-1.278-.64-1.987-.64C1.14 14.45 0 15.488 0 17.423v21.211c0 1.935 1.14 2.954 2.487 2.954"/></svg>

React

import type { SVGProps } from "react";

export function F7ForwardEndAltFill(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.487 41.587c.709 0 1.296-.224 1.987-.639l17.601-10.347c.95-.57 1.469-1.191 1.659-1.917v9.95c0 1.934 1.14 2.953 2.487 2.953c.708 0 1.295-.224 1.986-.639l17.619-10.347c.933-.57 1.451-1.191 1.658-1.917v11.107c0 1.52.778 2.314 2.298 2.314h3.92c1.52 0 2.298-.794 2.298-2.314V16.265c0-1.572-.777-2.298-2.297-2.298h-3.921c-1.52 0-2.298.795-2.298 2.298v11.089c-.207-.708-.725-1.347-1.658-1.9L28.207 15.09c-.69-.415-1.278-.64-1.986-.64c-1.348 0-2.488 1.037-2.488 2.972v9.932c-.19-.708-.708-1.347-1.658-1.9L4.474 15.09c-.708-.415-1.278-.64-1.987-.64C1.14 14.45 0 15.488 0 17.423v21.211c0 1.935 1.14 2.954 2.487 2.954"/></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.487 41.587c.709 0 1.296-.224 1.987-.639l17.601-10.347c.95-.57 1.469-1.191 1.659-1.917v9.95c0 1.934 1.14 2.953 2.487 2.953c.708 0 1.295-.224 1.986-.639l17.619-10.347c.933-.57 1.451-1.191 1.658-1.917v11.107c0 1.52.778 2.314 2.298 2.314h3.92c1.52 0 2.298-.794 2.298-2.314V16.265c0-1.572-.777-2.298-2.297-2.298h-3.921c-1.52 0-2.298.795-2.298 2.298v11.089c-.207-.708-.725-1.347-1.658-1.9L28.207 15.09c-.69-.415-1.278-.64-1.986-.64c-1.348 0-2.488 1.037-2.488 2.972v9.932c-.19-.708-.708-1.347-1.658-1.9L4.474 15.09c-.708-.415-1.278-.64-1.987-.64C1.14 14.45 0 15.488 0 17.423v21.211c0 1.935 1.14 2.954 2.487 2.954"/></svg>
</template>

CSS

.icon-forward-end-alt-fill {
  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.487%2041.587c.709%200%201.296-.224%201.987-.639l17.601-10.347c.95-.57%201.469-1.191%201.659-1.917v9.95c0%201.934%201.14%202.953%202.487%202.953c.708%200%201.295-.224%201.986-.639l17.619-10.347c.933-.57%201.451-1.191%201.658-1.917v11.107c0%201.52.778%202.314%202.298%202.314h3.92c1.52%200%202.298-.794%202.298-2.314V16.265c0-1.572-.777-2.298-2.297-2.298h-3.921c-1.52%200-2.298.795-2.298%202.298v11.089c-.207-.708-.725-1.347-1.658-1.9L28.207%2015.09c-.69-.415-1.278-.64-1.986-.64c-1.348%200-2.488%201.037-2.488%202.972v9.932c-.19-.708-.708-1.347-1.658-1.9L4.474%2015.09c-.708-.415-1.278-.64-1.987-.64C1.14%2014.45%200%2015.488%200%2017.423v21.211c0%201.935%201.14%202.954%202.487%202.954%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.487%2041.587c.709%200%201.296-.224%201.987-.639l17.601-10.347c.95-.57%201.469-1.191%201.659-1.917v9.95c0%201.934%201.14%202.953%202.487%202.953c.708%200%201.295-.224%201.986-.639l17.619-10.347c.933-.57%201.451-1.191%201.658-1.917v11.107c0%201.52.778%202.314%202.298%202.314h3.92c1.52%200%202.298-.794%202.298-2.314V16.265c0-1.572-.777-2.298-2.297-2.298h-3.921c-1.52%200-2.298.795-2.298%202.298v11.089c-.207-.708-.725-1.347-1.658-1.9L28.207%2015.09c-.69-.415-1.278-.64-1.986-.64c-1.348%200-2.488%201.037-2.488%202.972v9.932c-.19-.708-.708-1.347-1.658-1.9L4.474%2015.09c-.708-.415-1.278-.64-1.987-.64C1.14%2014.45%200%2015.488%200%2017.423v21.211c0%201.935%201.14%202.954%202.487%202.954%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-fill.svg?color=%231a73e8&size=48