Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, letter, and communications. Created in a clean 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="a"
        x1="-.605"
        x2="30.886"
        y1="17.967"
        y2="17.661"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".1" stop-color="#0ff" />
        <stop offset=".11" stop-color="#00feff" />
        <stop offset=".24" stop-color="#10c9e9" />
        <stop offset=".34" stop-color="#1aa8dc" />
        <stop offset=".4" stop-color="#1e9cd7" />
        <stop offset=".5" stop-color="#5179e0" />
        <stop offset=".63" stop-color="#8e4eeb" />
        <stop offset=".75" stop-color="#bf2cf4" />
        <stop offset=".85" stop-color="#e214fa" />
        <stop offset=".94" stop-color="#f705fe" />
        <stop offset=".99" stop-color="#f0f" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-.639"
        x2="30.851"
        y1="14.393"
        y2="14.087"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-.569"
        x2="30.921"
        y1="21.631"
        y2="21.325"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-.568"
        x2="30.923"
        y1="21.78"
        y2="21.474"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M27.709 25.563H4.4a.5.5 0 0 1-.5-.5V10.547a.5.5 0 0 1 .5-.5h23.309a.5.5 0 0 1 .5.5v14.516a.5.5 0 0 1-.5.5zm-22.813-1h22.313V11.047H4.9z"
    />
    <path
        fill="url(#b)"
        d="M16.272 18.525a.5.5 0 0 1-.266-.076L4.129 10.971a.5.5 0 0 1 .267-.924h23.313a.5.5 0 0 1 .273.919l-11.436 7.478a.5.5 0 0 1-.274.081zM6.128 11.047l10.14 6.384 9.762-6.384z"
    />
    <path
        fill="url(#c)"
        d="M4.4 25.563a.5.5 0 0 1-.333-.873l7.918-7.038a.5.5 0 0 1 .665.747l-7.922 7.038a.5.5 0 0 1-.328.126z"
    />
    <path
        fill="url(#d)"
        d="M27.709 25.563a.5.5 0 0 1-.332-.126L19.459 18.4a.5.5 0 1 1 .664-.747l7.918 7.038a.5.5 0 0 1-.332.873z"
    />
</svg>
More icons in the same style and category