IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Blue | SVG & PNG Free Download

Style Variants

Document

Shopping and E Commerce

Document icon - also known as interface, arrows, file, document, direction, networking, transfer, archive, multimedia option, files and folders, and business and finance. Created in a clean blue style with a white, silver, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

multimedia option

files and folders

business and finance

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M480 96h-64c-11.767-.035-21.298-9.566-21.333-21.333v-64L480 96z"
        fill="#87d2f3"
    />
    <path
        d="M480 96v384c-.035 11.768-9.566 21.298-21.333 21.333H117.333C105.566 501.298 96.035 491.768 96 480V32c.035-11.767 9.566-21.298 21.333-21.333h277.333v64C394.702 86.434 404.233 95.965 416 96h64z"
        fill="#fff"
    />
    <path
        d="M85.333 320H128v42.667H85.333V320zM202.667 192v64h-85.333v-96h85.333v32z"
        fill="#fff"
    />
    <path
        d="M288 181.333v213.333c-.035 11.767-9.566 21.298-21.333 21.333H53.333c-11.767-.035-21.298-9.566-21.333-21.333V181.333c.035-11.767 9.566-21.298 21.333-21.333h64v96h85.333v-96h64c11.768.035 21.299 9.566 21.334 21.333zM128 362.667V320H85.333v42.667H128zM330.667 202.667h96V288h-96v-85.333z"
        fill="#87d2f3"
    />
    <path
        d="M149.333 64H256v21.333H149.333V64zM149.333 106.667h21.333V128h-21.333v-21.333zM192 106.667h21.333V128H192v-21.333z"
        fill="#2170a6"
    />
    <path
        d="M487.541 88.459 402.208 3.125A10.662 10.662 0 0 0 394.667 0H117.333c-17.673 0-32 14.327-32 32v85.333h21.333V32c0-5.891 4.776-10.667 10.667-10.667H384v53.333c0 17.673 14.327 32 32 32h21.333V85.333H416c-5.891 0-10.667-4.776-10.667-10.667v-38.25l64 64V480c0 5.891-4.776 10.667-10.667 10.667H117.333c-5.891 0-10.667-4.776-10.667-10.667v-21.333H85.333V480c0 17.673 14.327 32 32 32h341.333c17.673 0 32-14.327 32-32V96a10.66 10.66 0 0 0-3.125-7.541z"
        fill="#2170a6"
    />
    <path
        d="M298.667 394.667V181.333c0-17.673-14.327-32-32-32H53.333c-17.673 0-32 14.327-32 32v213.333c0 17.673 14.327 32 32 32h213.333c17.674.001 32.001-14.326 32.001-31.999zm-256 0V181.333c0-5.891 4.776-10.667 10.667-10.667h213.333c5.891 0 10.667 4.776 10.667 10.667v213.333c0 5.891-4.776 10.667-10.667 10.667H53.333c-5.891 0-10.666-4.775-10.666-10.666z"
        fill="#2170a6"
    />
    <path
        d="M117.333 266.667h85.333c5.891 0 10.667-4.776 10.667-10.667v-64H192v53.333h-64V192h-21.333v64c0 5.891 4.775 10.667 10.666 10.667zM128 309.333H85.333c-5.891 0-10.667 4.776-10.667 10.667v42.667c0 5.891 4.776 10.667 10.667 10.667H128c5.891 0 10.667-4.776 10.667-10.667V320c0-5.891-4.776-10.667-10.667-10.667zM117.333 352H96v-21.333h21.333V352zM160 309.333h74.667v21.333H160v-21.333zM160 352h42.667v21.333H160V352zM330.667 277.333v21.333h96c5.891 0 10.667-4.776 10.667-10.667v-85.333c0-5.891-4.776-10.667-10.667-10.667h-96v21.333H416v64h-85.333zM330.667 330.667H352V352h-21.333v-21.333zM373.333 330.667h64V352h-64v-21.333zM330.667 373.333h106.667v21.333H330.667v-21.333z"
        fill="#2170a6"
    />
</svg>