Add icons to this collection by clicking the heart icon.
Email icon - also known as message, connection, envelope, email, mail, networking, communications, and communicate. 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="lg1">
        <stop offset="0" stop-color="#2196f2" />
        <stop offset="1" stop-color="#005fa9" />
    </linearGradient>
    <linearGradient
        id="_Linear1"
        gradientTransform="matrix(6.873 -4.588 4.588 6.873 7 21.588)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg1"
    />
    <linearGradient
        id="_Linear2"
        gradientTransform="matrix(-8.651 5.728 -5.728 -8.651 25.25 11.272)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg1"
    />
    <linearGradient id="lg2">
        <stop offset="0" stop-color="#feb340" />
        <stop offset="1" stop-color="#cb7b00" />
    </linearGradient>
    <linearGradient
        id="_Linear3"
        gradientTransform="matrix(0 9.5 -9.5 0 23 28)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg2"
    />
    <linearGradient id="lg3">
        <stop offset="0" stop-color="#fe8745" />
        <stop offset="1" stop-color="#cf4a00" />
    </linearGradient>
    <linearGradient
        id="_Linear4"
        gradientTransform="matrix(0 7.958 -7.958 0 22.607 20.5)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg3"
    />
    <linearGradient id="lg4">
        <stop offset="0" stop-color="#dbeeff" />
        <stop offset="1" stop-color="#49a9ff" />
    </linearGradient>
    <linearGradient
        id="_Linear5"
        gradientTransform="matrix(0 4.646 -4.646 0 17.156 25.854)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg4"
    />
    <linearGradient
        id="_Linear6"
        gradientTransform="matrix(0 4.792 -4.792 0 17.156 27.708)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg4"
    />
    <linearGradient
        id="_Linear7"
        gradientTransform="matrix(0 12.913 -12.913 0 11 10.087)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg2"
    />
    <linearGradient
        id="_Linear8"
        gradientTransform="matrix(0 9.662 -9.662 0 10 3)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg3"
    />
    <linearGradient
        id="_Linear9"
        gradientTransform="matrix(0 4.607 -4.607 0 5.483 8.638)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg4"
    />
    <linearGradient
        id="_Linear10"
        gradientTransform="matrix(0 4.785 -4.785 0 6.443 10.5)"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        href="#lg4"
    />
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            d="m13.606 24.935c-4.931-1.322-7.862-6.398-6.541-11.329.107-.4-.13-.812-.53-.919s-.812.131-.919.531c-1.535 5.731 1.871 11.63 7.602 13.166.4.107.811-.131.918-.531.107-.399-.13-.811-.53-.918z"
            fill="url(#_Linear1)"
        />
        <path
            d="m18.394 7.065c4.931 1.322 7.862 6.398 6.541 11.329-.107.4.13.812.53.919s.812-.131.919-.531c1.535-5.731-1.871-11.63-7.602-13.166-.4-.107-.811.131-.918.531-.107.399.13.811.53.918z"
            fill="url(#_Linear2)"
        />
        <path
            d="m30.75 28.829v-8.583c0-1.061-.86-1.921-1.921-1.921-3.016 0-11.029 0-14.046 0-1.061 0-1.92.86-1.92 1.921v8.583c0 1.061.859 1.921 1.92 1.921h14.046c1.061 0 1.921-.86 1.921-1.921z"
            fill="url(#_Linear3)"
        />
        <path
            d="m12.938 19.713c.231-.802.969-1.388 1.845-1.388h14.046c.876 0 1.615.586 1.846 1.388l-6.791 3.961c-1.284.749-2.872.749-4.156 0z"
            fill="url(#_Linear4)"
        />
        <path
            d="m15.682 26.604h2.145c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-2.145c-.414 0-.75.336-.75.75s.336.75.75.75z"
            fill="url(#_Linear5)"
        />
        <path
            d="m15.682 28.506h4.076c.414 0 .75-.336.75-.75 0-.413-.336-.75-.75-.75h-4.076c-.414 0-.75.337-.75.75 0 .414.336.75.75.75z"
            fill="url(#_Linear6)"
        />
        <path
            d="m19.135 11.754v-8.583c0-1.061-.859-1.921-1.92-1.921-3.017 0-11.03 0-14.046 0-1.061 0-1.921.86-1.921 1.921v8.583c0 1.061.86 1.921 1.921 1.921h14.046c1.061 0 1.92-.86 1.92-1.921z"
            fill="url(#_Linear7)"
        />
        <path
            d="m1.331 2.612c.239-.788.971-1.362 1.838-1.362h14.046c.866 0 1.599.574 1.838 1.362l-6.879 4.013c-1.225.714-2.74.714-3.964 0l-6.879-4.013z"
            fill="url(#_Linear8)"
        />
        <path
            d="m4.067 9.529h2.146c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-2.146c-.414 0-.75.336-.75.75s.336.75.75.75z"
            fill="url(#_Linear9)"
        />
        <path
            d="m4.067 11.431h4.076c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-4.076c-.414 0-.75.336-.75.75s.336.75.75.75z"
            fill="url(#_Linear10)"
        />
    </g>
</svg>
More icons in the same style and category