Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, email, mail, stamp, letter, social, multimedia, communications, postcard, and contact me. Created in a clean flat gradient style with a white, yellow, and orange finish, 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 64 64"
>
    <linearGradient
        id="a"
        x1="17.462"
        x2="53.75"
        y1="33.861"
        y2="46.688"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fee88f" />
        <stop offset=".538" stop-color="#fddf65" />
        <stop offset=".974" stop-color="#fdd948" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="17.968"
        x2="59.043"
        y1="31.965"
        y2="32.939"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fee88f" />
        <stop offset=".537" stop-color="#fddf65" />
        <stop offset=".971" stop-color="#fdd948" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="20.938"
        x2="45.535"
        y1="16.987"
        y2="30.358"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ef9584" />
        <stop offset=".173" stop-color="#ec8470" />
        <stop offset=".468" stop-color="#e86b53" />
        <stop offset=".725" stop-color="#e65c42" />
        <stop offset=".914" stop-color="#e5573c" />
    </linearGradient>
    <rect width="44" height="32" x="10" y="23" fill="url(#a)" rx="5" />
    <path
        fill="#fdd948"
        d="M54 45.65V50a5.002 5.002 0 0 1-5 5H15a4.987 4.987 0 0 1-3.13-1.1c8.7-.36 34.71-1.97 42.13-8.25zM54 28v7.83L33.07 43.8A3.071 3.071 0 0 1 32 44a3.201 3.201 0 0 1-1.06-.19L10 35.83V28a5.002 5.002 0 0 1 5-5h34a5.002 5.002 0 0 1 5 5z"
    />
    <path
        fill="url(#b)"
        d="M49 23H15a5.006 5.006 0 0 0-5 5v5a1 1 0 0 0 .644.935l21 8a1.004 1.004 0 0 0 .712 0l21-8A1 1 0 0 0 54 33v-5a5.006 5.006 0 0 0-5-5z"
    />
    <path
        fill="#fbfbfb"
        d="M13 32a1 1 0 0 1-1-1v-3a3.003 3.003 0 0 1 3-3h4a1 1 0 0 1 0 2h-4a1.001 1.001 0 0 0-1 1v3a1 1 0 0 1-1 1z"
    />
    <circle cx="32" cy="23" r="14" fill="url(#c)" />
    <path
        fill="#e5573c"
        d="M44.931 17.647c.038.447.069.896.069 1.353a15.962 15.962 0 0 1-21.744 14.916 13.987 13.987 0 0 0 21.675-16.27z"
    />
    <g fill="#fbfbfb">
        <path
            d="M35 15h-6a5.006 5.006 0 0 0-5 5v6a5.006 5.006 0 0 0 5 5h8a1 1 0 0 0 0-2h-8a3.003 3.003 0 0 1-3-3v-6a3.003 3.003 0 0 1 3-3h6a3.003 3.003 0 0 1 3 3v4a1 1 0 0 1-2 0v-4a.998.998 0 0 0-1.912-.404 3.998 3.998 0 1 0 .632 6.331A2.987 2.987 0 0 0 40 24v-4a5.006 5.006 0 0 0-5-5zm-3 10a2 2 0 1 1 2-2 2.002 2.002 0 0 1-2 2zM13 45a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM13 50a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
        />
    </g>
</svg>
More icons in the same style and category