Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, user, envelope, email, mail, and communications. Created in a clean outline color style with a white, silver, teal, and orange 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"
>
    <path
        fill="#f89b1c"
        d="M60.407 22.791A4.031 4.031 0 0 1 62 26v33a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V26a4.031 4.031 0 0 1 1.593-3.209L30.2 2.6A2.974 2.974 0 0 1 32 2a2.974 2.974 0 0 1 1.8.6z"
    />
    <path
        fill="#fdb716"
        d="M60.407 22.791 33.8 2.6a2.975 2.975 0 0 0-3.594 0L7.83 19.577A4.015 4.015 0 0 0 7 22v33a3 3 0 0 0 3 3h36a2 2 0 0 1 0 4h13a3 3 0 0 0 3-3V26a4.031 4.031 0 0 0-1.593-3.209z"
    />
    <path
        fill="#ed8213"
        d="M32 41a3.8 3.8 0 0 0 1.87-.493L61.758 24.7a4.006 4.006 0 0 0-1.351-1.913L33.8 2.6a2.975 2.975 0 0 0-3.594 0L3.593 22.791A4.006 4.006 0 0 0 2.242 24.7L30.13 40.5A3.8 3.8 0 0 0 32 41z"
    />
    <path
        fill="#cbcbcb"
        d="M55 9v19.53L33.87 40.51a3.813 3.813 0 0 1-3.74 0L9 28.53V9a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3z"
    />
    <path
        fill="#f1f1f1"
        d="M52 6H12v16.385a9.746 9.746 0 0 0 4.858 8.431L30.13 38.51a3.813 3.813 0 0 0 3.74 0L55 26.53V9a3 3 0 0 0-3-3z"
    />
    <path fill="#fff" d="M41 53h18v2H41zM35 57h24v2H35z" />
    <path fill="#0056c0" d="M13 10h18v18H13z" />
    <path fill="#0068dd" d="M15 20.264A5.736 5.736 0 0 0 20.736 26H31V10H15z" />
    <circle cx="22" cy="17" r="3" fill="#86ddfa" />
    <path fill="#62c1ea" d="M17 28v-3a5 5 0 0 1 5-5 5 5 0 0 1 5 5v3z" />
    <path fill="#0056c0" d="M35 10h16v6H35z" />
    <g fill="#cbcbcb">
        <path d="M40 19h12v2H40zM34 23h18v2H34zM34 27h18v2H34z" />
    </g>
    <path
        fill="#0068dd"
        d="M41.439 14H51v-4H37.044a4.425 4.425 0 0 0 4.395 4z"
    />
    <path
        fill="#cbcbcb"
        d="M16.884 33h30.232l3.528-2H13.356zM23.939 37h16.122l3.527-2H20.412z"
    />
    <path
        fill="#86ddfa"
        d="M22 20a4.984 4.984 0 0 0-4.964 4.643 5.71 5.71 0 0 0 3.7 1.357H27v-1a5 5 0 0 0-5-5z"
    />
    <path
        d="M61.011 21.994 56 18.192V9a4 4 0 0 0-4-4H38.609L34.4 1.808a4.082 4.082 0 0 0-4.8 0L25.39 5H12a4 4 0 0 0-4 4v9.193l-5.011 3.8A5.058 5.058 0 0 0 1 26v33a4 4 0 0 0 4 4h54a4 4 0 0 0 4-4V26a5.059 5.059 0 0 0-1.989-4.006zM59.8 23.588a2.967 2.967 0 0 1 .648.708L56 26.818V20.7zM30.807 3.4a2.026 2.026 0 0 1 2.384 0L35.3 5h-6.6zM12 7h40a2 2 0 0 1 2 2v18.951L48.619 31H15.382L10 27.95V9a2 2 0 0 1 2-2zm29.56 28H22.441l-3.53-2h26.178zm-3.53 2-4.653 2.637a2.845 2.845 0 0 1-2.754 0L25.97 37zM4.2 23.588 8 20.7v6.114L3.55 24.3a2.962 2.962 0 0 1 .65-.712zM59 61H5a2 2 0 0 1-2-2V26.283l26.637 15.094a4.793 4.793 0 0 0 4.726 0L61 26.283V59a2 2 0 0 1-2 2z"
    />
    <path
        d="M41 53h18v2H41zM35 57h24v2H35zM13 29h18a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1zm7-12a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm2 4a4 4 0 0 1 4 4v2h-8v-2a4 4 0 0 1 4-4zm-8-10h16v16h-2v-2a6 6 0 0 0-3.107-5.253 4 4 0 1 0-5.786 0A6 6 0 0 0 16 25v2h-2zM35 17h16a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H35a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h14v4H36zM40 19h12v2H40zM34 23h18v2H34zM34 27h18v2H34z"
    />
</svg>
More icons in the same style and category