Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, and envelopes. Created in a clean 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="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="439.019"
        y2="76.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#25d9f8" />
        <stop offset="1" stop-color="#0080af" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="123.33"
        x2="391.66"
        y1="258"
        y2="258"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fdbf00" />
        <stop offset="1" stop-color="#ff9f00" />
    </linearGradient>
    <path
        d="m218.816 222.393-46.578-52.475L95 143.976v224.047l64.266-21.225 40.093-38.913L223.027 256z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="123.33"
        x2="391.66"
        y1="258"
        y2="258"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fdbf00" />
        <stop offset="1" stop-color="#ff9f00" />
    </linearGradient>
    <path
        d="m349.196 170.508-50.116 50.116L288.973 256l7.159 38.324 59.255 59.255L417 368.024V143.976z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="95"
        x2="417"
        y1="201.399"
        y2="201.399"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe875" />
        <stop offset="1" stop-color="#fdbf00" />
    </linearGradient>
    <path d="M417 368.071v1.132H95v-1.132L223.108 256h65.784z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="95"
        x2="417"
        y1="300.451"
        y2="300.451"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5a5a5a" />
        <stop offset="1" stop-color="#292929" />
    </linearGradient>
    <path
        d="M417 142.797v1.132L256 284.301 95 143.929v-1.132z"
        fill="url(#e)"
    />
</svg>
More icons in the same style and category