Add icons to this collection by clicking the heart icon.
Emoji icon - also known as face, angry, emoticon, emoticons, expression, feelings, feel, miscellaneous, emoji, and dissapointing. Created in a clean flat gradient 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 64 64"
>
<linearGradient
id="c"
x1="32"
x2="32"
y1="1.304"
y2="63.304"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3d3d" />
<stop offset=".307" stop-color="#db2a28" />
<stop offset=".771" stop-color="#a90f0b" />
<stop offset="1" stop-color="#960500" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="49.094"
y2="44.273"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#414d4d" />
<stop offset=".136" stop-color="#353f3f" />
<stop offset=".501" stop-color="#181d1d" />
<stop offset=".802" stop-color="#060808" />
<stop offset="1" />
</linearGradient>
<linearGradient
id="b"
x1="43"
x2="43"
y1="34.075"
y2="26.102"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#414d4d" />
<stop offset=".206" stop-color="#3a4545" />
<stop offset=".522" stop-color="#272e2e" />
<stop offset=".914" stop-color="#080909" />
<stop offset="1" />
</linearGradient>
<linearGradient
id="d"
x1="51.325"
x2="39.597"
y1="21.295"
y2="27.679"
href="#a"
/>
<linearGradient
id="e"
x1="23.325"
x2="11.597"
y1="21.295"
y2="27.679"
gradientTransform="matrix(-1 0 0 1 36 0)"
href="#a"
/>
<linearGradient id="f" x1="21" x2="21" y1="34.019" y2="26.216" href="#b" />
<g>
<path
fill="url(#c)"
d="M32 63C4.3 63 .962 39 1 33v-2C.962 25 4.3 1 32 1s31.038 24 31 30v2c.038 6-3.3 30-31 30z"
/>
<path
fill="#940003"
d="M38.251 44.408a14.582 14.582 0 0 0-12.5 0A9.045 9.045 0 0 0 21 50s6-3 11-3 11 3 11 3a9.045 9.045 0 0 0-4.749-5.592z"
/>
<path
fill="#c70e1c"
d="M38.251 45.408a14.582 14.582 0 0 0-12.5 0C21.863 47.284 21 50 21 50a41.72 41.72 0 0 1 11-2 41.72 41.72 0 0 1 11 2s-.863-2.716-4.749-4.592z"
/>
<path
fill="url(#a)"
d="M43 50s-.863-2.716-4.749-4.592a14.582 14.582 0 0 0-12.5 0C21.863 47.284 21 50 21 50s6-3 11-3 11 3 11 3z"
/>
<path
fill="url(#b)"
d="M43.023 26a7.788 7.788 0 0 0-2.834 2.64A5.177 5.177 0 0 0 40 30c0 2.209 1.343 4 3 4s3-1.791 3-4-1.331-3.98-2.977-4z"
/>
<path
fill="url(#d)"
d="M50.555 24.036C41.8 24.489 40 29 40 29s0-7 10-8h.479A1.521 1.521 0 0 1 52 22.521a1.521 1.521 0 0 1-1.445 1.515z"
/>
<path
fill="url(#e)"
d="M13.445 24.036C22.2 24.489 24 29 24 29s0-7-10-8h-.479A1.521 1.521 0 0 0 12 22.521a1.521 1.521 0 0 0 1.445 1.515z"
/>
<path
fill="url(#f)"
d="M20.977 26a7.788 7.788 0 0 1 2.834 2.64A5.177 5.177 0 0 1 24 30c0 2.209-1.343 4-3 4s-3-1.791-3-4 1.331-3.98 2.977-4z"
/>
<path
d="M43 28c1.4 0 2.559 1.277 2.894 3A5.267 5.267 0 0 0 46 30c0-2.2-1.331-3.98-2.977-4a7.788 7.788 0 0 0-2.834 2.64A5.177 5.177 0 0 0 40 30a5.267 5.267 0 0 0 .106 1c.335-1.72 1.494-3 2.894-3zM23.811 28.643A7.788 7.788 0 0 0 20.977 26C19.331 26.02 18 27.8 18 30a5.267 5.267 0 0 0 .106 1c.335-1.722 1.5-3 2.894-3s2.559 1.277 2.894 3A5.267 5.267 0 0 0 24 30a5.177 5.177 0 0 0-.189-1.357z"
/>
<path
fill="#b00003"
d="M50.555 24.036A16.342 16.342 0 0 0 43.033 26a2.4 2.4 0 0 1 1.23.38 17.851 17.851 0 0 1 6.292-1.348A1.521 1.521 0 0 0 52 23.521a1.5 1.5 0 0 0-.091-.5 1.521 1.521 0 0 1-1.354 1.015zM13.445 24.036a1.521 1.521 0 0 1-1.354-1.014 1.5 1.5 0 0 0-.091.5 1.521 1.521 0 0 0 1.445 1.515 17.851 17.851 0 0 1 6.292 1.348 2.4 2.4 0 0 1 1.23-.38 16.342 16.342 0 0 0-7.522-1.969z"
/>
<g fill="#940003">
<path
d="M21 34c-1.529 0-2.776-1.53-2.962-3.5-.016.166-.038.329-.038.5 0 2.209 1.343 4 3 4s3-1.791 3-4a4.687 4.687 0 0 0-.037-.508C23.779 32.466 22.53 34 21 34zM43 34c-1.53 0-2.779-1.534-2.963-3.508A4.687 4.687 0 0 0 40 31c0 2.209 1.343 4 3 4s3-1.791 3-4c0-.172-.022-.335-.038-.5C45.776 32.47 44.529 34 43 34z"
/>
</g>
</g>
</svg>
More icons in the same style and category