square stack 3d up icon
square-stack-3d-up-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- square-stack-3d-up-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
square-arrow-downsquare-arrow-down-on-squaresquare-arrow-leftsquare-arrow-rightsquare-arrow-upsquare-arrow-up-on-squaresquare-favoritessquare-favorites-altsquare-fill-line-vertical-squaresquare-fill-on-circle-fillsquare-fill-on-square-fillsquare-grid-2x2square-grid-3x2square-grid-4x3-fillsquare-lefthalf-fillsquare-line-vertical-squaresquare-listsquare-on-circlesquare-on-squaresquare-pencilsquare-righthalf-fillsquare-split-1x2square-split-2x1square-split-2x2
Use the square stack 3d up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.012 31.68c.937 0 1.851-.305 2.976-.961l18.352-10.64c1.875-1.102 2.625-1.97 2.625-3.259c0-1.265-.75-2.133-2.625-3.234L30.988 2.946c-1.125-.657-2.039-.962-2.976-.962c-.961 0-1.852.305-2.977.961L6.684 13.585c-1.875 1.102-2.625 1.97-2.625 3.235c0 1.29.75 2.157 2.625 3.258l18.351 10.64c1.125.657 2.016.962 2.977.962m0 11.554c.843 0 1.57-.398 2.554-.984L50.7 30.367c.89-.539 1.266-1.312 1.266-2.039c0-.96-.703-1.758-1.336-2.062L28.902 38.805c-.328.187-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 26.265c-.656.305-1.359 1.102-1.359 2.063c0 .727.422 1.524 1.29 2.04L25.456 42.25c.984.586 1.687.984 2.555.984m0 10.782c.843 0 1.57-.399 2.554-.985L50.7 41.148c.867-.492 1.266-1.312 1.266-2.039c0-.96-.703-1.734-1.336-2.062L28.902 49.609c-.328.188-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 37.047c-.656.328-1.359 1.101-1.359 2.062c0 .727.422 1.547 1.29 2.04L25.456 53.03c.984.586 1.687.985 2.555.985"/></svg>
React
import type { SVGProps } from "react";
export function F7SquareStack3dUpFill(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.012 31.68c.937 0 1.851-.305 2.976-.961l18.352-10.64c1.875-1.102 2.625-1.97 2.625-3.259c0-1.265-.75-2.133-2.625-3.234L30.988 2.946c-1.125-.657-2.039-.962-2.976-.962c-.961 0-1.852.305-2.977.961L6.684 13.585c-1.875 1.102-2.625 1.97-2.625 3.235c0 1.29.75 2.157 2.625 3.258l18.351 10.64c1.125.657 2.016.962 2.977.962m0 11.554c.843 0 1.57-.398 2.554-.984L50.7 30.367c.89-.539 1.266-1.312 1.266-2.039c0-.96-.703-1.758-1.336-2.062L28.902 38.805c-.328.187-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 26.265c-.656.305-1.359 1.102-1.359 2.063c0 .727.422 1.524 1.29 2.04L25.456 42.25c.984.586 1.687.984 2.555.984m0 10.782c.843 0 1.57-.399 2.554-.985L50.7 41.148c.867-.492 1.266-1.312 1.266-2.039c0-.96-.703-1.734-1.336-2.062L28.902 49.609c-.328.188-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 37.047c-.656.328-1.359 1.101-1.359 2.062c0 .727.422 1.547 1.29 2.04L25.456 53.03c.984.586 1.687.985 2.555.985"/></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.012 31.68c.937 0 1.851-.305 2.976-.961l18.352-10.64c1.875-1.102 2.625-1.97 2.625-3.259c0-1.265-.75-2.133-2.625-3.234L30.988 2.946c-1.125-.657-2.039-.962-2.976-.962c-.961 0-1.852.305-2.977.961L6.684 13.585c-1.875 1.102-2.625 1.97-2.625 3.235c0 1.29.75 2.157 2.625 3.258l18.351 10.64c1.125.657 2.016.962 2.977.962m0 11.554c.843 0 1.57-.398 2.554-.984L50.7 30.367c.89-.539 1.266-1.312 1.266-2.039c0-.96-.703-1.758-1.336-2.062L28.902 38.805c-.328.187-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 26.265c-.656.305-1.359 1.102-1.359 2.063c0 .727.422 1.524 1.29 2.04L25.456 42.25c.984.586 1.687.984 2.555.984m0 10.782c.843 0 1.57-.399 2.554-.985L50.7 41.148c.867-.492 1.266-1.312 1.266-2.039c0-.96-.703-1.734-1.336-2.062L28.902 49.609c-.328.188-.633.328-.89.328c-.258 0-.563-.14-.891-.328L5.394 37.047c-.656.328-1.359 1.101-1.359 2.062c0 .727.422 1.547 1.29 2.04L25.456 53.03c.984.586 1.687.985 2.555.985"/></svg> </template>
CSS
.icon-square-stack-3d-up-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%22M28.012%2031.68c.937%200%201.851-.305%202.976-.961l18.352-10.64c1.875-1.102%202.625-1.97%202.625-3.259c0-1.265-.75-2.133-2.625-3.234L30.988%202.946c-1.125-.657-2.039-.962-2.976-.962c-.961%200-1.852.305-2.977.961L6.684%2013.585c-1.875%201.102-2.625%201.97-2.625%203.235c0%201.29.75%202.157%202.625%203.258l18.351%2010.64c1.125.657%202.016.962%202.977.962m0%2011.554c.843%200%201.57-.398%202.554-.984L50.7%2030.367c.89-.539%201.266-1.312%201.266-2.039c0-.96-.703-1.758-1.336-2.062L28.902%2038.805c-.328.187-.633.328-.89.328c-.258%200-.563-.14-.891-.328L5.394%2026.265c-.656.305-1.359%201.102-1.359%202.063c0%20.727.422%201.524%201.29%202.04L25.456%2042.25c.984.586%201.687.984%202.555.984m0%2010.782c.843%200%201.57-.399%202.554-.985L50.7%2041.148c.867-.492%201.266-1.312%201.266-2.039c0-.96-.703-1.734-1.336-2.062L28.902%2049.609c-.328.188-.633.328-.89.328c-.258%200-.563-.14-.891-.328L5.394%2037.047c-.656.328-1.359%201.101-1.359%202.062c0%20.727.422%201.547%201.29%202.04L25.456%2053.03c.984.586%201.687.985%202.555.985%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.012%2031.68c.937%200%201.851-.305%202.976-.961l18.352-10.64c1.875-1.102%202.625-1.97%202.625-3.259c0-1.265-.75-2.133-2.625-3.234L30.988%202.946c-1.125-.657-2.039-.962-2.976-.962c-.961%200-1.852.305-2.977.961L6.684%2013.585c-1.875%201.102-2.625%201.97-2.625%203.235c0%201.29.75%202.157%202.625%203.258l18.351%2010.64c1.125.657%202.016.962%202.977.962m0%2011.554c.843%200%201.57-.398%202.554-.984L50.7%2030.367c.89-.539%201.266-1.312%201.266-2.039c0-.96-.703-1.758-1.336-2.062L28.902%2038.805c-.328.187-.633.328-.89.328c-.258%200-.563-.14-.891-.328L5.394%2026.265c-.656.305-1.359%201.102-1.359%202.063c0%20.727.422%201.524%201.29%202.04L25.456%2042.25c.984.586%201.687.984%202.555.984m0%2010.782c.843%200%201.57-.399%202.554-.985L50.7%2041.148c.867-.492%201.266-1.312%201.266-2.039c0-.96-.703-1.734-1.336-2.062L28.902%2049.609c-.328.188-.633.328-.89.328c-.258%200-.563-.14-.891-.328L5.394%2037.047c-.656.328-1.359%201.101-1.359%202.062c0%20.727.422%201.547%201.29%202.04L25.456%2053.03c.984.586%201.687.985%202.555.985%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/square-stack-3d-up-fill.svg?color=%231a73e8&size=48
