File Document Icon SVG
Icon File document SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
File document Icon Svg Code | Path | Download
Download free File Document SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the File Document Icon SVG code in HTML/Css from below.
File Document
File document SVG Icon Code | Customize color
You can get svg icon file document in blue, white, red color and transparent color from below list. You can also customize color using color picker.
File document
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 18H17V16H7V18Z" fill="currentColor" /> <path d="M17 14H7V12H17V14Z" fill="currentColor" /> <path d="M7 10H11V8H7V10Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor" /> </svg>
File document
DownloadSvg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 18H17V16H7V18Z" fill="currentColor" /> <path d="M17 14H7V12H17V14Z" fill="currentColor" /> <path d="M7 10H11V8H7V10Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor" /> </svg>
File document
DownloadSvg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 18H17V16H7V18Z" fill="currentColor" /> <path d="M17 14H7V12H17V14Z" fill="currentColor" /> <path d="M7 10H11V8H7V10Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor" /> </svg>
File document
DownloadSvg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 18H17V16H7V18Z" fill="currentColor" /> <path d="M17 14H7V12H17V14Z" fill="currentColor" /> <path d="M7 10H11V8H7V10Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor" /> </svg>
File document
DownloadSvg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M7 18H17V16H7V18Z" fill="currentColor" /> <path d="M17 14H7V12H17V14Z" fill="currentColor" /> <path d="M7 10H11V8H7V10Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor" /> </svg>
Advance Editor
You can edit file document as below. Change size color and background color of icon using below tool.
Advertisements
File Document Icon SVG - Faq(s)?
⭐Can I get Free File Document Icon SVG?Yes, you can get free File Document SVG icons.
⭐ How to download free File Document Icon SVG code?To download free File Document icons in SVG code click on the copy code button.
⭐How to find the File Document Icon SVG path file?You can get the File Document SVG file path from the above section.
⭐ What are the colors available for SVG File Document Icon?You can check the File Document SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements