Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, communication, education, email, mail, stamp, letter, social, communications, postcard, and emailing. Created in a clean lineal color style with a white, silver, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-18.299 0-33.133-14.835-33.133-33.134v-281.633c0-18.298 14.834-33.133 33.133-33.133h430.734c18.299 0 33.133 14.835 33.133 33.133v281.633C463.867-14.835 449.033 0 430.734 0Z"
transform="translate(40.633 355.4)"
fill="#ffa438"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.149-7.418-16.566-16.567-16.566h-298.2c-9.15 0-16.566 7.417-16.566 16.566v397.601c0 9.149 7.416 16.566 16.566 16.566h241.638c4.394 0 8.608-1.745 11.715-4.853l56.561-56.56A16.57 16.57 0 0 0 0 341.039Z"
transform="translate(421.667 90.333)"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-56.562 56.561a16.566 16.566 0 0 1-11.714 4.852h-23c4.393 0 8.607-1.745 11.714-4.852L-23 0a16.572 16.572 0 0 0 4.853-11.715v-341.039c0-9.149-7.418-16.566-16.568-16.566h23c9.15 0 16.568 7.417 16.568 16.566v341.039C4.853-7.321 3.106-3.107 0 0"
transform="translate(416.815 443.087)"
fill="#bec8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-56.562 56.561a16.522 16.522 0 0 1-4.852 3.344V11.714c0-9.15 7.417-16.568 16.566-16.568H3.345A16.578 16.578 0 0 1 0 0"
transform="translate(416.815 443.087)"
fill="#bec8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.095.068-.185.142-.28.208-.392.267-.793.518-1.205.75l-.023.014c-.427.239-.862.461-1.306.664h-.001v-21.491L35.599-58.27a16.545 16.545 0 0 0 3.344-4.853h23a17.124 17.124 0 0 1-.675 1.327 16.93 16.93 0 0 1-.753 1.209c-.066.095-.138.184-.205.277a16.51 16.51 0 0 1-.681.902c-.326.392-.667.774-1.03 1.138L2.037-1.709c-.364.364-.746.705-1.139 1.031C.608-.438.305-.218 0 0"
transform="translate(358.216 501.356)"
fill="#a2b6f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-83.4a8 8 0 0 1-8-8v-17.134a8 8 0 0 1 8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(297.7 471.367)"
fill="#77dfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v281.633c0 10.147-4.566 19.222-11.75 25.301l-199.993-133.329c-22.259-14.839-51.257-14.839-73.516 0l-199.993 133.329c-7.184-6.079-11.749-15.154-11.749-25.301V0c0-18.299 14.834-33.134 33.133-33.134h430.734C-14.835-33.134 0-18.299 0 0"
transform="translate(504.501 40.634)"
fill="#ffc55e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.267a8 8 0 0 0-8 8v17.134a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8"
transform="translate(281.134 57.2)"
fill="#77dfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-17.133a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(281.134 90.333)"
fill="#69cdff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-17.134a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(297.694 471.367)"
fill="#69cdff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.186-10.124a32.931 32.931 0 0 0 3.69-15.177v-281.633c0-18.298-14.834-33.133-33.134-33.133h23.246c18.299 0 33.134 14.835 33.134 33.133v281.633C11.75-15.153 7.184-6.078 0 0"
transform="translate(492.751 347.567)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v130.202c0 4.394-1.745 8.608-4.853 11.715l-56.561 56.562a16.569 16.569 0 0 1-11.715 4.851h-241.638c-9.15 0-16.567-7.417-16.567-16.566V0"
transform="translate(421.667 301.17)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.208c-9.149 0-16.566 7.418-16.566 16.567v48.208"
transform="translate(420.175 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v51.186c0 18.298-14.834 33.133-33.133 33.133h-49.701"
transform="translate(504.5 271.081)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h366.034c18.299 0 33.133 14.835 33.133 33.134V233.58"
transform="translate(105.334 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.7c-18.299 0-33.133-14.835-33.133-33.134v-281.633c0-18.298 14.834-33.133 33.133-33.133H-15"
transform="translate(90.333 355.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-83.4a8 8 0 0 1-8-8v-17.134a8 8 0 0 1 8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8Z"
transform="translate(297.7 471.367)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 199.993-133.329c22.259-14.839 51.257-14.839 73.516 0L473.506.003"
transform="translate(19.249 347.567)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 24.85 66.267L49.7 0"
transform="translate(231.15 289.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h37.275"
transform="translate(237.362 305.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-36.598-29.669-66.267-66.267-66.267S-132.533-36.598-132.533 0c0 36.599 29.668 66.267 66.266 66.267C-29.669 66.267 0 36.599 0 0Z"
transform="translate(322.267 322.267)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-50.267a8 8 0 0 0-8 8v17.134a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8Z"
transform="translate(281.134 57.2)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 180.792 210.923"
transform="translate(16.472 17.968)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-180.793 210.925"
transform="translate(495.53 17.966)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category