Add icons to this collection by clicking the heart icon.
Email icon - also known as envelope, email, message, speech bubble, chat, mail, communications, conversation, chat box, and chat bubble. 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="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="1"
        x2="31"
        y1="16"
        y2="16"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_2_"
        gradientUnits="userSpaceOnUse"
        x1="6"
        x2="26"
        y1="13"
        y2="13"
    >
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="SVGID_3_"
        gradientUnits="userSpaceOnUse"
        x1="6"
        x2="26"
        y1="11.26"
        y2="11.26"
        href="#lg1"
    />
    <g id="email_communication">
        <g>
            <path
                d="m26 1h-20c-2.7568359 0-5 2.2431641-5 5v14c0 2.7568359 2.2431641 5 5 5v5c0 .4042969.2436523.7695313.6171875.9238281.1240234.0517578.2539063.0761719.3828125.0761719.2602539 0 .515625-.1015625.7070313-.2929688l5.7070312-5.7070312h12.5859375c2.7568359 0 5-2.2431641 5-5v-14c0-2.7568359-2.2431641-5-5-5z"
                fill="url(#SVGID_1_)"
            />
            <path
                d="m23 6h-14c-1.6542969 0-3 1.3457031-3 3v8c0 1.6542969 1.3457031 3 3 3h14c1.6542969 0 3-1.3457031 3-3v-8c0-1.6542969-1.3457031-3-3-3z"
                fill="url(#SVGID_2_)"
            />
            <g>
                <path
                    d="m26 9v.5800781l-9.5097656 5.2900391c-.1601563.0898437-.3203125.1298828-.4902344.1298828s-.3300781-.0400391-.4902344-.1298828l-9.5097656-5.2900391v-.5800781c0-.5302734.1401367-1.0400391.3901367-1.4804688l9.6098633 5.3408204 9.6098633-5.3408203c.25.4404296.3901367.9501953.3901367 1.4804687z"
                    fill="url(#SVGID_3_)"
                />
            </g>
        </g>
    </g>
</svg>
More icons in the same style and category