Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, chat, wifi, wifi signal, envelope, email, mail, multimedia, ui, chat bubble, electronics, sms, and communications. Created in a clean lineal color style with a white, black, yellow, 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-54.39H-151.749l-55.907-31.947v31.947h-175.709v271.55H0V41.451Z"
transform="matrix(1.33333 0 0 -1.33333 597.696 300.864)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-55.907-41.451V0Z"
transform="matrix(1.33333 0 0 -1.33333 672.239 245.596)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-118.444-87.854L-236.887 0h102.47v-31.947L-78.51 0Z"
transform="matrix(1.33333 0 0 -1.33333 500.044 373.384)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.451L-55.907 0Z"
transform="matrix(1.33333 0 0 -1.33333 86.543 245.596)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-319.47h-495.179V0l55.907-41.451v-54.39h73.239l118.443-87.854 118.444 87.854h73.239v54.39z"
transform="matrix(1.33333 0 0 -1.33333 672.239 245.596)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M112.828 231.962h-47.92v271.55h47.92z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1dbcc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-55.907 41.451v-319.47H0V-54.39Z"
transform="matrix(1.33333 0 0 -1.33333 86.543 300.864)"
fill="#fbb040"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h351.417v319.47H295.51"
transform="translate(152.762 8.333)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-55.907v-319.47H63.894"
transform="translate(64.907 327.803)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-55.907 41.451"
transform="translate(64.907 286.352)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-39.934-29.62-118.443 87.854"
transform="matrix(1.33333 0 0 -1.33333 395.365 451.03)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-54.55-40.461"
transform="matrix(1.33333 0 0 -1.33333 500.044 373.384)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-55.907-41.451"
transform="translate(504.18 327.803)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-263.563v-271.55h175.709v-31.947l55.907 31.947H119.802V0H23.96"
transform="translate(328.47 503.512)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v-47.92h103.828"
transform="matrix(1.33333 0 0 -1.33333 54.596 565.066)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="matrix(1.33333 0 0 -1.33333 214.331 628.96)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="matrix(1.33333 0 0 -1.33333 256.927 628.96)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.947h-31.947"
transform="matrix(1.33333 0 0 -1.33333 629.643 586.364)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="matrix(1.33333 0 0 -1.33333 618.993 554.417)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="matrix(1.33333 0 0 -1.33333 618.993 511.82)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c9.992 3.532 20.746 5.454 31.947 5.454 52.932 0 95.841-42.91 95.841-95.841 0-11.202-1.921-21.955-5.454-31.947"
transform="translate(192.695 426.177)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c9.056 6.317 20.07 10.022 31.949 10.022 30.877 0 55.907-25.03 55.907-55.907 0-8.575-1.93-16.699-5.38-23.961"
transform="translate(192.693 381.675)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c8.785 0 15.974-7.188 15.974-15.974 0-8.785-7.189-15.973-15.974-15.973-8.786 0-15.974 7.188-15.974 15.973C-15.974-7.188-8.786 0 0 0"
transform="translate(224.643 351.764)"
fill="#dfecfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.786-7.188-15.974-15.974-15.974-8.785 0-15.973 7.188-15.973 15.974 0 8.785 7.188 15.974 15.973 15.974C-7.188 15.974 0 8.785 0 0Z"
transform="translate(240.616 335.79)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.934v-39.934"
transform="translate(136.788 471.565)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.934v39.934"
transform="translate(376.391 263.91)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.974"
transform="translate(416.325 319.816)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.974"
transform="translate(96.855 399.684)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.974"
transform="translate(96.855 367.737)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category