Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, mails, communications, envelopes, and dm. 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 32 32"
>
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -3.45 21.755) scale(26.045)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#feb340" />
        <stop offset="1" stop-color="#cb7b00" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#daeeff" />
        <stop offset="1" stop-color="#48abff" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 9.083 -9.083 0 8 24.417)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#fe8745" />
        <stop offset="1" stop-color="#cf4a00" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 8.364 19.098) scale(4.53)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="f"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 6.151 9.901) scale(3.75)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 .35 15.65) scale(17.547)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 7.315 -7.315 0 16 11.685)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00a1ff" />
        <stop offset="1" stop-color="#006199" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#c)"
            d="M3.166 11.403a.75.75 0 0 0-1.002-1.117 2.744 2.744 0 0 0-.914 2.047V27A2.75 2.75 0 0 0 4 29.75h24A2.75 2.75 0 0 0 30.75 27V12.333a2.75 2.75 0 0 0-.805-1.944.75.75 0 0 0-1.061 1.06z"
        />
        <path
            fill="url(#d)"
            d="M5.536 22.667h3.665a.75.75 0 0 0 0-1.5H5.536a.75.75 0 0 0 0 1.5zM5.536 25.917H12.5a.75.75 0 0 0 0-1.5H5.536a.75.75 0 0 0 0 1.5z"
        />
        <path
            fill="url(#e)"
            d="m24.679 7.733-.011.016H7.332a.752.752 0 0 0-1.04-.211L2.25 10.219a.75.75 0 0 0-.21 1.04c.145.22 11.567 6.713 11.567 6.713a4.747 4.747 0 0 0 4.786 0s11.422-6.493 11.567-6.713a.75.75 0 0 0-.21-1.04l-4.042-2.681a.75.75 0 0 0-1.029.195z"
        />
        <path
            fill="url(#f)"
            d="M11.137 6.125h9.726l.008.005a.75.75 0 0 0 .821-1.255l-3.067-2.034a4.75 4.75 0 0 0-5.25 0l-3.067 2.034a.75.75 0 0 0 .829 1.25z"
        />
        <path
            fill="url(#g)"
            d="M5.957 7.5c0-.729.29-1.429.805-1.945a2.755 2.755 0 0 1 1.945-.805h14.586c.729 0 1.429.29 1.945.805.515.516.805 1.216.805 1.945v6.01l-7.65 4.462a4.747 4.747 0 0 1-4.786 0l-7.65-4.462z"
        />
        <g fill="url(#h)">
            <path
                d="M13 10.04h6a.75.75 0 0 0 0-1.5h-6a.75.75 0 0 0 0 1.5zM13 13.363h6a.75.75 0 0 0 0-1.5h-6a.75.75 0 0 0 0 1.5z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category