Add icons to this collection by clicking the heart icon.
Email icon - also known as message, heart, email, mail, letter, love, charity, love letter, communications, and miscellaneous. Created in a clean outline 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 512 512"
>
    <linearGradient id="a">
        <stop offset=".322" stop-color="#a163f5" />
        <stop offset=".466" stop-color="#b074ee" />
        <stop offset=".752" stop-color="#d8a1dd" />
        <stop offset=".898" stop-color="#efbad3" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256.05"
        x2="256.05"
        y1="483"
        y2="131.964"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="256.052"
        x2="256.052"
        y1="483"
        y2="131.964"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="256"
        x2="256"
        y1="483"
        y2="131.964"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="300"
        x2="300"
        y1="483"
        y2="131.964"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="212"
        x2="212"
        y1="483"
        y2="131.964"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M489.8 203.4c0-2-.9-3.9-2.4-5.2l-87.3-74v-17.8c0-3-.6-5.9-1.8-8.7-1.2-2.9-3.1-5.4-5.4-7.5L305 11.4c-2-1.8-4.2-3.1-6.7-4.1l-2.3-.8c-2.5-1-5.2-1.5-7.9-1.5H154.3c-23.5 0-42.5 19-42.5 42.5v76.9L25 198c-1.7 1.4-2.7 3.6-2.7 5.8-1.7 3.8-2.6 7.9-2.6 12V455c0 28.7 23.3 52 52.1 52.1h368.5c28.7 0 52-23.3 52.1-52.1V215c0-4-.9-8-2.6-11.6zM400.1 140l76.9 65.1-77.3 65.6zM301.5 24.5l77.2 69.2H332c-16.8 0-30.5-13.7-30.5-30.5zM154.3 17h135.1v46.2c0 23.5 19 42.5 42.5 42.5h56.2v174.8l-106.1 90c-14.9 12.7-36.9 12.7-51.8 0l-106.4-90v-233c0-16.8 13.7-30.5 30.5-30.5zm-42.5 123.2v130.1l-76.8-65zm368.5 314.7c0 7.5-2.1 14.9-6.2 21.3L362.4 362.6c-2.3-2.4-6.1-2.4-8.5-.1s-2.4 6.1-.1 8.5l112.4 114.4c-7.2 6.2-16.5 9.6-26 9.6H71.8c-9.6 0-18.8-3.4-26.1-9.7L157.5 371c2.3-2.4 2.2-6.2-.2-8.5s-6.1-2.2-8.4.1L37.8 476.2c-4-6.4-6.1-13.7-6.1-21.3V218.2l190.7 161.5c19.4 16.5 47.9 16.5 67.3 0l190.6-161.6z"
    />
    <path
        fill="url(#c)"
        d="M247.8 267.2c2.6 1.1 5.5 1.7 8.3 1.7 2.9 0 5.8-.6 8.5-1.8 62.5-27.1 83.6-74.7 76.7-110.6-5.3-26.1-24.1-42.9-48.1-42.9-11.9 0-24.7 4.3-37.1 12.6-12.6-8.6-25.2-13-37.4-13-24.1 0-42.9 17-47.9 43.3-6.9 36.3 14.3 84.2 77 110.7zm-65.3-108.4c3.9-20.7 17.8-33.5 36.1-33.5 10.6 0 22.3 4.6 33.8 13.2 2.1 1.6 5 1.6 7.1 0 11.5-8.4 23.2-12.8 33.7-12.8 18.3 0 32.2 12.7 36.4 33.2 8.5 44-30.8 81.3-73.6 98.8-59.4-23.6-79.7-66.7-73.5-98.9z"
    />
    <path
        fill="url(#d)"
        d="M256 309.4c-3.3 0-6 2.7-6 6v30.7c0 3.3 2.7 6 6 6s6-2.7 6-6v-30.7c0-3.3-2.7-6-6-6z"
    />
    <path
        fill="url(#e)"
        d="M300 279.4c-3.3 0-6 2.7-6 6v40.7c0 3.3 2.7 6 6 6s6-2.7 6-6v-40.7c0-3.3-2.7-6-6-6z"
    />
    <path
        fill="url(#f)"
        d="M212 279.4c-3.3 0-6 2.7-6 6v40.7c0 3.3 2.7 6 6 6s6-2.7 6-6v-40.7c0-3.3-2.7-6-6-6z"
    />
</svg>
More icons in the same style and category