Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, email, mail, and ui. 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="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="6.753"
        x2="25.189"
        y1="28.712"
        y2="8.432"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2.005"
        x2="20.441"
        y1="24.395"
        y2="4.115"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="3.498"
        x2="21.934"
        y1="25.752"
        y2="5.473"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="3.622"
        x2="22.058"
        y1="25.865"
        y2="5.586"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="m27.6 12.54.013-.016-3.049-2.538v-3.8a.5.5 0 0 0-.5-.5h-4.657l-3.087-2.57a.5.5 0 0 0-.64 0l-3.087 2.572H7.936a.5.5 0 0 0-.5.5v3.8L4.39 12.524l.013.016a.484.484 0 0 0-.193.369v13.709A2.384 2.384 0 0 0 6.592 29h18.816a2.384 2.384 0 0 0 2.382-2.382V12.909a.484.484 0 0 0-.19-.369zm-1.088.369-1.945 1.62v-3.241zM16 4.151l1.844 1.537h-3.688zM8.436 6.688h15.128v8.674L16 21.667l-7.564-6.305zm-1 7.841-1.945-1.62 1.945-1.621zM26.79 26.618A1.384 1.384 0 0 1 25.408 28H6.592a1.384 1.384 0 0 1-1.382-1.382V13.976l2.405 2L15.68 22.7a.5.5 0 0 0 .64 0l8.065-6.721 2.4-2z"
    />
    <path fill="url(#b)" d="M11 9.5h10a.5.5 0 0 0 0-1H11a.5.5 0 0 0 0 1z" />
    <path fill="url(#c)" d="M11 12.5h10a.5.5 0 0 0 0-1H11a.5.5 0 0 0 0 1z" />
    <path
        fill="url(#d)"
        d="M16.5 15a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5z"
    />
</svg>
More icons in the same style and category