backward end alt icon

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

Name: backward-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 backward 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.315 42.105h3.92c1.52 0 2.298-.794 2.298-2.314V28.684a2.7 2.7 0 0 1-.086-.656c0-.242.034-.467.086-.674v-11.09c0-1.571-.777-2.297-2.297-2.297H2.315c-1.52 0-2.315.795-2.315 2.298V39.79c0 1.52.795 2.314 2.315 2.314m27.464-.518c1.365 0 2.487-1.019 2.487-2.954v-9.949c.208.726.726 1.347 1.659 1.917l17.601 10.347c.708.415 1.296.64 2.004.64c1.347 0 2.47-1.02 2.47-2.955V17.423c0-1.935-1.123-2.971-2.47-2.971c-.708 0-1.296.224-2.004.639L33.925 25.454c-.933.553-1.451 1.192-1.659 1.9v-9.932c0-1.935-1.122-2.971-2.487-2.971c-.69 0-1.278.224-1.986.639L10.19 25.454c-.933.553-1.45 1.192-1.658 1.9v1.33c.207.726.726 1.347 1.658 1.917l17.602 10.347c.708.415 1.295.64 1.986.64"/></svg>

React

import type { SVGProps } from "react";

export function F7BackwardEndAltFill(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.315 42.105h3.92c1.52 0 2.298-.794 2.298-2.314V28.684a2.7 2.7 0 0 1-.086-.656c0-.242.034-.467.086-.674v-11.09c0-1.571-.777-2.297-2.297-2.297H2.315c-1.52 0-2.315.795-2.315 2.298V39.79c0 1.52.795 2.314 2.315 2.314m27.464-.518c1.365 0 2.487-1.019 2.487-2.954v-9.949c.208.726.726 1.347 1.659 1.917l17.601 10.347c.708.415 1.296.64 2.004.64c1.347 0 2.47-1.02 2.47-2.955V17.423c0-1.935-1.123-2.971-2.47-2.971c-.708 0-1.296.224-2.004.639L33.925 25.454c-.933.553-1.451 1.192-1.659 1.9v-9.932c0-1.935-1.122-2.971-2.487-2.971c-.69 0-1.278.224-1.986.639L10.19 25.454c-.933.553-1.45 1.192-1.658 1.9v1.33c.207.726.726 1.347 1.658 1.917l17.602 10.347c.708.415 1.295.64 1.986.64"/></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.315 42.105h3.92c1.52 0 2.298-.794 2.298-2.314V28.684a2.7 2.7 0 0 1-.086-.656c0-.242.034-.467.086-.674v-11.09c0-1.571-.777-2.297-2.297-2.297H2.315c-1.52 0-2.315.795-2.315 2.298V39.79c0 1.52.795 2.314 2.315 2.314m27.464-.518c1.365 0 2.487-1.019 2.487-2.954v-9.949c.208.726.726 1.347 1.659 1.917l17.601 10.347c.708.415 1.296.64 2.004.64c1.347 0 2.47-1.02 2.47-2.955V17.423c0-1.935-1.123-2.971-2.47-2.971c-.708 0-1.296.224-2.004.639L33.925 25.454c-.933.553-1.451 1.192-1.659 1.9v-9.932c0-1.935-1.122-2.971-2.487-2.971c-.69 0-1.278.224-1.986.639L10.19 25.454c-.933.553-1.45 1.192-1.658 1.9v1.33c.207.726.726 1.347 1.658 1.917l17.602 10.347c.708.415 1.295.64 1.986.64"/></svg>
</template>

CSS

.icon-backward-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.315%2042.105h3.92c1.52%200%202.298-.794%202.298-2.314V28.684a2.7%202.7%200%200%201-.086-.656c0-.242.034-.467.086-.674v-11.09c0-1.571-.777-2.297-2.297-2.297H2.315c-1.52%200-2.315.795-2.315%202.298V39.79c0%201.52.795%202.314%202.315%202.314m27.464-.518c1.365%200%202.487-1.019%202.487-2.954v-9.949c.208.726.726%201.347%201.659%201.917l17.601%2010.347c.708.415%201.296.64%202.004.64c1.347%200%202.47-1.02%202.47-2.955V17.423c0-1.935-1.123-2.971-2.47-2.971c-.708%200-1.296.224-2.004.639L33.925%2025.454c-.933.553-1.451%201.192-1.659%201.9v-9.932c0-1.935-1.122-2.971-2.487-2.971c-.69%200-1.278.224-1.986.639L10.19%2025.454c-.933.553-1.45%201.192-1.658%201.9v1.33c.207.726.726%201.347%201.658%201.917l17.602%2010.347c.708.415%201.295.64%201.986.64%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.315%2042.105h3.92c1.52%200%202.298-.794%202.298-2.314V28.684a2.7%202.7%200%200%201-.086-.656c0-.242.034-.467.086-.674v-11.09c0-1.571-.777-2.297-2.297-2.297H2.315c-1.52%200-2.315.795-2.315%202.298V39.79c0%201.52.795%202.314%202.315%202.314m27.464-.518c1.365%200%202.487-1.019%202.487-2.954v-9.949c.208.726.726%201.347%201.659%201.917l17.601%2010.347c.708.415%201.296.64%202.004.64c1.347%200%202.47-1.02%202.47-2.955V17.423c0-1.935-1.123-2.971-2.47-2.971c-.708%200-1.296.224-2.004.639L33.925%2025.454c-.933.553-1.451%201.192-1.659%201.9v-9.932c0-1.935-1.122-2.971-2.487-2.971c-.69%200-1.278.224-1.986.639L10.19%2025.454c-.933.553-1.45%201.192-1.658%201.9v1.33c.207.726.726%201.347%201.658%201.917l17.602%2010.347c.708.415%201.295.64%201.986.64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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