file zip icon

file-zip-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.

Name: file-zip-16
Set: Octicons
Style: 16
Viewbox: 16×16
License: MIT

2 other variants in Octicons

The same icon in other sets

file-zip-filledAnt Design Icons file-zipBootstrap Icons file-zipCodicons file-zip-outlineFlowbite Icons file-zipHuge Icons file-zipIconPark file-zipIconPark Outline file-zip-fillMingCute Icon file-zipPhosphor file-zip-fillRemix Icon file-zip-boldSolar file-zipTabler Icons file-zipTDesign Icons

Related icons in Octicons

file-added-16 file-badge-16 file-binary file-check-16 file-code file-diff-16 file-directory file-directory-fill-16 file-directory-open-fill-16 file-directory-symlink-16 file-media file-moved-16 file-pdf file-removed-16 file-submodule file-symlink-directory file-symlink-file

Use the file zip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.5 1.75v11.5c0 .09.048.173.126.217a.75.75 0 0 1-.752 1.298A1.75 1.75 0 0 1 2 13.25V1.75C2 .784 2.784 0 3.75 0h5.586c.464 0 .909.185 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 12.25 15h-.5a.75.75 0 0 1 0-1.5h.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177L9.513 1.573a.25.25 0 0 0-.177-.073H7.25a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5h-3a.25.25 0 0 0-.25.25m3.75 8.75h.5c.966 0 1.75.784 1.75 1.75v3a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75v-3c0-.966.784-1.75 1.75-1.75M6 5.25a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 6 5.25m.75 2.25h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M8 6.75A.75.75 0 0 1 8.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 6.75M8.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M8 9.75A.75.75 0 0 1 8.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 9.75m-1 2.5v2.25h1v-2.25a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25"/></svg>

React

import type { SVGProps } from "react";

export function OcticonFileZip16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.5 1.75v11.5c0 .09.048.173.126.217a.75.75 0 0 1-.752 1.298A1.75 1.75 0 0 1 2 13.25V1.75C2 .784 2.784 0 3.75 0h5.586c.464 0 .909.185 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 12.25 15h-.5a.75.75 0 0 1 0-1.5h.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177L9.513 1.573a.25.25 0 0 0-.177-.073H7.25a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5h-3a.25.25 0 0 0-.25.25m3.75 8.75h.5c.966 0 1.75.784 1.75 1.75v3a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75v-3c0-.966.784-1.75 1.75-1.75M6 5.25a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 6 5.25m.75 2.25h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M8 6.75A.75.75 0 0 1 8.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 6.75M8.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M8 9.75A.75.75 0 0 1 8.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 9.75m-1 2.5v2.25h1v-2.25a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.5 1.75v11.5c0 .09.048.173.126.217a.75.75 0 0 1-.752 1.298A1.75 1.75 0 0 1 2 13.25V1.75C2 .784 2.784 0 3.75 0h5.586c.464 0 .909.185 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 12.25 15h-.5a.75.75 0 0 1 0-1.5h.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177L9.513 1.573a.25.25 0 0 0-.177-.073H7.25a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5h-3a.25.25 0 0 0-.25.25m3.75 8.75h.5c.966 0 1.75.784 1.75 1.75v3a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75v-3c0-.966.784-1.75 1.75-1.75M6 5.25a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 6 5.25m.75 2.25h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M8 6.75A.75.75 0 0 1 8.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 6.75M8.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M8 9.75A.75.75 0 0 1 8.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 8 9.75m-1 2.5v2.25h1v-2.25a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25"/></svg>
</template>

CSS

.icon-file-zip-16 {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.5%201.75v11.5c0%20.09.048.173.126.217a.75.75%200%200%201-.752%201.298A1.75%201.75%200%200%201%202%2013.25V1.75C2%20.784%202.784%200%203.75%200h5.586c.464%200%20.909.185%201.237.513l2.914%202.914c.329.328.513.773.513%201.237v8.586A1.75%201.75%200%200%201%2012.25%2015h-.5a.75.75%200%200%201%200-1.5h.5a.25.25%200%200%200%20.25-.25V4.664a.25.25%200%200%200-.073-.177L9.513%201.573a.25.25%200%200%200-.177-.073H7.25a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201%200-1.5h-3a.25.25%200%200%200-.25.25m3.75%208.75h.5c.966%200%201.75.784%201.75%201.75v3a.75.75%200%200%201-.75.75h-2.5a.75.75%200%200%201-.75-.75v-3c0-.966.784-1.75%201.75-1.75M6%205.25a.75.75%200%200%201%20.75-.75h.5a.75.75%200%200%201%200%201.5h-.5A.75.75%200%200%201%206%205.25m.75%202.25h.5a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201%200-1.5M8%206.75A.75.75%200%200%201%208.75%206h.5a.75.75%200%200%201%200%201.5h-.5A.75.75%200%200%201%208%206.75M8.75%203h.5a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201%200-1.5M8%209.75A.75.75%200%200%201%208.75%209h.5a.75.75%200%200%201%200%201.5h-.5A.75.75%200%200%201%208%209.75m-1%202.5v2.25h1v-2.25a.25.25%200%200%200-.25-.25h-.5a.25.25%200%200%200-.25.25%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.5%201.75v11.5c0%20.09.048.173.126.217a.75.75%200%200%201-.752%201.298A1.75%201.75%200%200%201%202%2013.25V1.75C2%20.784%202.784%200%203.75%200h5.586c.464%200%20.909.185%201.237.513l2.914%202.914c.329.328.513.773.513%201.237v8.586A1.75%201.75%200%200%201%2012.25%2015h-.5a.75.75%200%200%201%200-1.5h.5a.25.25%200%200%200%20.25-.25V4.664a.25.25%200%200%200-.073-.177L9.513%201.573a.25.25%200%200%200-.177-.073H7.25a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201%200-1.5h-3a.25.25%200%200%200-.25.25m3.75%208.75h.5c.966%200%201.75.784%201.75%201.75v3a.75.75%200%200%201-.75.75h-2.5a.75.75%200%200%201-.75-.75v-3c0-.966.784-1.75%201.75-1.75M6%205.25a.75.75%200%200%201%20.75-.75h.5a.75.75%200%200%201%200%201.5h-.5A.75.75%200%200%201%206%205.25m.75%202.25h.5a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201%200-1.5M8%206.75A.75.75%200%200%201%208.75%206h.5a.75.75%200%200%201%200%201.5h-.5A.75.75%200%200%201%208%206.75M8.75%203h.5a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201%200-1.5M8%209.75A.75.75%200%200%201%208.75%209h.5a.75.75%200%200%201%200%201.5h-.5A.75.75%200%200%201%208%209.75m-1%202.5v2.25h1v-2.25a.25.25%200%200%200-.25-.25h-.5a.25.25%200%200%200-.25.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/file-zip-16.svg?color=%231a73e8&size=48