Add icons to this collection by clicking the heart icon.
Emoji icon - also known as message, envelope, mail, happy, smiley, communications, and emoji. Created in a clean blue 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 60 56"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)">
<path
fill="#e8edfc"
d="M58 8v28a8 8 0 0 1-8 8H36l-5.31 8.35a2.009 2.009 0 0 1-3.38 0L22 44H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h42a8 8 0 0 1 8 8z"
/>
<path
fill="#cad9fc"
d="M27.69 52.35c-.058.08-.121.155-.19.226a2 2 0 0 0 3.19-.226L36 44h-3zM50 0h-3a8 8 0 0 1 8 8v28a8 8 0 0 1-8 8h3a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8z"
/>
<circle cx="29" cy="22" r="16" fill="#c6d8fb" />
<path
fill="#a4c3fd"
d="M29 6c-.506 0-1.006.03-1.5.076C35.718 6.847 42 13.746 42 22s-6.282 15.153-14.5 15.924c.494.046.994.076 1.5.076 8.837 0 16-7.163 16-16S37.837 6 29 6z"
/>
<path fill="#e8edfc" d="M25 25h8v2a4 4 0 1 1-8 0z" />
</g>
<path
fill="#fff"
d="M9 45h3a8 8 0 0 1-8-8V9a8 8 0 0 1 8-8H9a8 8 0 0 0-8 8v28a8 8 0 0 0 8 8z"
/>
<path fill="#fff" d="M0 29h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="33" r="1" />
<path
d="M51 0H9a9.01 9.01 0 0 0-9 9v20a1 1 0 0 0 2 0V9a7.008 7.008 0 0 1 7-7h42a7.008 7.008 0 0 1 7 7v28a7.008 7.008 0 0 1-7 7H37a1 1 0 0 0-.844.463l-5.307 8.347a1.039 1.039 0 0 1-1.7 0l-5.309-8.35A1 1 0 0 0 23 44H9a7.008 7.008 0 0 1-7-7 1 1 0 0 0-2 0 9.01 9.01 0 0 0 9 9h13.451l5.017 7.891a3.011 3.011 0 0 0 5.066 0L37.549 46H51a9.01 9.01 0 0 0 9-9V9a9.01 9.01 0 0 0-9-9z"
/>
<path
d="M5 10a1 1 0 0 0 1-1 3 3 0 0 1 3-3 1 1 0 1 0 0-2 5.006 5.006 0 0 0-5 5 1 1 0 0 0 1 1zM56 37a1 1 0 0 0-2 0 3 3 0 0 1-3 3 1 1 0 0 0 0 2 5.006 5.006 0 0 0 5-5z"
/>
<path
fill-rule="nonzero"
d="M47 23c0-9.389-7.611-17-17-17s-17 7.611-17 17 7.611 17 17 17c9.385-.01 16.99-7.615 17-17zm-32 0c0-8.284 6.716-15 15-15s15 6.716 15 15-6.716 15-15 15c-8.28-.01-14.99-6.72-15-15z"
/>
<path
d="M26 21a1 1 0 0 0 1-1 3 3 0 0 0-6 0 1 1 0 0 0 2 0 1 1 0 0 1 2 0 1 1 0 0 0 1 1zM34 21c.552 0 1-.448 1-1a1 1 0 0 1 2 0 1 1 0 0 0 2 0 3 3 0 0 0-6 0 1 1 0 0 0 1 1z"
/>
<path
fill-rule="nonzero"
d="M35 28v-2a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v2a5 5 0 0 0 10 0zm-8 0v-1h6v1a3 3 0 0 1-6 0z"
/>
</g>
</g>
</svg>
More icons in the same style and category