IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Filled | SVG & PNG Free Download

Style Variants

Document

Crime Investigation 21

Document icon - also known as file, document, security, police, documents, archive, files and folders, criminal record, and police file. Created in a clean filled style with a white and black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

files and folders

criminal record

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="c" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <mask id="a">
        <rect width="100%" height="100%" fill="#fff" />
        <path
            d="M0 0h-365.141v200.837h205.392l45.643-58.355H0Z"
            transform="matrix(1.33333 0 0 -1.33333 584.76 662.667)"
            fill="#fff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v281.163h317.083V-58.354"
            transform="matrix(1.33333 0 0 -1.33333 129.945 394.884)"
            fill="#fff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M344 356H168v72h176z"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h206.086"
            transform="matrix(1.33333 0 0 -1.33333 203.943 289.333)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h237.22l45.643-58.354h147.036"
            transform="matrix(1.33333 0 0 -1.33333 55.468 394.884)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </mask>
    <g mask="url(#a)">
        <path
            d="M0 0h-365.141v200.837h205.392l45.643-58.355H0Z"
            transform="matrix(1.33333 0 0 -1.33333 584.76 662.667)"
            fill="#000"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v281.163h317.083V-58.354"
            transform="matrix(1.33333 0 0 -1.33333 129.945 394.884)"
            fill="#000"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <g
            clip-path="url(#b)"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        >
            <path
                d="M0 0h-365.141v200.837h205.392l45.643-58.355H0Z"
                transform="translate(438.57 15)"
                fill="none"
                stroke="#000"
                stroke-width="30"
                stroke-linecap="butt"
                stroke-linejoin="miter"
                stroke-miterlimit="10"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
            <path
                d="M0 0v281.163h317.083V-58.354"
                transform="translate(97.459 215.837)"
                fill="none"
                stroke="#000"
                stroke-width="30"
                stroke-linecap="butt"
                stroke-linejoin="miter"
                stroke-miterlimit="10"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
        </g>
        <path
            d="M344 356H168v72h176z"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
            fill="none"
            stroke="#fff"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h206.086"
            transform="matrix(1.33333 0 0 -1.33333 203.943 289.333)"
            fill="none"
            stroke="#fff"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <g
            clip-path="url(#c)"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        >
            <path
                d="M0 0h237.22l45.643-58.354h147.036"
                transform="translate(41.601 215.837)"
                fill="none"
                stroke="#fff"
                stroke-width="30"
                stroke-linecap="butt"
                stroke-linejoin="miter"
                stroke-miterlimit="10"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
        </g>
    </g>
</svg>