Add icons to this collection by clicking the heart icon.
Naughty icon - also known as emotion, happy, expression, happy face, feelings, smileys, emoticion, emoji, and naughty. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="200.505"
x2="200.505"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="202.595"
x2="202.595"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="311.495"
x2="311.495"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="309.405"
x2="309.405"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="306.225"
x2="306.225"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="205.775"
x2="205.775"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M331 96H181c-46.9.1-84.9 38.1-85 85v150c.1 46.9 38.1 84.9 85 85h150c46.9-.1 84.9-38.1 85-85V181c-.1-46.9-38.1-84.9-85-85zm75 235c0 41.4-33.6 75-75 75H181c-41.4 0-75-33.6-75-75V181c0-41.4 33.6-75 75-75h150c41.4 0 75 33.6 75 75z"
/>
<path
fill="url(#c)"
d="M200.5 181.5c-27.4 0-49.7 24.6-49.7 54.9s22.2 54.9 49.7 54.9 49.7-24.6 49.7-54.9-22.3-54.9-49.7-54.9zm.8 108c-26.1 0-47.2-23-47.2-51.4s21.1-51.4 47.2-51.4 47.2 23 47.2 51.4-21.1 51.4-47.2 51.4z"
/>
<path
fill="url(#d)"
d="M227.1 238.1c0 14-11 25.4-24.5 25.4s-24.5-11.4-24.5-25.4 11-25.4 24.5-25.4c5.2 0 10.2 1.7 14.3 4.8-.9-.3-1.8-.4-2.7-.4-5.1 0-9.3 4.1-9.3 9.3 0 5.1 4.1 9.3 9.3 9.3s9.3-4.1 9.3-9.3c0-.6-.1-1.2-.2-1.8 2.5 4.1 3.8 8.7 3.8 13.5z"
/>
<path
fill="url(#e)"
d="M311.5 181.5c-27.5 0-49.7 24.6-49.7 54.9s22.2 54.9 49.7 54.9 49.7-24.6 49.7-54.9-22.3-54.9-49.7-54.9zm-.8 108c-26.1 0-47.2-23-47.2-51.4s21.1-51.4 47.2-51.4 47.2 23 47.2 51.4-21.1 51.4-47.2 51.4z"
/>
<path
fill="url(#f)"
d="M333.9 238.1c0 14-11 25.4-24.5 25.4s-24.5-11.4-24.5-25.4 11-25.4 24.5-25.4c5.2 0 10.2 1.7 14.3 4.8-.9-.3-1.8-.4-2.7-.4-5.1 0-9.3 4.2-9.3 9.3s4.2 9.3 9.3 9.3 9.3-4.2 9.3-9.3c0-.6-.1-1.2-.2-1.7 2.5 4 3.8 8.7 3.8 13.4z"
/>
<path
fill="url(#g)"
d="M350.2 179.3c-.1-1.2-1.9-2.8-1.9-2.8s-16.5-11.1-35.8-12.6c-19.3-1.6-31.6 2.5-39.3 8.9-8 6.6-16.4 18.6-6.7 30.3 5 6.1 10.7 1.2 17.3-2.9 6.6-4 26-18.6 62-18.1 3.9.1 4.6-1.4 4.4-2.8z"
/>
<path
fill="url(#h)"
d="M161.8 179.3c.1-1.2 1.9-2.8 1.9-2.8s16.5-11.1 35.8-12.6c19.3-1.6 31.6 2.5 39.3 8.9 8 6.6 16.4 18.6 6.7 30.3-5 6.1-10.7 1.2-17.3-2.9-6.6-4-26-18.6-62-18.1-3.9.1-4.6-1.4-4.4-2.8z"
/>
<path
fill="url(#b)"
d="m297.4 314.5 9.5.5s-10.2 17.9-51 17.9S205 315 205 315l9.5-.5c-14.3-10.2-19.1 7.1-19.1 7.1 1.7-2.3 3.9-4.1 6.5-5.3 0 0 8.7 33.7 54.1 33.7s54.1-33.7 54.1-33.7c2.5 1.2 4.8 3.1 6.5 5.4-.1-.1-4.9-17.4-19.2-7.2zm-41.4 32c-43.9 0-52.3-30.2-52.5-31.1.4.7 10.2 19.3 52.5 19.3s52.2-18.6 52.5-19.3c-.2.9-8.6 31.1-52.5 31.1z"
/>
</svg>
More icons in the same style and category