IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File icon - Outline Color | SVG & PNG Free Download

Style Variants

File

File icon - also known as interface, file, document, cloud storage, archive, cloud computing, and files and folders. Created in a clean outline color style with a teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

cloud computing

files and folders

Usage Snippets

File.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 8.467 8.467"
>
    <path
        fill="#0aa1dd"
        d="M4.229 3.72a.198.198 0 0 0-.2.198v1.059a.198.198 0 0 0 .2.199H5.55a.198.198 0 0 0 .197-.2.198.198 0 0 0-.197-.197H4.426v-.861a.198.198 0 0 0-.197-.197z"
    />
    <path
        d="M3.52 1.11a2.281 2.281 0 0 0-2.28 2.27c0 .053.006.105.01.157-.22-.035-.536.147-.682.322-.186.225-.27.487-.256.723.002.242.05.506.227.723.178.218.474.363.89.398.469.004.941.002 1.41.002a.198.198 0 1 0 0-.396H1.464c-.345-.03-.517-.132-.617-.254-.1-.123-.138-.29-.139-.48.003-.193.101-.334.166-.464a.752.752 0 0 1 .588-.271.198.198 0 0 0 .191-.223 1.88 1.88 0 0 1 1.87-2.111h.005c.92 0 1.703.654 1.862 1.553.02.105.118.176.224.16.252-.038.424-.003.573.086.148.088.282.242.41.468.045.08.138.119.226.094a.734.734 0 0 1 .938.705c-.011.17-.043.364-.135.498-.094.137-.238.245-.6.239l-1.441-.03a.198.198 0 1 0-.008.397l1.442.03c.455.007.77-.17.935-.411s.193-.514.205-.71c-.045-.809-.645-1.127-1.137-1.142-.06 0-.12.014-.18.024-.129-.2-.262-.391-.452-.504-.192-.114-.437-.126-.69-.113-.258-1.275-1.306-1.718-2.18-1.74z"
        paint-order="stroke fill markers"
    />
    <g fill="#0aa1dd">
        <path
            d="M3.123 3.654a.408.408 0 0 0-.404.405v2.894c0 .22.183.404.404.404h2.223a.406.406 0 0 0 .402-.404V4.977a.198.198 0 0 0-.053-.135l-1.06-1.125a.198.198 0 0 0-.145-.063zm0 .397h1.281l.948 1.004v1.898c0 .009 0 .008-.006.008H3.123c-.007 0-.008 0-.008-.008V4.06c0-.009.001-.008.008-.008z"
            paint-order="stroke fill markers"
        />
        <path
            d="M3.7 5.5a.198.198 0 0 0-.2.2.198.198 0 0 0 .2.198h1.056a.198.198 0 0 0 .2-.199.198.198 0 0 0-.2-.199zM3.7 6.18a.198.198 0 0 0-.2.199.198.198 0 0 0 .2.197h1.056a.198.198 0 0 0 .2-.197.198.198 0 0 0-.2-.2z"
        />
    </g>
</svg>