Preview Sizes
folder SVG Icon
High-quality folder SVG icon for web design and development projects. Free to download and use in your projects.
Want to customize this icon? Edit with svgia.com - our powerful online SVG editor!
SVG Code
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<rect id="folder-a" width="18" height="4"/>
<path id="folder-c" d="M2,2 L2,4 C2,4.55228475 1.55228475,5 1,5 C0.44771525,5 0,4.55228475 0,4 L0,1 C0,0.44771525 0.44771525,0 1,0 L7,0 C7.26521649,0 7.5195704,0.10535684 7.70710678,0.292893219 L9.41421356,2 L19,2 C19.5522847,2 20,2.44771525 20,3 L20,17 C20,17.5522847 19.5522847,18 19,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,7 C0,6.44771525 0.44771525,6 1,6 L18,6 L18,4 L9,4 C8.73478351,4 8.4804296,3.89464316 8.29289322,3.70710678 L6.58578644,2 L2,2 Z M18,8 L2,8 L2,16 L18,16 L18,8 Z"/>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(2 3)">
<g transform="translate(1 13)">
<mask id="folder-b" fill="#ffffff">
<use xlink:href="#folder-a"/>
</mask>
<use fill="#D8D8D8" xlink:href="#folder-a"/>
<g fill="#FFA0A0" mask="url(#folder-b)">
<rect width="24" height="24" transform="translate(-3 -16)"/>
</g>
</g>
<mask id="folder-d" fill="#ffffff">
<use xlink:href="#folder-c"/>
</mask>
<use fill="#000000" fill-rule="nonzero" xlink:href="#folder-c"/>
<g fill="#7600FF" mask="url(#folder-d)">
<rect width="24" height="24" transform="translate(-2 -3)"/>
</g>
</g>
</svg>
