Add icons to this collection by clicking the heart icon.
Email icon - also known as envelope, email, mail, letter, and communications. Created in a clean outline color 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 356 356"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#f8932b"
d="M311.111 140.542a22.224 22.224 0 0 0-11.025-19.196L177.778 50 55.47 121.346a22.223 22.223 0 0 0-11.026 19.196v65.014h266.667z"
/>
<path
fill="#515873"
d="M316.667 140.542c0-9.88-5.248-19.016-13.782-23.994L180.577 45.201a5.557 5.557 0 0 0-5.599 0L52.67 116.548a27.777 27.777 0 0 0-13.781 23.994v65.014a5.555 5.555 0 0 0 5.555 5.555h266.667a5.556 5.556 0 0 0 5.556-5.555zm-138.889-84.11L58.269 126.145A16.669 16.669 0 0 0 50 140.542V200h255.556v-59.458c0-5.928-3.149-11.41-8.269-14.397z"
/>
<path
fill="#e8e5ee"
d="M283.333 55.556a11.11 11.11 0 0 0-11.111-11.112H83.333a11.111 11.111 0 0 0-11.111 11.112v216.666h211.111z"
/>
<g fill="#515873">
<path
d="M177.778 188.889c-30.662 0-55.556-24.894-55.556-55.556s24.894-55.555 55.556-55.555 55.555 24.893 55.555 55.555c0 10.969-3.134 23.608-8.598 29.8a5.559 5.559 0 0 0 .49 7.842 5.559 5.559 0 0 0 7.842-.491c6.844-7.758 11.377-23.41 11.377-37.151 0-36.794-29.872-66.666-66.666-66.666-36.795 0-66.667 29.872-66.667 66.666 0 36.795 29.872 66.667 66.667 66.667a5.558 5.558 0 0 0 5.555-5.556 5.557 5.557 0 0 0-5.555-5.555z"
/>
<path
d="M177.778 100c-18.397 0-33.334 14.936-33.334 33.333 0 18.398 14.937 33.334 33.334 33.334s33.333-14.936 33.333-33.334c0-18.397-14.936-33.333-33.333-33.333zm0 11.111c12.265 0 22.222 9.958 22.222 22.222 0 12.265-9.957 22.223-22.222 22.223s-22.222-9.958-22.222-22.223c0-12.264 9.957-22.222 22.222-22.222z"
/>
<path
d="M224.777 163.1a11.223 11.223 0 0 1-8.215 3.567c-6.211 0-11.254-5.043-11.254-11.254 0-2.018.531-3.913 1.463-5.55 1.517-2.665.586-6.06-2.079-7.577s-6.06-.585-7.577 2.08a22.259 22.259 0 0 0-2.918 11.047c0 12.343 10.022 22.365 22.365 22.365 6.437 0 12.243-2.724 16.325-7.083 2.096-2.237 1.981-5.756-.257-7.852s-5.757-1.981-7.853.257z"
/>
<path
d="M277.778 266.667V55.556A5.556 5.556 0 0 0 272.222 50H155.556A5.558 5.558 0 0 1 150 44.444a5.558 5.558 0 0 1 5.556-5.555h116.666a16.668 16.668 0 0 1 16.667 16.667v216.666a5.556 5.556 0 0 1-5.556 5.556H72.222a5.556 5.556 0 0 1-5.555-5.556V55.556c0-9.205 7.461-16.667 16.666-16.667h22.223a5.557 5.557 0 0 1 5.555 5.555A5.558 5.558 0 0 1 105.556 50H83.333a5.555 5.555 0 0 0-5.555 5.556v211.111z"
/>
</g>
<path
fill="#ffb73e"
d="m44.444 155.556 122.137 71.246a22.223 22.223 0 0 0 22.394 0l122.136-71.246v133.333a22.218 22.218 0 0 1-6.509 15.713 22.218 22.218 0 0 1-15.713 6.509H66.667a22.222 22.222 0 0 1-22.223-22.222V155.556z"
/>
<path
fill="#515873"
d="m305.556 165.228-36.46 21.268a5.558 5.558 0 0 1-7.598-1.999 5.558 5.558 0 0 1 1.999-7.598l44.815-26.142a5.556 5.556 0 0 1 8.355 4.799v75.858c0 3.066-2.49 5.555-5.556 5.555s-5.555-2.489-5.555-5.555zM50 165.228v123.661a16.666 16.666 0 0 0 16.667 16.667h222.222c9.205 0 16.667-7.462 16.667-16.667v-16.667c0-3.066 2.489-5.555 5.555-5.555s5.556 2.489 5.556 5.555v16.667c0 15.341-12.437 27.778-27.778 27.778H66.667a27.778 27.778 0 0 1-27.778-27.778V155.556a5.555 5.555 0 0 1 8.355-4.799l122.136 71.246a16.668 16.668 0 0 0 16.796 0l32.507-18.963a5.558 5.558 0 0 1 7.598 2 5.559 5.559 0 0 1-1.999 7.598L191.774 231.6a27.774 27.774 0 0 1-27.993 0z"
/>
</g>
</svg>
More icons in the same style and category