file stack icon
file-stack from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- file-stack
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the file stack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.653 3.653l-.617-.617c-.357-.357-.535-.535-.739-.667a2.3 2.3 0 0 0-.768-.318C18.29 2 18.039 2 17.535 2c-1.151 0-1.728 0-2.177.202a2.3 2.3 0 0 0-1.156 1.156C14 3.808 14 4.383 14 5.536V8c0 1.591 0 2.387.377 2.961c.173.264.398.49.662.662C15.613 12 16.409 12 18 12s2.387 0 2.961-.377c.264-.173.49-.398.662-.662C22 10.387 22 9.591 22 8V6.905c0-.94 0-1.41-.175-1.832s-.508-.756-1.172-1.42M16 15.957a2.4 2.4 0 0 1-.694.665c-.603.378-1.438.378-3.108.378s-2.505 0-3.108-.378a2.4 2.4 0 0 1-.695-.665C8 15.38 8 14.581 8 12.983v-2.475c0-1.157 0-1.735.212-2.186c.242-.517.674-.93 1.213-1.162A2.3 2.3 0 0 1 10.1 7M10 20.957a2.4 2.4 0 0 1-.694.665C8.703 22 7.868 22 6.198 22s-2.505 0-3.108-.378a2.4 2.4 0 0 1-.695-.665C2 20.38 2 19.581 2 17.983v-2.475c0-1.157 0-1.735.212-2.186c.242-.517.674-.93 1.213-1.162c.192-.082.406-.131.674-.16"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFileStack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m20.653 3.653l-.617-.617c-.357-.357-.535-.535-.739-.667a2.3 2.3 0 0 0-.768-.318C18.29 2 18.039 2 17.535 2c-1.151 0-1.728 0-2.177.202a2.3 2.3 0 0 0-1.156 1.156C14 3.808 14 4.383 14 5.536V8c0 1.591 0 2.387.377 2.961c.173.264.398.49.662.662C15.613 12 16.409 12 18 12s2.387 0 2.961-.377c.264-.173.49-.398.662-.662C22 10.387 22 9.591 22 8V6.905c0-.94 0-1.41-.175-1.832s-.508-.756-1.172-1.42M16 15.957a2.4 2.4 0 0 1-.694.665c-.603.378-1.438.378-3.108.378s-2.505 0-3.108-.378a2.4 2.4 0 0 1-.695-.665C8 15.38 8 14.581 8 12.983v-2.475c0-1.157 0-1.735.212-2.186c.242-.517.674-.93 1.213-1.162A2.3 2.3 0 0 1 10.1 7M10 20.957a2.4 2.4 0 0 1-.694.665C8.703 22 7.868 22 6.198 22s-2.505 0-3.108-.378a2.4 2.4 0 0 1-.695-.665C2 20.38 2 19.581 2 17.983v-2.475c0-1.157 0-1.735.212-2.186c.242-.517.674-.93 1.213-1.162c.192-.082.406-.131.674-.16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.653 3.653l-.617-.617c-.357-.357-.535-.535-.739-.667a2.3 2.3 0 0 0-.768-.318C18.29 2 18.039 2 17.535 2c-1.151 0-1.728 0-2.177.202a2.3 2.3 0 0 0-1.156 1.156C14 3.808 14 4.383 14 5.536V8c0 1.591 0 2.387.377 2.961c.173.264.398.49.662.662C15.613 12 16.409 12 18 12s2.387 0 2.961-.377c.264-.173.49-.398.662-.662C22 10.387 22 9.591 22 8V6.905c0-.94 0-1.41-.175-1.832s-.508-.756-1.172-1.42M16 15.957a2.4 2.4 0 0 1-.694.665c-.603.378-1.438.378-3.108.378s-2.505 0-3.108-.378a2.4 2.4 0 0 1-.695-.665C8 15.38 8 14.581 8 12.983v-2.475c0-1.157 0-1.735.212-2.186c.242-.517.674-.93 1.213-1.162A2.3 2.3 0 0 1 10.1 7M10 20.957a2.4 2.4 0 0 1-.694.665C8.703 22 7.868 22 6.198 22s-2.505 0-3.108-.378a2.4 2.4 0 0 1-.695-.665C2 20.38 2 19.581 2 17.983v-2.475c0-1.157 0-1.735.212-2.186c.242-.517.674-.93 1.213-1.162c.192-.082.406-.131.674-.16"/></svg> </template>
CSS
.icon-file-stack {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m20.653%203.653l-.617-.617c-.357-.357-.535-.535-.739-.667a2.3%202.3%200%200%200-.768-.318C18.29%202%2018.039%202%2017.535%202c-1.151%200-1.728%200-2.177.202a2.3%202.3%200%200%200-1.156%201.156C14%203.808%2014%204.383%2014%205.536V8c0%201.591%200%202.387.377%202.961c.173.264.398.49.662.662C15.613%2012%2016.409%2012%2018%2012s2.387%200%202.961-.377c.264-.173.49-.398.662-.662C22%2010.387%2022%209.591%2022%208V6.905c0-.94%200-1.41-.175-1.832s-.508-.756-1.172-1.42M16%2015.957a2.4%202.4%200%200%201-.694.665c-.603.378-1.438.378-3.108.378s-2.505%200-3.108-.378a2.4%202.4%200%200%201-.695-.665C8%2015.38%208%2014.581%208%2012.983v-2.475c0-1.157%200-1.735.212-2.186c.242-.517.674-.93%201.213-1.162A2.3%202.3%200%200%201%2010.1%207M10%2020.957a2.4%202.4%200%200%201-.694.665C8.703%2022%207.868%2022%206.198%2022s-2.505%200-3.108-.378a2.4%202.4%200%200%201-.695-.665C2%2020.38%202%2019.581%202%2017.983v-2.475c0-1.157%200-1.735.212-2.186c.242-.517.674-.93%201.213-1.162c.192-.082.406-.131.674-.16%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m20.653%203.653l-.617-.617c-.357-.357-.535-.535-.739-.667a2.3%202.3%200%200%200-.768-.318C18.29%202%2018.039%202%2017.535%202c-1.151%200-1.728%200-2.177.202a2.3%202.3%200%200%200-1.156%201.156C14%203.808%2014%204.383%2014%205.536V8c0%201.591%200%202.387.377%202.961c.173.264.398.49.662.662C15.613%2012%2016.409%2012%2018%2012s2.387%200%202.961-.377c.264-.173.49-.398.662-.662C22%2010.387%2022%209.591%2022%208V6.905c0-.94%200-1.41-.175-1.832s-.508-.756-1.172-1.42M16%2015.957a2.4%202.4%200%200%201-.694.665c-.603.378-1.438.378-3.108.378s-2.505%200-3.108-.378a2.4%202.4%200%200%201-.695-.665C8%2015.38%208%2014.581%208%2012.983v-2.475c0-1.157%200-1.735.212-2.186c.242-.517.674-.93%201.213-1.162A2.3%202.3%200%200%201%2010.1%207M10%2020.957a2.4%202.4%200%200%201-.694.665C8.703%2022%207.868%2022%206.198%2022s-2.505%200-3.108-.378a2.4%202.4%200%200%201-.695-.665C2%2020.38%202%2019.581%202%2017.983v-2.475c0-1.157%200-1.735.212-2.186c.242-.517.674-.93%201.213-1.162c.192-.082.406-.131.674-.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/file-stack.svg?color=%231a73e8&size=48
