Add icons to this collection by clicking the heart icon.
Email icon - also known as technology, message, smartphone, iphone, mobile phone, email, mail, touch screen, Tools and utensils, smartphones, cellphone, ui, communications, mobile phones, and emails. Created in a clean lineal color style with a white, silver, gray, black, red, teal, navy, orange, and pink 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.665"
height="682.667"
viewBox="0 0 682.665 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 0h-209.409c-19.012 0-34.567-15.556-34.567-34.567v-427.834c0-3.415.509-6.715 1.443-9.836h-.001c5.616-16.377 18.451-24.732 33.125-24.732H0c15.617 0 29.15 10.822 33.125 24.732a34.286 34.286 0 0 1 1.442 9.836v427.834C34.567-15.556 19.012 0 0 0"
transform="translate(315.831 504.484)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a34.286 34.286 0 0 0-1.442 9.836V437.67c0 19.012 15.555 34.567 34.567 34.567H2.875c-19.012 0-34.567-15.555-34.567-34.567V9.836c0-3.415.509-6.715 1.442-9.836 5.615-16.377 18.451-24.731 33.125-24.731h30.25C18.451-24.731 5.615-16.377 0 0"
transform="translate(103.547 32.247)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-317.03c0-2.403 2.107-4.509 4.509-4.509h209.408c2.402 0 4.509 2.106 4.509 4.509V0Z"
transform="translate(101.913 411.215)"
fill="#e4eaf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-317.03c0-2.403 2.107-4.509 4.509-4.509H0Z"
transform="translate(131.913 411.215)"
fill="#c7d2e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-175.878v-35.152H4.509v30.643C4.509-2.106 2.402 0 0 0"
transform="translate(315.831 444.367)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35.529c-2.402 0-4.509-2.106-4.509-4.509v-30.643H0Z"
transform="translate(141.952 444.367)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.491C-27.893 0-30-2.106-30-4.509v-30.643H0Z"
transform="translate(131.913 444.367)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.391 0-17.075-7.684-17.075-17.074 0-9.392 7.684-17.075 17.075-17.075 9.392 0 17.075 7.683 17.075 17.075C17.075-7.684 9.392 0 0 0"
transform="translate(211.126 66.628)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.328 1.646 8.281 4.325 11.299-3.134 3.53-7.687 5.775-12.75 5.775C-17.816 17.074-25.5 9.391-25.5 0c0-9.392 7.684-17.075 17.075-17.075 5.063 0 9.616 2.245 12.75 5.775C1.646-8.282 0-4.329 0 0"
transform="translate(219.552 49.554)"
fill="#313f4c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-236.612c-4.967 0-9.03-4.063-9.03-9.03v-157.168c0-4.967 4.063-9.031 9.03-9.031H0c4.966 0 9.03 4.064 9.03 9.031V-9.03C9.03-4.063 4.966 0 0 0"
transform="translate(431.346 344.871)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v157.168c0 4.967 4.063 9.03 9.03 9.03h-30c-4.967 0-9.03-4.063-9.03-9.03V0c0-4.967 4.063-9.03 9.03-9.03h30C4.063-9.03 0-4.967 0 0"
transform="translate(215.704 178.673)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.09-14.625-39.066-14.625-54.156 0l-19.177 18.587-81.081-78.584c0-4.967 4.063-9.03 9.03-9.03H91.228c4.966 0 9.03 4.063 9.03 9.03L19.177 18.587Z"
transform="translate(340.118 238.67)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 58.423 56.625-18.678 18.104-81.081-78.584c0-4.967 4.063-9.031 9.03-9.031H5.052c-.248 0-.494.01-.738.031C-1.981-12.341-4.536-4.396 0 0"
transform="translate(227.04 182.528)"
fill="#eaa01c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-236.611c-4.967 0-9.031-4.063-9.031-9.03l100.259-97.171c15.089-14.625 39.066-14.625 54.155 0L9.031-9.03C9.031-4.063 4.967 0 0 0"
transform="translate(431.346 344.871)"
fill="#fcd486"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-29.076V0c0 4.967 4.063 9.03 9.03 9.03h-30C4.063 9.03 0 4.967 0 0"
transform="translate(185.704 335.84)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-236.612c-4.967 0-9.03-4.063-9.03-9.03l100.258-97.171c15.09-14.625 39.066-14.625 54.156 0L9.03-9.03C9.03-4.063 4.966 0 0 0Z"
transform="translate(431.23 344.871)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.391 0-17.075-7.684-17.075-17.074 0-9.392 7.684-17.075 17.075-17.075 9.392 0 17.075 7.683 17.075 17.075C17.075-7.684 9.392 0 0 0Z"
transform="translate(211.01 66.628)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-209.408c-2.402 0-4.509-2.106-4.509-4.509v-30.643H4.509v30.643C4.509-2.106 2.402 0 0 0Z"
transform="translate(315.714 444.367)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-35.53c-2.401 0-4.509-2.106-4.509-4.509v-30.643H0Z"
transform="translate(141.836 444.367)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h34"
transform="translate(194.01 474.611)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-15.09-14.625-39.066-14.625-54.156 0l-19.177 18.587-81.081-78.584c0-4.967 4.063-9.03 9.03-9.03H91.228c4.966 0 9.03 4.063 9.03 9.03L19.177 18.587Z"
transform="translate(340.002 238.67)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.967 0-9.03 4.063-9.03 9.03v157.168c0 4.967 4.063 9.031 9.03 9.031h125.605v64.344H-92.821V-75.458c0-2.402 2.107-4.509 4.509-4.509h209.409c2.402 0 4.508 2.107 4.508 4.509V0Z"
transform="translate(194.618 169.643)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.653"
transform="translate(156.49 330.888)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.653"
transform="translate(156.49 181.112)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.653"
transform="translate(156.49 293.443)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.653"
transform="translate(156.49 256)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.653"
transform="translate(156.49 218.557)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h87.204c15.617 0 29.15 10.821 33.125 24.731v0a34.296 34.296 0 0 1 1.442 9.836v127.56H-33.893c-4.966 0-9.03 4.063-9.03 9.03v157.168c0 4.967 4.064 9.03 9.03 9.03h155.664v125.046c0 19.013-15.555 34.568-34.567 34.568h-209.409c-19.012 0-34.567-15.555-34.567-34.568V34.567c0-3.415.509-6.713 1.443-9.836h-.001C-149.714 8.354-136.878 0-122.205 0H-35"
transform="translate(228.51 7.516)"
fill="none"
stroke="#020202"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v61.084c0 4.967-4.064 9.03-9.03 9.03h-236.612c-4.967 0-9.03-4.063-9.03-9.03V-96.084c0-4.967 4.063-9.03 9.03-9.03H-9.03c4.966 0 9.03 4.063 9.03 9.03V-35"
transform="translate(440.26 274.757)"
fill="none"
stroke="#020202"
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