Add icons to this collection by clicking the heart icon.
Email icon - also known as computer, message, signal, email, mail, laptop, electronics, and communications. 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="a">
        <stop offset="0" stop-color="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="3"
        x2="29"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="5"
        x2="27"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="e"
        x1="1"
        x2="31"
        y1="28"
        y2="28"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="12"
        x2="20"
        y1="26.5"
        y2="26.5"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="9"
        x2="23"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="9"
        x2="23"
        y1="17.245"
        y2="17.245"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="8.06"
        x2="23.94"
        y1="2.943"
        y2="2.943"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="10.64"
        x2="21.36"
        y1="6.502"
        y2="6.502"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="M26 9H6c-1.654 0-3 1.346-3 3v14a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V12c0-1.654-1.346-3-3-3z"
    />
    <path fill="url(#d)" d="M5 25V12c0-.55.448-1 1-1h20c.552 0 1 .45 1 1v13z" />
    <path
        fill="url(#e)"
        d="M30 25H2a1 1 0 0 0-1 1v2c0 1.654 1.346 3 3 3h24c1.654 0 3-1.346 3-3v-2a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#f)"
        d="M18 28h-4c-1.103 0-2-.896-2-2v-1h8v1c0 1.104-.897 2-2 2z"
    />
    <path
        fill="url(#g)"
        d="M20.5 13h-9A2.503 2.503 0 0 0 9 15.5v5c0 1.379 1.122 2.5 2.5 2.5h9c1.378 0 2.5-1.121 2.5-2.5v-5c0-1.379-1.122-2.5-2.5-2.5z"
    />
    <path
        fill="url(#h)"
        d="M23 15.5v1.12l-6.55 3.27c-.14.07-.3.11-.45.11s-.31-.04-.45-.11L9 16.62V15.5c0-.36.08-.7.21-1.01L16 17.88l6.79-3.39c.13.31.21.65.21 1.01z"
    />
    <path
        fill="url(#i)"
        d="M22.94 4.85a1 1 0 0 1-.498-.133c-3.904-2.246-8.98-2.246-12.884 0a1 1 0 0 1-.997-1.735c4.51-2.593 10.368-2.593 14.878 0a1 1 0 0 1-.5 1.868z"
    />
    <path
        fill="url(#j)"
        d="M20.36 8a.993.993 0 0 1-.436-.1 9.049 9.049 0 0 0-7.848 0 1 1 0 1 1-.872-1.8 11.044 11.044 0 0 1 9.592 0 1 1 0 0 1-.437 1.9z"
    />
</svg>
More icons in the same style and category