IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Envelope icon - Lineal Color | SVG & PNG Free Download

Style Variants

Envelope

Stationery And Office 6

Envelope icon - also known as interface, document, envelope, mail, documents, dossier, folder, archives, mailing, communications, and files and folders. Created in a clean lineal color style with a black, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

files and folders

Usage Snippets

Envelope.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="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0c0-41.305-8.571-70.002-200-70.002v-351.997C-8.571-421.999 0-450.696 0-492Z"
            transform="translate(455.999 502.002)"
            fill="#fff0a8"
            fill-opacity="1"
            fill-rule="evenodd"
            stroke="none"
        />
        <path
            d="M0 0v351.997c-191.429 0-200 28.697-200 70.002v-492C-200-28.697-191.429 0 0 0"
            transform="translate(255.999 80.003)"
            fill="#fff0a8"
            fill-opacity="1"
            fill-rule="evenodd"
            stroke="none"
        />
        <path
            d="M0 0c191.429 0 200 28.697 200 70.002h-400C-200 28.697-191.429 0 0 0"
            transform="translate(255.999 432)"
            fill="#ffcf33"
            fill-opacity="1"
            fill-rule="evenodd"
            stroke="none"
        />
        <path
            d="M0 0c0 41.304-8.571 70.001-200 70.001S-400 41.304-400 0Z"
            transform="translate(455.999 10.002)"
            fill="#ffcf33"
            fill-opacity="1"
            fill-rule="evenodd"
            stroke="none"
        />
        <path
            d="M0 0v70.002h399.999v-492H0V-100"
            transform="translate(55.999 432)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0 41.304-8.571 70.001-200 70.001S-400 41.304-400 0"
            transform="translate(455.999 10.002)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-41.305-8.571-70.002-200-70.002S-400-41.305-400 0"
            transform="translate(455.999 502.002)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-351.997"
            transform="translate(255.999 432)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-.269m0 60.035V28.731"
            transform="translate(55.999 372.234)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="2.613"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-.275m61.259 0H29.316"
            transform="translate(333.042 151.503)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="2.613"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-76.056"
            transform="translate(394.026 184.502)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="2.613"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>