IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Files And Folders icon - Outline Gradient | SVG & PNG Free Download

Style Variants

Files And Folders

Files And Folders icon - also known as signs, pointer, pin, paper, location, documents, map location, map pointer, archives, placeholder, maps and location, and files and folders. Created in a clean outline gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

maps and location

files and folders

Usage Snippets

FilesAndFolders.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <defs>
        <linearGradient
            id="a"
            x1="207.918"
            x2="207.918"
            y1="454.867"
            y2="19.824"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset=".322" stop-color="#a163f5" />
            <stop offset=".466" stop-color="#b074ee" />
            <stop offset=".752" stop-color="#d8a1dd" />
            <stop offset=".898" stop-color="#efbad3" />
        </linearGradient>
        <linearGradient
            id="b"
            x1="203.773"
            x2="203.773"
            y1="454.867"
            y2="19.824"
            href="#a"
        />
        <linearGradient
            id="c"
            x1="145.634"
            x2="145.634"
            y1="454.867"
            y2="19.824"
            href="#a"
        />
        <linearGradient
            id="d"
            x1="256"
            x2="256"
            y1="454.867"
            y2="19.824"
            href="#a"
        />
        <linearGradient
            id="e"
            x1="348.227"
            x2="348.227"
            y1="454.867"
            y2="19.824"
            href="#a"
        />
        <linearGradient
            id="f"
            x1="348.227"
            x2="348.227"
            y1="454.867"
            y2="19.824"
            href="#a"
        />
    </defs>
    <path
        d="M218.092 241.771h-20.348a6 6 0 0 0 0 12h20.348a6 6 0 0 0 0-12Z"
        fill="url(#a)"
    />
    <path
        d="M119.3 202.887h168.941a6 6 0 0 0 0-12H119.3a6 6 0 0 0 0 12Z"
        fill="url(#b)"
    />
    <path
        d="M171.963 241.771H119.3a6 6 0 0 0 0 12h52.659a6 6 0 0 0 0-12Z"
        fill="url(#c)"
    />
    <path
        d="m354.422 269.938-.784-139.663-.008-1.719a6.006 6.006 0 0 0-1.782-4.239L248.513 22.185c-.025-.025-.055-.043-.08-.067a5.979 5.979 0 0 0-4.353-1.88h-.03a6.044 6.044 0 0 0-.9.079l-.438-.042a7.279 7.279 0 0 0-.6-.027l-142.862.687a46.707 46.707 0 0 0-46.477 46.931l1.441 299.9a46.763 46.763 0 0 0 46.71 46.482h.227l140.97-.8a111.011 111.011 0 1 0 112.3-143.506Zm-21.111-147.069-48.058.231h-.169a34.749 34.749 0 0 1-34.705-34.541l-.231-47.885ZM101.088 402.243h-.168A34.75 34.75 0 0 1 66.214 367.7L64.773 67.808a34.708 34.708 0 0 1 34.541-34.873l138.794-.667.271 56.348a46.761 46.761 0 0 0 46.705 46.484h.227l56.353-.271.757 135.084A111.046 111.046 0 0 0 239.165 401.46Zm247.139 77.519a99 99 0 1 1 99-99 99.031 99.031 0 0 1-99 99Z"
        fill="url(#d)"
    />
    <path
        d="M394.668 312.833c-25.607-24.392-67.274-24.392-92.882 0a61.147 61.147 0 0 0-8.446 79.414l49.953 72.2a6 6 0 0 0 9.868 0l49.953-72.2a61.145 61.145 0 0 0-8.446-79.414Zm-1.422 72.586-45.019 65.071-45.019-65.071a49.205 49.205 0 0 1 6.854-63.9c21.045-20.046 55.287-20.044 76.33 0a49.2 49.2 0 0 1 6.854 63.9Z"
        fill="url(#e)"
    />
    <path
        d="M348.227 321.277a36 36 0 1 0 36 36 36.041 36.041 0 0 0-36-36Zm0 60a24 24 0 1 1 24-24 24.027 24.027 0 0 1-24 24Z"
        fill="url(#f)"
    />
</svg>