Add icons to this collection by clicking the heart icon.
Email icon - also known as message, email, mail, marketing, video, and communications. Created in a clean circular 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="512"
height="512"
viewBox="0 0 135 135"
>
<path
fill="#9ee6ff"
d="M131.51 67.5c0 35.59-28.891 64.01-64.01 64.01h-.06c-35.164 0-63.95-28.56-63.95-64.01 0-35.35 28.66-64.01 64.01-64.01s64.01 28.66 64.01 64.01z"
/>
<circle
cx="67.5"
cy="67.5"
r="49.201"
fill="#76d8ff"
transform="rotate(-54.2 67.537 67.515)"
/>
<path
fill="#ffbc50"
d="M112.655 55.977v49.17c0 4.82-3.897 8.728-8.73 8.761-.1 0-78.255.005-73.273-.01a8.753 8.753 0 0 1-8.307-8.752V56.401a7.591 7.591 0 0 0 3.145 5.742l5.524 4.003L63.02 89.391c2.665 1.942 6.332 1.921 8.948 0l37.552-27.238a7.616 7.616 0 0 0 3.134-6.176z"
/>
<path
fill="#ffb32c"
d="M112.004 108.457a8.782 8.782 0 0 1-8.08 5.451c-.1 0-78.254.005-73.272-.01a8.753 8.753 0 0 1-8.307-8.752V56.401c.265 4.649 4.131 6.27 4.779 6.931v37.035c0 4.678 3.753 8.752 8.773 8.752 75.813-.24 73.233.54 76.107-.662z"
/>
<path
fill="#ffbc50"
d="m109.52 62.153-5.534 4.014L71.97 89.39c-2.616 1.921-6.283 1.942-8.948 0L31.014 66.146l-5.524-4.003a7.591 7.591 0 0 1-3.145-5.742v-.434c-.005-2.33 1.03-4.647 3.134-6.176l5.535-4.024L60.59 24.3l2.42-1.758a7.624 7.624 0 0 1 8.949 0l2.42 1.758 29.607 21.497 5.524 4.003c4.225 3.059 4.154 9.316.01 12.352z"
/>
<path
fill="#ffb32c"
d="m109.52 62.153-5.534 4.014L71.97 89.39c-2.616 1.921-6.283 1.942-8.948 0L31.014 66.146l-5.524-4.003a7.582 7.582 0 0 1-2.856-8.266 7.582 7.582 0 0 0 2.856 4.066l5.524 4.003L63.02 85.191c2.665 1.942 6.332 1.921 8.948 0l37.552-27.238a7.567 7.567 0 0 0 2.834-4.076c.846 2.79-.054 6.24-2.834 8.276z"
/>
<path
fill="#fff"
d="M103.986 31.091v35.076l-32.014 23.23c-2.618 1.92-6.3 1.929-8.95 0l-32.014-23.25V31.091c0-3.749 3.052-6.791 6.792-6.791h59.394c3.74 0 6.792 3.042 6.792 6.791z"
/>
<path
fill="#e5f5f9"
d="M103.986 62.029v4.138C69.89 90.657 71.825 90.039 69.3 90.622c-1.816.495-4.3.212-6.28-1.231L31.015 66.146V31.087a6.786 6.786 0 0 1 6.786-6.786h3.62a6.79 6.79 0 0 0-6.786 6.786v22.478c0 6.955 3.33 13.49 8.958 17.577l19.429 14.111c2.665 1.942 6.332 1.921 8.948 0z"
/>
<g opacity=".3">
<path
fill="#fff"
d="M107.62 100.09c-.828 0-1.498-.67-1.498-1.499v-17.73a1.497 1.497 0 1 1 2.996 0v17.73c0 .828-.67 1.498-1.498 1.498zM107.62 76.696c-.828 0-1.498-.67-1.498-1.498v-1.342a1.497 1.497 0 1 1 2.996 0v1.342c0 .828-.67 1.498-1.498 1.498z"
/>
</g>
<g opacity=".3">
<path
fill="#fff"
d="M48.446 83.673a1.503 1.503 0 0 1-2.104.295l-8.76-6.692a1.503 1.503 0 0 1 1.816-2.396l8.76 6.692c.661.499.79 1.439.288 2.1zM35.165 73.568a1.503 1.503 0 0 1-2.103.295l-1.071-.809a1.503 1.503 0 0 1 1.816-2.396l1.07.81c.661.499.79 1.438.288 2.1z"
/>
</g>
<path
fill="#fc545d"
d="M95.994 34.605V57.34a2.98 2.98 0 0 1-2.98 2.98H41.986a2.98 2.98 0 0 1-2.98-2.98V34.605a2.98 2.98 0 0 1 2.98-2.98h51.028a2.98 2.98 0 0 1 2.98 2.98z"
/>
<path
fill="#f14448"
d="M95.989 56.827v.513a2.972 2.972 0 0 1-2.976 2.976H41.987a2.98 2.98 0 0 1-2.986-2.976V34.609a2.982 2.982 0 0 1 2.986-2.987h.514v22.229a2.978 2.978 0 0 0 2.976 2.976h50.512z"
/>
<path
fill="#fff"
d="M76.976 45.967a9.47 9.47 0 0 1-9.475 9.475c-5.224 0-9.475-4.239-9.475-9.475 0-5.224 4.251-9.463 9.475-9.463 5.237 0 9.475 4.239 9.475 9.463z"
/>
<path
fill="#e5f5f9"
d="M76.524 48.882a9.474 9.474 0 0 1-9.019 6.56c-7.762 0-12.126-8.783-7.736-14.917-1.954 6.13 2.64 12.35 9.032 12.35 3.2 0 6.017-1.573 7.723-3.993z"
/>
<path
fill="#fc545d"
d="m71.986 47.58-4.488 3.337c-1.317.985-3.193.042-3.193-1.606v-6.676c0-1.648 1.876-2.591 3.203-1.607l4.478 3.338a2 2 0 0 1 0 3.213z"
/>
<path
fill="#f14448"
d="m71.988 47.573-4.496 3.346c-1.31.978-3.187.04-3.187-1.614v-6.664c0-.913.569-1.6 1.296-1.878v5.99c0 1.64 1.878 2.592 3.187 1.6l3.927-2.91a1.962 1.962 0 0 1-.727 2.13z"
/>
<g opacity=".3">
<path
fill="#fff"
d="M61.746 36.203H50.307a1.118 1.118 0 1 1 0-2.235h11.44a1.118 1.118 0 1 1 0 2.235zM46.524 36.203h-.905a1.118 1.118 0 1 1 0-2.236h.905a1.118 1.118 0 1 1 0 2.236z"
/>
</g>
<path
fill="#e5f5f9"
d="M94.902 66.337h-54.81a1.283 1.283 0 1 1 0-2.566h54.81a1.283 1.283 0 1 1 0 2.566z"
/>
<path
fill="#fc545d"
d="M72.696 63.771H40.092a1.283 1.283 0 1 0 0 2.566h32.604z"
/>
<path
fill="#fc545d"
d="M75.32 65.057c0 1.447-1.18 2.617-2.627 2.617s-2.617-1.17-2.617-2.617 1.17-2.627 2.617-2.627 2.627 1.18 2.627 2.627z"
/>
<path
fill="#f14448"
d="M75.064 66.176a2.629 2.629 0 0 1-2.371 1.498 2.615 2.615 0 0 1-2.617-2.617 2.61 2.61 0 0 1 1.498-2.37 2.615 2.615 0 0 0 3.49 3.49z"
/>
<path
fill="#f49f16"
d="M51.932 97.591a1.39 1.39 0 0 1-1.396 1.396H34.835c-.78 0-1.396-.626-1.396-1.396s.616-1.395 1.396-1.395h15.701c.78 0 1.396.626 1.396 1.395zM57.063 103.909a1.39 1.39 0 0 1-1.396 1.395H34.835c-.78 0-1.396-.626-1.396-1.395s.616-1.396 1.396-1.396h20.832c.78 0 1.396.626 1.396 1.396z"
/>
<path
fill="#b730aa"
d="M114.335 19.623c0 17.86.007 17.35-.007 17.451a3.647 3.647 0 0 1-3.645 3.514c-19.214.036-18.238-.1-18.496.124l-4.676 3.438a.606.606 0 0 1-.968-.484v-2.47c0-.338-.27-.608-.608-.608h-.305c-2.038 0-3.645-1.67-3.645-3.652V19.623c0-1.764 1.46-3.638 3.438-3.638.02-.007.034-.007.048-.007.056-.007.104-.007.16-.007 25.293 0 25.165-.019 25.266.014 1.59 0 3.438 1.518 3.438 3.638z"
/>
<path
fill="#a32391"
d="M114.328 37.074a3.647 3.647 0 0 1-3.645 3.514c-19.214.036-18.238-.1-18.496.124l-4.676 3.438a.606.606 0 0 1-.968-.484v-2.47c0-.338-.27-.608-.608-.608h-.305a3.645 3.645 0 0 1-3.638-3.514v-17.45c0-1.768 1.48-3.639 3.43-3.639.021-.007.035-.007.05-.007V33.45a3.647 3.647 0 0 0 3.644 3.652z"
/>
<path
fill="#fff"
d="M90.607 18.363c0 .512.414.926.926.926h13.263a.922.922 0 0 0 0-1.844H91.533a.924.924 0 0 0-.926.918z"
opacity=".3"
/>
<path
fill="#24272b"
d="m95.636 24.06.006 7.096-3.21.006c-.77 0-1.395-.624-1.396-1.394l-.004-4.306c0-.77.623-1.396 1.394-1.397z"
/>
<path
fill="#13181e"
d="M95.642 30.174v.982l-3.209.005a1.394 1.394 0 0 1-1.397-1.394l-.004-4.305c0-.645.436-1.188 1.03-1.348a1.366 1.366 0 0 0-.048.364l.004 4.306c0 .77.625 1.395 1.397 1.394z"
/>
<path
fill="#43a1ff"
d="m103.953 20.858-.015 4.326-.015 4.834-.015 4.33a.699.699 0 0 1-1.024.616l-7.241-3.808-.007-7.097 7.295-3.823a.698.698 0 0 1 1.022.622z"
/>
<path
fill="#2c8cff"
d="m103.909 34.193-.001.156a.699.699 0 0 1-1.024.615l-7.241-3.808-.007-7.097 1.03-.54.005 4.848a3.347 3.347 0 0 0 1.791 2.96z"
/>
<g opacity=".3">
<path
fill="#fff"
d="m102.598 24.006.024-2.38a.39.39 0 0 1 .392-.385.384.384 0 0 1 .385.389l-.024 2.38a.388.388 0 1 1-.777-.004zM103.357 25.788c-.006.528-.792.492-.777-.004l.005-.441a.388.388 0 0 1 .392-.385.385.385 0 0 1 .385.392z"
/>
</g>
<path
fill="#fff"
d="M105.788 27.503a2.152 2.152 0 0 1-1.865 2.134l.016-4.263a2.153 2.153 0 0 1 1.85 2.129z"
/>
<path
fill="#e5f5f9"
d="M105.691 28.143a2.155 2.155 0 0 1-1.768 1.494l.016-4.263c.132.017.26.05.385.091l-.008 2.176c-.002.721.904 1.07 1.366.515l.01-.013z"
/>
</svg>
More icons in the same style and category