Add icons to this collection by clicking the heart icon.
Email icon - also known as message, envelope, email, marketing, lock, announcement, communications, business and finance, and GDPR. Created in a clean flat gradient style with a white 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="7"
        x2="24.86"
        y1="39.5"
        y2="39.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#015bbb" />
        <stop offset="1" stop-color="#02aff8" />
    </linearGradient>
    <linearGradient id="d" x2="57" y1="48.07" y2="48.07" href="#a" />
    <linearGradient id="e" x1="39.14" x2="57" href="#a" />
    <linearGradient
        id="b"
        x1="7"
        x2="14"
        y1="22"
        y2="22"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0c408d" />
        <stop offset="1" stop-color="#015bbb" />
    </linearGradient>
    <linearGradient id="f" x1="50" x2="57" y1="22" y2="22" href="#b" />
    <linearGradient
        id="c"
        x1="14"
        x2="50"
        y1="26.5"
        y2="26.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#02aff8" />
        <stop offset="1" stop-color="#02dbf8" />
    </linearGradient>
    <linearGradient id="g" x1="28" x2="36" y1="27" y2="27" href="#c" />
    <path fill="url(#a)" d="M24.86 39.14 7 57V22l7 6.72z" />
    <path fill="url(#d)" d="M57 57H7l17.86-17.86L32 46l7.14-6.86z" />
    <path fill="url(#e)" d="M57 22v35L39.14 39.14 50 28.72z" />
    <path fill="url(#b)" d="M14 15.28v13.44L7 22z" />
    <path fill="url(#f)" d="m57 22-7 6.72V15.28z" />
    <path fill="url(#c)" d="M50 7v21.72L32 46 14 28.72V7z" />
    <rect width="18" height="14" x="23" y="20" fill="#fff" rx="3" />
    <path
        fill="#fff"
        d="M32 12a6 6 0 0 0-6 6v2h2v-2a4 4 0 0 1 8 0v2h2v-2a6 6 0 0 0-6-6z"
    />
    <path
        fill="url(#g)"
        d="M31 30a1 1 0 0 1-.71-.29l-2-2a1 1 0 0 1 1.42-1.42l1.29 1.3 3.29-3.3a1 1 0 0 1 1.42 1.42l-4 4A1 1 0 0 1 31 30z"
    />
</svg>
More icons in the same style and category