folder zip icon
folder-zip-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- folder-zip-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
All folder zip icons →Related icons in Keyline Icons
Use the folder zip icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 7C2 4.7909 3.7909 3 6 3L8.6716 3C9.4672 3 10.2303 3.3161 10.7929 3.8787L12.1213 5.2071C12.3089 5.3946 12.5632 5.5 12.8284 5.5L18 5.5C20.2091 5.5 22 7.2909 22 9.5L22 17C22 19.2091 20.2091 21 18 21L6 21C3.7909 21 2 19.2091 2 17ZM8 5L8 6C8 6.5523 8.4477 7 9 7C9.5523 7 10 6.5523 10 6L10 5.9142L9.3787 5.2929C9.1912 5.1054 8.9368 5 8.6716 5L8 5ZM8 11.1716C6.8014 11.5954 6 12.7287 6 14C6 15.6569 7.3431 17 9 17C10.6569 17 12 15.6569 12 14C12 12.7287 11.1986 11.5954 10 11.1716L10 10C10 9.4477 9.5523 9 9 9C8.4477 9 8 9.4477 8 10ZM10 14C10 14.5523 9.5523 15 9 15C8.4477 15 8 14.5523 8 14C8 13.4477 8.4477 13 9 13C9.5523 13 10 13.4477 10 14Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsFolderZipFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M2 7C2 4.7909 3.7909 3 6 3L8.6716 3C9.4672 3 10.2303 3.3161 10.7929 3.8787L12.1213 5.2071C12.3089 5.3946 12.5632 5.5 12.8284 5.5L18 5.5C20.2091 5.5 22 7.2909 22 9.5L22 17C22 19.2091 20.2091 21 18 21L6 21C3.7909 21 2 19.2091 2 17ZM8 5L8 6C8 6.5523 8.4477 7 9 7C9.5523 7 10 6.5523 10 6L10 5.9142L9.3787 5.2929C9.1912 5.1054 8.9368 5 8.6716 5L8 5ZM8 11.1716C6.8014 11.5954 6 12.7287 6 14C6 15.6569 7.3431 17 9 17C10.6569 17 12 15.6569 12 14C12 12.7287 11.1986 11.5954 10 11.1716L10 10C10 9.4477 9.5523 9 9 9C8.4477 9 8 9.4477 8 10ZM10 14C10 14.5523 9.5523 15 9 15C8.4477 15 8 14.5523 8 14C8 13.4477 8.4477 13 9 13C9.5523 13 10 13.4477 10 14Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 7C2 4.7909 3.7909 3 6 3L8.6716 3C9.4672 3 10.2303 3.3161 10.7929 3.8787L12.1213 5.2071C12.3089 5.3946 12.5632 5.5 12.8284 5.5L18 5.5C20.2091 5.5 22 7.2909 22 9.5L22 17C22 19.2091 20.2091 21 18 21L6 21C3.7909 21 2 19.2091 2 17ZM8 5L8 6C8 6.5523 8.4477 7 9 7C9.5523 7 10 6.5523 10 6L10 5.9142L9.3787 5.2929C9.1912 5.1054 8.9368 5 8.6716 5L8 5ZM8 11.1716C6.8014 11.5954 6 12.7287 6 14C6 15.6569 7.3431 17 9 17C10.6569 17 12 15.6569 12 14C12 12.7287 11.1986 11.5954 10 11.1716L10 10C10 9.4477 9.5523 9 9 9C8.4477 9 8 9.4477 8 10ZM10 14C10 14.5523 9.5523 15 9 15C8.4477 15 8 14.5523 8 14C8 13.4477 8.4477 13 9 13C9.5523 13 10 13.4477 10 14Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-folder-zip-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%207C2%204.7909%203.7909%203%206%203L8.6716%203C9.4672%203%2010.2303%203.3161%2010.7929%203.8787L12.1213%205.2071C12.3089%205.3946%2012.5632%205.5%2012.8284%205.5L18%205.5C20.2091%205.5%2022%207.2909%2022%209.5L22%2017C22%2019.2091%2020.2091%2021%2018%2021L6%2021C3.7909%2021%202%2019.2091%202%2017ZM8%205L8%206C8%206.5523%208.4477%207%209%207C9.5523%207%2010%206.5523%2010%206L10%205.9142L9.3787%205.2929C9.1912%205.1054%208.9368%205%208.6716%205L8%205ZM8%2011.1716C6.8014%2011.5954%206%2012.7287%206%2014C6%2015.6569%207.3431%2017%209%2017C10.6569%2017%2012%2015.6569%2012%2014C12%2012.7287%2011.1986%2011.5954%2010%2011.1716L10%2010C10%209.4477%209.5523%209%209%209C8.4477%209%208%209.4477%208%2010ZM10%2014C10%2014.5523%209.5523%2015%209%2015C8.4477%2015%208%2014.5523%208%2014C8%2013.4477%208.4477%2013%209%2013C9.5523%2013%2010%2013.4477%2010%2014Z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%207C2%204.7909%203.7909%203%206%203L8.6716%203C9.4672%203%2010.2303%203.3161%2010.7929%203.8787L12.1213%205.2071C12.3089%205.3946%2012.5632%205.5%2012.8284%205.5L18%205.5C20.2091%205.5%2022%207.2909%2022%209.5L22%2017C22%2019.2091%2020.2091%2021%2018%2021L6%2021C3.7909%2021%202%2019.2091%202%2017ZM8%205L8%206C8%206.5523%208.4477%207%209%207C9.5523%207%2010%206.5523%2010%206L10%205.9142L9.3787%205.2929C9.1912%205.1054%208.9368%205%208.6716%205L8%205ZM8%2011.1716C6.8014%2011.5954%206%2012.7287%206%2014C6%2015.6569%207.3431%2017%209%2017C10.6569%2017%2012%2015.6569%2012%2014C12%2012.7287%2011.1986%2011.5954%2010%2011.1716L10%2010C10%209.4477%209.5523%209%209%209C8.4477%209%208%209.4477%208%2010ZM10%2014C10%2014.5523%209.5523%2015%209%2015C8.4477%2015%208%2014.5523%208%2014C8%2013.4477%208.4477%2013%209%2013C9.5523%2013%2010%2013.4477%2010%2014Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/folder-zip-fill.svg?color=%231a73e8&size=48
