Add icons to this collection by clicking the heart icon.
Folder icon - also known as file, document, smartphone, mobile phone, paper, folder, mobile application, electronics, app, and files and folders. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 500 500"
>
    <linearGradient
        id="d"
        x1="154.562"
        x2="154.562"
        y1="465.226"
        y2="41.214"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9bd3f1" />
        <stop offset=".003" stop-color="#9ad2f1" />
        <stop offset=".207" stop-color="#75b5e3" />
        <stop offset=".41" stop-color="#589dd8" />
        <stop offset=".611" stop-color="#448cd0" />
        <stop offset=".809" stop-color="#3782cc" />
        <stop offset="1" stop-color="#337fca" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="198.992"
        x2="198.992"
        y1="515.887"
        y2="106.818"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".247" stop-color="#88c3e9" />
        <stop offset=".32" stop-color="#78b2db" />
        <stop offset=".54" stop-color="#4b82b3" />
        <stop offset=".709" stop-color="#2f649a" />
        <stop offset=".804" stop-color="#255991" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="154.545"
        x2="154.545"
        y1="486.874"
        y2="13.154"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4e4e68" />
        <stop offset="1" stop-color="#31314c" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="154.546"
        x2="154.546"
        y1="460.825"
        y2="447.825"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="335.553"
        x2="335.553"
        y1="304.362"
        y2="97.551"
        gradientTransform="rotate(-90 335.553 170.127)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".22" stop-color="#b2c8db" />
        <stop offset=".275" stop-color="#b9cdde" />
        <stop offset=".544" stop-color="#d9e2ea" />
        <stop offset=".771" stop-color="#edeff1" />
        <stop offset=".926" stop-color="#f4f4f4" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="194.463"
        x2="194.463"
        y1="270.66"
        y2="140.956"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".027" stop-color="#f4d13d" />
        <stop offset=".164" stop-color="#f4d242" />
        <stop offset=".336" stop-color="#f5d552" />
        <stop offset=".527" stop-color="#f6d96c" />
        <stop offset=".733" stop-color="#f7df90" />
        <stop offset=".946" stop-color="#f9e7bd" />
        <stop offset="1" stop-color="#f9e9ca" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="291.128"
        x2="291.128"
        y1="408.532"
        y2="172.899"
        href="#b"
    />
    <linearGradient
        id="c"
        x1="335.553"
        x2="335.553"
        y1="150.011"
        y2="137.011"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2e345b" />
        <stop offset=".037" stop-color="#363c64" />
        <stop offset=".146" stop-color="#484f78" />
        <stop offset=".27" stop-color="#545d86" />
        <stop offset=".421" stop-color="#5c658e" />
        <stop offset=".672" stop-color="#5e6791" />
    </linearGradient>
    <linearGradient
        id="i"
        x1="335.553"
        x2="335.553"
        y1="192.394"
        y2="179.394"
        href="#c"
    />
    <path
        fill="url(#d)"
        d="M275.19 414.23c-.01 20.57-.04 33.23-.09 33.59a35 35 0 0 1-34.91 32.54H68.91a35.057 35.057 0 0 1-35-35V54.64a35 35 0 0 1 35-35h171.28a35.07 35.07 0 0 1 35 35c-.02.56-.03 23.39-.02 57.81.01 83.37.08 234.68.02 301.78z"
    />
    <path
        fill="url(#e)"
        d="M275.19 414.23H132.77a9.991 9.991 0 0 1-10-10V196.81a10 10 0 0 1 10-10h59.74a10.011 10.011 0 0 1 9.38 6.52l16.61 44.73h21.97V117.45a5 5 0 0 1 5-5h29.7c.01 83.37.08 234.68.02 301.78z"
    />
    <path
        fill="url(#a)"
        d="M240.185 13.154H68.905a41.545 41.545 0 0 0-41.5 41.5v390.72a41.552 41.552 0 0 0 41.5 41.5h171.28a41.569 41.569 0 0 0 41.44-39.15c.04-.78.06-1.56.06-2.35V54.654a41.545 41.545 0 0 0-41.5-41.5zm28.5 432.22a22.834 22.834 0 0 1-.11 2.35 28.515 28.515 0 0 1-28.39 26.15H68.905a28.539 28.539 0 0 1-28.5-28.5V54.654a28.532 28.532 0 0 1 28.5-28.5h28.16l6.68 16.64a15.021 15.021 0 0 0 13.92 9.41h75.3a15 15 0 0 0 13.92-9.41l6.68-16.64h26.62a28.526 28.526 0 0 1 28.5 28.5z"
    />
    <path
        fill="url(#f)"
        d="M214.865 460.825H94.226a6.5 6.5 0 1 1 0-13h120.639a6.5 6.5 0 1 1 0 13z"
    />
    <path
        fill="url(#g)"
        d="M272.979 95.574h130.149a5 5 0 0 1 5 5v139.107a5 5 0 0 1-5 5H267.979a5 5 0 0 1-5-5V105.574a10 10 0 0 1 10-10z"
        transform="rotate(90 335.553 170.127)"
    />
    <path
        fill="url(#b)"
        d="M235.619 252.7H153.3a10 10 0 0 1-10-10v-60.785a10 10 0 0 1 10-10h59.748a10 10 0 0 1 9.375 6.519l22.573 60.787a10 10 0 0 1-9.377 13.479z"
    />
    <path
        fill="url(#h)"
        d="M143.3 223.17h285.66a10 10 0 0 1 10 10v156.17a10 10 0 0 1-10 10H153.3a10 10 0 0 1-10-10V223.17z"
    />
    <path
        fill="url(#c)"
        d="M372.83 150.011h-74.554a6.5 6.5 0 0 1 0-13h74.554a6.5 6.5 0 0 1 0 13z"
    />
    <path
        fill="url(#i)"
        d="M372.83 192.394h-74.554a6.5 6.5 0 0 1 0-13h74.554a6.5 6.5 0 0 1 0 13z"
    />
</svg>
More icons in the same style and category