rectangle arrow up right arrow down left slash icon
rectangle-arrow-up-right-arrow-down-left-slash from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-arrow-up-right-arrow-down-left-slash
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
rectangle-3-offgridrectangle-arrow-up-right-arrow-down-leftrectangle-badge-checkmarkrectangle-badge-xmarkrectangle-compress-verticalrectangle-dockrectangle-expand-verticalrectangle-fill-badge-checkmarkrectangle-fill-badge-xmarkrectangle-fill-on-rectangle-angled-fillrectangle-fill-on-rectangle-fillrectangle-grid-1x2rectangle-grid-2x2rectangle-grid-3x2rectangle-on-rectanglerectangle-on-rectangle-angledrectangle-papercliprectangle-split-3x1rectangle-split-3x3rectangle-stackrectangle-stack-badge-minusrectangle-stack-badge-person-croprectangle-stack-badge-plusrectangle-stack-fill-badge-minus
Use the rectangle arrow up right arrow down left slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m12.648 5.734l2.883 2.836l.024-.328c.492-1.664 1.43-2.578 3.14-2.578h18.563c2.086 0 3.21 1.149 3.21 3.047v1.828h3.516V8.22c0-3.516-2.437-5.977-6.257-5.977h-19.5c-2.743 0-4.618 1.242-5.532 3.399ZM4.703 7.258L48.742 51.25c.352.352.82.516 1.29.516a1.8 1.8 0 0 0 1.78-1.805c0-.469-.164-.914-.515-1.266L7.28 4.703A1.805 1.805 0 0 0 4.187 5.97c0 .469.188.937.516 1.289m42.563 7.64c0-1.265-.704-1.945-1.946-1.945h-9.656c-1.008 0-1.477.774-1.477 1.524s.563 1.5 1.547 1.5h3.657l2.789-.141l-2.696 2.508l-3.656 3.633c-.352.375-.516.773-.516 1.148c0 .938.868 1.781 1.805 1.781c.375 0 .774-.14 1.125-.492l3.633-3.656l2.508-2.695l-.14 2.765v3.75c0 1.008.75 1.547 1.476 1.547c.773 0 1.547-.469 1.547-1.477ZM11.992 27.953h3.54V22.54l-3.54-3.516Zm28.477 5.438l3.515 3.515v-8.883H40.47ZM8.78 41.078c0 1.266.703 1.969 1.945 1.969h9.657c1.008 0 1.476-.774 1.476-1.547c0-.75-.562-1.5-1.547-1.5h-3.656l-2.789.164l2.695-2.531L20.22 34c.351-.352.515-.75.515-1.148c0-.938-.867-1.758-1.804-1.758a1.54 1.54 0 0 0-1.125.468l-3.633 3.68l-2.508 2.672l.14-2.766v-3.75c0-1.007-.75-1.546-1.476-1.546c-.773 0-1.547.468-1.547 1.476Zm3.211 6.68c0 3.515 2.438 6 6.258 6h19.5c2.742 0 4.617-1.266 5.531-3.422l.047-.094l-2.86-2.836l-.023.328c-.586 1.875-1.453 2.602-3.164 2.602H18.72c-2.086 0-3.188-1.172-3.188-3.07v-1.828h-3.539Z"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleArrowUpRightArrowDownLeftSlash(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="m12.648 5.734l2.883 2.836l.024-.328c.492-1.664 1.43-2.578 3.14-2.578h18.563c2.086 0 3.21 1.149 3.21 3.047v1.828h3.516V8.22c0-3.516-2.437-5.977-6.257-5.977h-19.5c-2.743 0-4.618 1.242-5.532 3.399ZM4.703 7.258L48.742 51.25c.352.352.82.516 1.29.516a1.8 1.8 0 0 0 1.78-1.805c0-.469-.164-.914-.515-1.266L7.28 4.703A1.805 1.805 0 0 0 4.187 5.97c0 .469.188.937.516 1.289m42.563 7.64c0-1.265-.704-1.945-1.946-1.945h-9.656c-1.008 0-1.477.774-1.477 1.524s.563 1.5 1.547 1.5h3.657l2.789-.141l-2.696 2.508l-3.656 3.633c-.352.375-.516.773-.516 1.148c0 .938.868 1.781 1.805 1.781c.375 0 .774-.14 1.125-.492l3.633-3.656l2.508-2.695l-.14 2.765v3.75c0 1.008.75 1.547 1.476 1.547c.773 0 1.547-.469 1.547-1.477ZM11.992 27.953h3.54V22.54l-3.54-3.516Zm28.477 5.438l3.515 3.515v-8.883H40.47ZM8.78 41.078c0 1.266.703 1.969 1.945 1.969h9.657c1.008 0 1.476-.774 1.476-1.547c0-.75-.562-1.5-1.547-1.5h-3.656l-2.789.164l2.695-2.531L20.22 34c.351-.352.515-.75.515-1.148c0-.938-.867-1.758-1.804-1.758a1.54 1.54 0 0 0-1.125.468l-3.633 3.68l-2.508 2.672l.14-2.766v-3.75c0-1.007-.75-1.546-1.476-1.546c-.773 0-1.547.468-1.547 1.476Zm3.211 6.68c0 3.515 2.438 6 6.258 6h19.5c2.742 0 4.617-1.266 5.531-3.422l.047-.094l-2.86-2.836l-.023.328c-.586 1.875-1.453 2.602-3.164 2.602H18.72c-2.086 0-3.188-1.172-3.188-3.07v-1.828h-3.539Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m12.648 5.734l2.883 2.836l.024-.328c.492-1.664 1.43-2.578 3.14-2.578h18.563c2.086 0 3.21 1.149 3.21 3.047v1.828h3.516V8.22c0-3.516-2.437-5.977-6.257-5.977h-19.5c-2.743 0-4.618 1.242-5.532 3.399ZM4.703 7.258L48.742 51.25c.352.352.82.516 1.29.516a1.8 1.8 0 0 0 1.78-1.805c0-.469-.164-.914-.515-1.266L7.28 4.703A1.805 1.805 0 0 0 4.187 5.97c0 .469.188.937.516 1.289m42.563 7.64c0-1.265-.704-1.945-1.946-1.945h-9.656c-1.008 0-1.477.774-1.477 1.524s.563 1.5 1.547 1.5h3.657l2.789-.141l-2.696 2.508l-3.656 3.633c-.352.375-.516.773-.516 1.148c0 .938.868 1.781 1.805 1.781c.375 0 .774-.14 1.125-.492l3.633-3.656l2.508-2.695l-.14 2.765v3.75c0 1.008.75 1.547 1.476 1.547c.773 0 1.547-.469 1.547-1.477ZM11.992 27.953h3.54V22.54l-3.54-3.516Zm28.477 5.438l3.515 3.515v-8.883H40.47ZM8.78 41.078c0 1.266.703 1.969 1.945 1.969h9.657c1.008 0 1.476-.774 1.476-1.547c0-.75-.562-1.5-1.547-1.5h-3.656l-2.789.164l2.695-2.531L20.22 34c.351-.352.515-.75.515-1.148c0-.938-.867-1.758-1.804-1.758a1.54 1.54 0 0 0-1.125.468l-3.633 3.68l-2.508 2.672l.14-2.766v-3.75c0-1.007-.75-1.546-1.476-1.546c-.773 0-1.547.468-1.547 1.476Zm3.211 6.68c0 3.515 2.438 6 6.258 6h19.5c2.742 0 4.617-1.266 5.531-3.422l.047-.094l-2.86-2.836l-.023.328c-.586 1.875-1.453 2.602-3.164 2.602H18.72c-2.086 0-3.188-1.172-3.188-3.07v-1.828h-3.539Z"/></svg> </template>
CSS
.icon-rectangle-arrow-up-right-arrow-down-left-slash {
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%22m12.648%205.734l2.883%202.836l.024-.328c.492-1.664%201.43-2.578%203.14-2.578h18.563c2.086%200%203.21%201.149%203.21%203.047v1.828h3.516V8.22c0-3.516-2.437-5.977-6.257-5.977h-19.5c-2.743%200-4.618%201.242-5.532%203.399ZM4.703%207.258L48.742%2051.25c.352.352.82.516%201.29.516a1.8%201.8%200%200%200%201.78-1.805c0-.469-.164-.914-.515-1.266L7.28%204.703A1.805%201.805%200%200%200%204.187%205.97c0%20.469.188.937.516%201.289m42.563%207.64c0-1.265-.704-1.945-1.946-1.945h-9.656c-1.008%200-1.477.774-1.477%201.524s.563%201.5%201.547%201.5h3.657l2.789-.141l-2.696%202.508l-3.656%203.633c-.352.375-.516.773-.516%201.148c0%20.938.868%201.781%201.805%201.781c.375%200%20.774-.14%201.125-.492l3.633-3.656l2.508-2.695l-.14%202.765v3.75c0%201.008.75%201.547%201.476%201.547c.773%200%201.547-.469%201.547-1.477ZM11.992%2027.953h3.54V22.54l-3.54-3.516Zm28.477%205.438l3.515%203.515v-8.883H40.47ZM8.78%2041.078c0%201.266.703%201.969%201.945%201.969h9.657c1.008%200%201.476-.774%201.476-1.547c0-.75-.562-1.5-1.547-1.5h-3.656l-2.789.164l2.695-2.531L20.22%2034c.351-.352.515-.75.515-1.148c0-.938-.867-1.758-1.804-1.758a1.54%201.54%200%200%200-1.125.468l-3.633%203.68l-2.508%202.672l.14-2.766v-3.75c0-1.007-.75-1.546-1.476-1.546c-.773%200-1.547.468-1.547%201.476Zm3.211%206.68c0%203.515%202.438%206%206.258%206h19.5c2.742%200%204.617-1.266%205.531-3.422l.047-.094l-2.86-2.836l-.023.328c-.586%201.875-1.453%202.602-3.164%202.602H18.72c-2.086%200-3.188-1.172-3.188-3.07v-1.828h-3.539Z%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%22m12.648%205.734l2.883%202.836l.024-.328c.492-1.664%201.43-2.578%203.14-2.578h18.563c2.086%200%203.21%201.149%203.21%203.047v1.828h3.516V8.22c0-3.516-2.437-5.977-6.257-5.977h-19.5c-2.743%200-4.618%201.242-5.532%203.399ZM4.703%207.258L48.742%2051.25c.352.352.82.516%201.29.516a1.8%201.8%200%200%200%201.78-1.805c0-.469-.164-.914-.515-1.266L7.28%204.703A1.805%201.805%200%200%200%204.187%205.97c0%20.469.188.937.516%201.289m42.563%207.64c0-1.265-.704-1.945-1.946-1.945h-9.656c-1.008%200-1.477.774-1.477%201.524s.563%201.5%201.547%201.5h3.657l2.789-.141l-2.696%202.508l-3.656%203.633c-.352.375-.516.773-.516%201.148c0%20.938.868%201.781%201.805%201.781c.375%200%20.774-.14%201.125-.492l3.633-3.656l2.508-2.695l-.14%202.765v3.75c0%201.008.75%201.547%201.476%201.547c.773%200%201.547-.469%201.547-1.477ZM11.992%2027.953h3.54V22.54l-3.54-3.516Zm28.477%205.438l3.515%203.515v-8.883H40.47ZM8.78%2041.078c0%201.266.703%201.969%201.945%201.969h9.657c1.008%200%201.476-.774%201.476-1.547c0-.75-.562-1.5-1.547-1.5h-3.656l-2.789.164l2.695-2.531L20.22%2034c.351-.352.515-.75.515-1.148c0-.938-.867-1.758-1.804-1.758a1.54%201.54%200%200%200-1.125.468l-3.633%203.68l-2.508%202.672l.14-2.766v-3.75c0-1.007-.75-1.546-1.476-1.546c-.773%200-1.547.468-1.547%201.476Zm3.211%206.68c0%203.515%202.438%206%206.258%206h19.5c2.742%200%204.617-1.266%205.531-3.422l.047-.094l-2.86-2.836l-.023.328c-.586%201.875-1.453%202.602-3.164%202.602H18.72c-2.086%200-3.188-1.172-3.188-3.07v-1.828h-3.539Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-arrow-up-right-arrow-down-left-slash.svg?color=%231a73e8&size=48
