rectangle expand vertical icon
rectangle-expand-vertical from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-expand-vertical
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
rectangle-3-offgridrectangle-arrow-up-right-arrow-down-leftrectangle-arrow-up-right-arrow-down-left-slashrectangle-badge-checkmarkrectangle-badge-xmarkrectangle-compress-verticalrectangle-dockrectangle-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 expand vertical icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 18.672c1.008 0 1.875-.82 1.875-1.805V9.11l-.164-3.914l2.016 2.086l3.046 3.07c.375.352.82.563 1.29.563c.984 0 1.71-.703 1.71-1.664c0-.54-.21-.96-.609-1.312L29.36.672C28.868.227 28.493.1 28 .1c-.469 0-.867.127-1.36.572l-7.78 7.265c-.422.352-.633.774-.633 1.313c0 .96.703 1.664 1.71 1.664c.47 0 .938-.21 1.29-.562l3.046-3.07l2.016-2.087l-.14 3.914v7.758c0 .985.843 1.805 1.851 1.805M8.266 43.727h7.664v-3.54H8.758c-2.11 0-3.398-1.406-3.398-3.328V19.141c0-1.922 1.289-3.305 3.398-3.305h7.172v-3.54H8.266c-3.89 0-6.633 2.65-6.633 6.259v18.914c0 3.586 2.742 6.258 6.633 6.258m39.468 0c3.914 0 6.633-2.672 6.633-6.258V18.555c0-3.61-2.719-6.258-6.633-6.258H40.07v3.539h7.172c2.11 0 3.399 1.383 3.399 3.305v17.718c0 1.922-1.29 3.328-3.399 3.328H40.07v3.54ZM28 55.96c.492 0 .867-.188 1.36-.633l7.804-7.266c.399-.351.61-.773.61-1.312c0-.961-.704-1.64-1.688-1.64c-.469 0-.937.187-1.312.538l-3.047 3.07l-2.016 2.087l.164-3.914v-7.735c0-1.008-.867-1.828-1.875-1.828s-1.852.82-1.852 1.828v7.735l.141 3.914l-2.016-2.086l-3.046-3.07a1.78 1.78 0 0 0-1.266-.54c-1.008 0-1.734.68-1.734 1.641c0 .539.21.96.633 1.313l7.78 7.265c.493.445.891.633 1.36.633"/></svg>
React
import type { SVGProps } from "react";
export function F7RectangleExpandVertical(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="M28 18.672c1.008 0 1.875-.82 1.875-1.805V9.11l-.164-3.914l2.016 2.086l3.046 3.07c.375.352.82.563 1.29.563c.984 0 1.71-.703 1.71-1.664c0-.54-.21-.96-.609-1.312L29.36.672C28.868.227 28.493.1 28 .1c-.469 0-.867.127-1.36.572l-7.78 7.265c-.422.352-.633.774-.633 1.313c0 .96.703 1.664 1.71 1.664c.47 0 .938-.21 1.29-.562l3.046-3.07l2.016-2.087l-.14 3.914v7.758c0 .985.843 1.805 1.851 1.805M8.266 43.727h7.664v-3.54H8.758c-2.11 0-3.398-1.406-3.398-3.328V19.141c0-1.922 1.289-3.305 3.398-3.305h7.172v-3.54H8.266c-3.89 0-6.633 2.65-6.633 6.259v18.914c0 3.586 2.742 6.258 6.633 6.258m39.468 0c3.914 0 6.633-2.672 6.633-6.258V18.555c0-3.61-2.719-6.258-6.633-6.258H40.07v3.539h7.172c2.11 0 3.399 1.383 3.399 3.305v17.718c0 1.922-1.29 3.328-3.399 3.328H40.07v3.54ZM28 55.96c.492 0 .867-.188 1.36-.633l7.804-7.266c.399-.351.61-.773.61-1.312c0-.961-.704-1.64-1.688-1.64c-.469 0-.937.187-1.312.538l-3.047 3.07l-2.016 2.087l.164-3.914v-7.735c0-1.008-.867-1.828-1.875-1.828s-1.852.82-1.852 1.828v7.735l.141 3.914l-2.016-2.086l-3.046-3.07a1.78 1.78 0 0 0-1.266-.54c-1.008 0-1.734.68-1.734 1.641c0 .539.21.96.633 1.313l7.78 7.265c.493.445.891.633 1.36.633"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 18.672c1.008 0 1.875-.82 1.875-1.805V9.11l-.164-3.914l2.016 2.086l3.046 3.07c.375.352.82.563 1.29.563c.984 0 1.71-.703 1.71-1.664c0-.54-.21-.96-.609-1.312L29.36.672C28.868.227 28.493.1 28 .1c-.469 0-.867.127-1.36.572l-7.78 7.265c-.422.352-.633.774-.633 1.313c0 .96.703 1.664 1.71 1.664c.47 0 .938-.21 1.29-.562l3.046-3.07l2.016-2.087l-.14 3.914v7.758c0 .985.843 1.805 1.851 1.805M8.266 43.727h7.664v-3.54H8.758c-2.11 0-3.398-1.406-3.398-3.328V19.141c0-1.922 1.289-3.305 3.398-3.305h7.172v-3.54H8.266c-3.89 0-6.633 2.65-6.633 6.259v18.914c0 3.586 2.742 6.258 6.633 6.258m39.468 0c3.914 0 6.633-2.672 6.633-6.258V18.555c0-3.61-2.719-6.258-6.633-6.258H40.07v3.539h7.172c2.11 0 3.399 1.383 3.399 3.305v17.718c0 1.922-1.29 3.328-3.399 3.328H40.07v3.54ZM28 55.96c.492 0 .867-.188 1.36-.633l7.804-7.266c.399-.351.61-.773.61-1.312c0-.961-.704-1.64-1.688-1.64c-.469 0-.937.187-1.312.538l-3.047 3.07l-2.016 2.087l.164-3.914v-7.735c0-1.008-.867-1.828-1.875-1.828s-1.852.82-1.852 1.828v7.735l.141 3.914l-2.016-2.086l-3.046-3.07a1.78 1.78 0 0 0-1.266-.54c-1.008 0-1.734.68-1.734 1.641c0 .539.21.96.633 1.313l7.78 7.265c.493.445.891.633 1.36.633"/></svg> </template>
CSS
.icon-rectangle-expand-vertical {
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%22M28%2018.672c1.008%200%201.875-.82%201.875-1.805V9.11l-.164-3.914l2.016%202.086l3.046%203.07c.375.352.82.563%201.29.563c.984%200%201.71-.703%201.71-1.664c0-.54-.21-.96-.609-1.312L29.36.672C28.868.227%2028.493.1%2028%20.1c-.469%200-.867.127-1.36.572l-7.78%207.265c-.422.352-.633.774-.633%201.313c0%20.96.703%201.664%201.71%201.664c.47%200%20.938-.21%201.29-.562l3.046-3.07l2.016-2.087l-.14%203.914v7.758c0%20.985.843%201.805%201.851%201.805M8.266%2043.727h7.664v-3.54H8.758c-2.11%200-3.398-1.406-3.398-3.328V19.141c0-1.922%201.289-3.305%203.398-3.305h7.172v-3.54H8.266c-3.89%200-6.633%202.65-6.633%206.259v18.914c0%203.586%202.742%206.258%206.633%206.258m39.468%200c3.914%200%206.633-2.672%206.633-6.258V18.555c0-3.61-2.719-6.258-6.633-6.258H40.07v3.539h7.172c2.11%200%203.399%201.383%203.399%203.305v17.718c0%201.922-1.29%203.328-3.399%203.328H40.07v3.54ZM28%2055.96c.492%200%20.867-.188%201.36-.633l7.804-7.266c.399-.351.61-.773.61-1.312c0-.961-.704-1.64-1.688-1.64c-.469%200-.937.187-1.312.538l-3.047%203.07l-2.016%202.087l.164-3.914v-7.735c0-1.008-.867-1.828-1.875-1.828s-1.852.82-1.852%201.828v7.735l.141%203.914l-2.016-2.086l-3.046-3.07a1.78%201.78%200%200%200-1.266-.54c-1.008%200-1.734.68-1.734%201.641c0%20.539.21.96.633%201.313l7.78%207.265c.493.445.891.633%201.36.633%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%22M28%2018.672c1.008%200%201.875-.82%201.875-1.805V9.11l-.164-3.914l2.016%202.086l3.046%203.07c.375.352.82.563%201.29.563c.984%200%201.71-.703%201.71-1.664c0-.54-.21-.96-.609-1.312L29.36.672C28.868.227%2028.493.1%2028%20.1c-.469%200-.867.127-1.36.572l-7.78%207.265c-.422.352-.633.774-.633%201.313c0%20.96.703%201.664%201.71%201.664c.47%200%20.938-.21%201.29-.562l3.046-3.07l2.016-2.087l-.14%203.914v7.758c0%20.985.843%201.805%201.851%201.805M8.266%2043.727h7.664v-3.54H8.758c-2.11%200-3.398-1.406-3.398-3.328V19.141c0-1.922%201.289-3.305%203.398-3.305h7.172v-3.54H8.266c-3.89%200-6.633%202.65-6.633%206.259v18.914c0%203.586%202.742%206.258%206.633%206.258m39.468%200c3.914%200%206.633-2.672%206.633-6.258V18.555c0-3.61-2.719-6.258-6.633-6.258H40.07v3.539h7.172c2.11%200%203.399%201.383%203.399%203.305v17.718c0%201.922-1.29%203.328-3.399%203.328H40.07v3.54ZM28%2055.96c.492%200%20.867-.188%201.36-.633l7.804-7.266c.399-.351.61-.773.61-1.312c0-.961-.704-1.64-1.688-1.64c-.469%200-.937.187-1.312.538l-3.047%203.07l-2.016%202.087l.164-3.914v-7.735c0-1.008-.867-1.828-1.875-1.828s-1.852.82-1.852%201.828v7.735l.141%203.914l-2.016-2.086l-3.046-3.07a1.78%201.78%200%200%200-1.266-.54c-1.008%200-1.734.68-1.734%201.641c0%20.539.21.96.633%201.313l7.78%207.265c.493.445.891.633%201.36.633%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-expand-vertical.svg?color=%231a73e8&size=48
