files icon

files-f from Jam Icons by Michael Amprimo · Filled · MIT Free for personal and commercial use.

Name: files-f
Set: Jam Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Jam Icons

The same icon in other sets

filesBootstrap Icons filesCodicons filesElement Plus filesLucide filesMaterial Symbols filesMaterial Symbols Light filesPhosphor filesPixelarticons filesSimple Icons filesTabler Icons

Use the files icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="M12 4H7a2 2 0 0 0-2 2v9H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2zM8 5h7l3 3v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2"/></svg>

React

import type { SVGProps } from "react";

export function JamFilesF(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="M12 4H7a2 2 0 0 0-2 2v9H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2zM8 5h7l3 3v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="M12 4H7a2 2 0 0 0-2 2v9H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2zM8 5h7l3 3v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2"/></svg>
</template>

CSS

.icon-files-f {
  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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%204H7a2%202%200%200%200-2%202v9H2a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202zM8%205h7l3%203v10a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2%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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%204H7a2%202%200%200%200-2%202v9H2a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202zM8%205h7l3%203v10a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/files-f.svg?color=%231a73e8&size=48