Add icons to this collection by clicking the heart icon.
Email icon - also known as computer, message, document, envelope, email, mail, letter, speed, send, communications, and sent. Created in a clean lineal 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="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 0v-258.1c0-11.02-8.93-19.95-19.95-19.95h-416.03c-11.02 0-19.95 8.93-19.95 19.95V0c0 11.021 8.93 19.95 19.95 19.95h416.03C-8.93 19.95 0 11.021 0 0"
transform="translate(483.96 328.708)"
fill="#3f5958"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-258.103c0-11.011-8.927-19.948-19.948-19.948h-29.921c11.021 0 19.948 8.937 19.948 19.948V0c0 11.021-8.927 19.947-19.948 19.947h29.921C-8.927 19.947 0 11.021 0 0"
transform="translate(483.962 328.707)"
fill="#384848"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M457.03 83.57H54.96v232.17h402.07z"
fill="#fc95d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-3.74l-157.6-157.6a5.9 5.9 0 0 0-8.34 0L-286.6-40.67a5.885 5.885 0 0 0 0 8.34L-254.271 0Z"
transform="translate(457.03 315.74)"
fill="#fc76c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M425.11 83.572h31.923v232.172H425.11Z"
fill="#fc76c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h190.456v232.172h-402.072V0h178.955"
transform="translate(266.577 83.572)"
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 2.021-6.205a34.259 34.259 0 0 1 32.576-23.651h427.308A34.26 34.26 0 0 1 494.483-6.2l2.019 6.201c1.049 3.223-1.353 6.53-4.742 6.53H4.742C1.352 6.531-1.05 3.223 0 0"
transform="translate(7.749 44.127)"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.015-6.193c-4.597-14.114-17.743-23.659-32.574-23.659h-28.605A34.265 34.265 0 0 1-30.609-6.193L-28.595 0c1.048 3.231-1.346 6.533-4.738 6.533h28.596C-1.346 6.533 1.047 3.231 0 0"
transform="translate(504.248 44.123)"
fill="#3f5958"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-49.04a19.947 19.947 0 0 0-18.949 13.715l-7.458 22.673H26.407l-7.458-22.673A19.947 19.947 0 0 0 0 0"
transform="translate(280.52 14.27)"
fill="#384848"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-49.04a19.947 19.947 0 0 0-18.949 13.715l-7.458 22.673H26.407l-7.458-22.673A19.947 19.947 0 0 0 0 0Z"
transform="translate(280.52 14.27)"
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 2.021-6.205a34.259 34.259 0 0 1 32.576-23.651h427.308A34.26 34.26 0 0 1 494.483-6.2l2.019 6.201c1.049 3.223-1.353 6.53-4.742 6.53H4.742C1.352 6.531-1.05 3.223 0 0Z"
transform="translate(7.749 44.127)"
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 0h64.83"
transform="translate(314.066 348.657)"
fill="#eef4f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-416.035c-11.017 0-19.947 8.931-19.947 19.948v258.104c0 11.016 8.93 19.947 19.947 19.947H0c11.017 0 19.948-8.931 19.948-19.947V19.948C19.948 8.931 11.017 0 0 0Z"
transform="translate(464.014 50.658)"
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 0v-11.082"
transform="translate(63.84 25.352)"
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 0v-11.082"
transform="translate(86.752 25.352)"
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 0v-11.082"
transform="translate(109.665 25.352)"
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 0h14.941"
transform="translate(412.373 137.272)"
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 0h66.775"
transform="translate(360.54 114.981)"
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 120.663-120.662a5.906 5.906 0 0 0-.006-8.35l-194.03-194.029a5.896 5.896 0 0 0-8.343 0l-120.663 120.662a5.899 5.899 0 0 0 0 8.344L-8.349-.006A5.903 5.903 0 0 0 0 0"
transform="translate(354.248 496.003)"
fill="#fcc16d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 120.663-120.662a5.906 5.906 0 0 0-.006-8.35l-14.129-14.129a5.905 5.905 0 0 1 .006 8.349L-14.129-14.129a5.905 5.905 0 0 1-8.35-.006L-8.349-.006A5.903 5.903 0 0 0 0 0"
transform="translate(354.248 496.003)"
fill="#fcb44d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 12.392-12.392-34.477-148.611a25.809 25.809 0 0 0-6.887-12.409 25.76 25.76 0 0 0-12.403-6.882l-148.612-34.477-12.392 12.392a5.899 5.899 0 0 0 0 8.344L-8.349-.006A5.903 5.903 0 0 0 0 0"
transform="translate(354.248 496.003)"
fill="#fcb44d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.89 5.89 0 0 0-1.703-3.599l-194.03-194.029a5.883 5.883 0 0 0-3.598-1.703l12.836 182.078a5.905 5.905 0 0 0 4.417 4.416z"
transform="translate(476.612 370.59)"
fill="#fb9927"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.994-25.829a25.8 25.8 0 0 0-6.887-12.409 25.75 25.75 0 0 0-12.403-6.882l-25.829-5.993 3.075 43.624a5.895 5.895 0 0 0 4.414 4.414z"
transform="translate(338.157 360.83)"
fill="#fb7722"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 12.836 182.078a5.905 5.905 0 0 0 4.417 4.416l182.078 12.837"
transform="translate(277.281 171.259)"
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 0a5.885 5.885 0 0 0 1.703 3.598l194.03 194.03a5.89 5.89 0 0 0 3.599 1.703L162.628 41.119a5.904 5.904 0 0 0-4.416-4.416z"
transform="translate(150.168 298.372)"
fill="#fddaa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-36.704-158.212a5.904 5.904 0 0 0-4.416-4.416l-158.212-36.703"
transform="translate(349.5 497.703)"
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 113.957 113.958a5.905 5.905 0 0 1 0 8.349L-6.703 242.966a5.903 5.903 0 0 1-8.348 0L-209.08 48.938a5.905 5.905 0 0 1 0-8.349l33.216-33.216"
transform="translate(360.952 253.033)"
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 64.349-64.349a5.905 5.905 0 0 1 8.349 0l56.976 56.977"
transform="translate(208.183 237.311)"
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-47.615-47.615"
transform="translate(280.88 172.963)"
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-45.406-45.406"
transform="translate(216.237 171.44)"
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-74.454-74.455"
transform="translate(241.79 239.673)"
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-15.023-15.023"
transform="translate(141.425 139.308)"
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