Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, email, security, lock, locked, padlock, and keyhole. 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-278.92c0-11.05-8.95-20-20-20h-457c-11.05 0-20 8.95-20 20V0c0 11.05 8.95 20 20 20h457C-8.95 20 0 11.05 0 0"
transform="translate(504.5 372.07)"
fill="#e8edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-45.56-36.94-82.5-82.5-82.5S-165-45.56-165 0c0 27.46 13.42 51.79 34.06 66.78h96.88C-13.42 51.79 0 27.46 0 0"
transform="translate(468.62 325.29)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37l-219.23-158.32c-8.57-6.2-18.69-9.47-29.27-9.47-10.58 0-20.7 3.27-29.27 9.46L-497-37.01V0c0 11.05 8.95 20 20 20h457C-8.95 20 0 11.05 0 0"
transform="translate(504.5 372.07)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-278.92c0-11.05-8.95-20-20-20h-38.5c11.04 0 20 8.95 20 20V0c0 11.05-8.96 20-20 20H-20C-8.95 20 0 11.05 0 0"
transform="translate(504.5 372.07)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-236.791 171.005a20 20 0 0 1-23.418 0L-497 0c0-11.045 8.954-20 20-20h457C-8.954-20 0-11.045 0 0"
transform="translate(504.5 93.15)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-51.73-37.36c-8.57-6.2-18.69-9.47-29.27-9.47-10.58 0-20.7 3.27-29.27 9.46L-162.01-.01l69.3 50.05a19.996 19.996 0 0 0 23.42 0z"
transform="translate(337 214.11)"
fill="#b7c5ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.05-8.95-20-20-20h-7.3l-248.68 179.61 15.77 11.39a19.996 19.996 0 0 0 23.42 0z"
transform="translate(504.5 93.15)"
fill="#b7c5ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0l-236.791 171.005a20 20 0 0 1-23.418 0L-497 0"
transform="translate(504.5 93.15)"
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 0v130.876c0 11.046-8.954 20-20 20h-457c-11.046 0-20-8.954-20-20v-278.921c0-11.046 8.954-20 20-20h457c11.046 0 20 8.954 20 20v114.721"
transform="translate(504.5 241.195)"
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 236.791-171.005a20 20 0 0 1 23.418 0L497 0c0 11.045-8.954 20-20 20H20C8.954 20 0 11.045 0 0"
transform="translate(7.5 372.071)"
fill="#fcc16d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-123.721-89.35c-23.429 14.54-39.019 40.51-39.019 70.11 0 27.46 13.42 51.79 34.059 66.78H-31.8C-16.141 36.17-4.641 19.42 0 0"
transform="translate(466.36 344.53)"
fill="#fca62f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-236.79-171a19.996 19.996 0 0 0-23.42 0l-17.75 12.82L-31.21 20H-20c5.52 0 10.52-2.24 14.14-5.86C-2.24 10.52 0 5.52 0 0"
transform="translate(504.5 372.07)"
fill="#fca62f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 92.064-66.487a20 20 0 0 1 23.418 0l236.791 171.005c0 11.045-8.954 20-20 20h-457c-11.045 0-20-8.955-20-20l117.769-85.049"
transform="translate(152.227 267.553)"
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-45.563-36.937-82.499-82.499-82.499-45.563 0-82.5 36.936-82.5 82.499 0 45.563 36.937 82.5 82.5 82.5C-36.937 82.5 0 45.563 0 0"
transform="translate(468.618 356.351)"
fill="#68dbf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-45.57-36.93-82.5-82.5-82.5-5.52 0-10.92.54-16.14 1.59C-60.81-73.41-32.29-40.04-32.29 0c0 40.03-28.52 73.4-66.35 80.9a81.803 81.803 0 0 0 16.14 1.59C-36.93 82.49 0 45.56 0 0"
transform="translate(468.615 356.356)"
fill="#24d1f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a82.118 82.118 0 0 1 38.227-9.395c45.562 0 82.499 36.937 82.499 82.499 0 45.563-36.937 82.5-82.499 82.5-45.564 0-82.5-36.937-82.5-82.5 0-19.737 6.94-37.849 18.502-52.047"
transform="translate(347.893 283.247)"
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-37.593a9.206 9.206 0 0 0-9.206 9.207v33.592a9.205 9.205 0 0 0 9.206 9.206H0a9.205 9.205 0 0 0 9.206-9.206V9.207A9.206 9.206 0 0 0 0 0"
transform="translate(404.915 307.611)"
fill="#fcb44d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.595c0-5.082-4.125-9.206-9.207-9.206h-20.388a9.203 9.203 0 0 1 9.206 9.206V0a9.204 9.204 0 0 1-9.206 9.207h20.388C-4.125 9.207 0 5.082 0 0"
transform="translate(414.121 350.412)"
fill="#fb9927"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.593a9.206 9.206 0 0 0-9.206 9.207v33.592a9.205 9.205 0 0 0 9.206 9.206H0a9.205 9.205 0 0 0 9.206-9.206V9.207A9.206 9.206 0 0 0 0 0Z"
transform="translate(404.915 307.611)"
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 0v1.198c0 11.405 9.245 20.649 20.648 20.649h.001c11.405 0 20.649-9.244 20.649-20.649V-24"
transform="translate(365.47 383.241)"
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-5.154"
transform="translate(386.12 336.89)"
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-115.08c-5.523 0-10 4.477-10 10v59.45c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(176.728 107.565)"
fill="#fcc16d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-59.45c0-5.52-4.48-10-10-10h-26.58c5.52 0 10 4.48 10 10V0c0 5.53-4.48 10-10 10H-10C-4.48 10 0 5.53 0 0"
transform="translate(186.73 177.01)"
fill="#fca62f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-115.08c-5.523 0-10 4.477-10 10v59.45c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(176.728 107.565)"
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 0h59.215"
transform="translate(89.581 159.844)"
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 0h59.215"
transform="translate(89.581 134.736)"
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