Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, emoticons, vampire, monster, feelings, smileys, beast, and emoji. Created in a clean blue style with a white and silver finish, 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 60"
>
<g fill="none" fill-rule="nonzero" transform="translate(0 -1)">
<path
fill="#e8edfc"
d="M59 31A29 29 0 1 1 3.43 19.37h.01c5.3-3.2 18.04-9 26.56 2.63 8.52-11.63 21.26-5.83 26.56-2.63h.01A28.728 28.728 0 0 1 59 31z"
/>
<path
fill="#cad9fc"
d="M56.57 19.37h-.01c-3.174-1.916-9.015-4.761-15.021-4.241A29.058 29.058 0 0 1 53.56 19.37h.01A29.009 29.009 0 0 1 28.5 59.962 29.008 29.008 0 0 0 56.57 19.37z"
/>
<path
fill="#a4c2f7"
d="M56.56 19.37c-5.3-3.2-18.04-9-26.56 2.63-8.52-11.63-21.26-5.83-26.56-2.63a28.991 28.991 0 0 1 53.12 0z"
/>
<path
fill="#7facfa"
d="M52.537 17.282a35.26 35.26 0 0 1 4.023 2.088A28.969 28.969 0 0 0 30 2c-.5 0-1 .031-1.5.056a28.948 28.948 0 0 1 24.037 15.226z"
/>
<circle cx="19" cy="29" r="7" fill="#fff" />
<path
fill="#e8edfc"
d="M19 22a7 7 0 0 0-1.5.165 7 7 0 0 1 0 13.67A7 7 0 1 0 19 22z"
/>
<circle cx="41" cy="29" r="7" fill="#fff" />
<path
fill="#e8edfc"
d="M41 22a7 7 0 0 0-1.5.165 7 7 0 0 1 0 13.67A7 7 0 1 0 41 22zM21.48 42.45l-3.37 9.44a1 1 0 0 1-1.91-.09l-2.87-11.49a31.9 31.9 0 0 0 8.15 2.14z"
/>
<path
fill="#cad9fc"
d="m13.33 40.31.285 1.141a37.37 37.37 0 0 0 4.865 1l-2.715 7.607.435 1.742a1 1 0 0 0 1.91.09l3.37-9.44a31.9 31.9 0 0 1-8.15-2.14z"
/>
<path
fill="#e8edfc"
d="M46.67 40.31 43.8 51.8a1 1 0 0 1-1.91.09l-3.37-9.44a31.9 31.9 0 0 0 8.15-2.14z"
/>
<path
fill="#cad9fc"
d="m43.385 41.451-2.15 8.606.655 1.833a1 1 0 0 0 1.91-.09l2.87-11.49a26.226 26.226 0 0 1-3.285 1.141z"
/>
<circle cx="19" cy="29" r="2" fill="#cad9fc" />
<circle cx="41" cy="29" r="2" fill="#cad9fc" />
<path
fill="#fff"
d="M30 60c.5 0 1-.024 1.5-.048A29.023 29.023 0 0 1 6.43 19.37h.01A28.963 28.963 0 0 1 31.5 2.056C31 2.031 30.505 2 30 2A28.969 28.969 0 0 0 3.44 19.37h-.01C-4.856 38.158 8.8 60 30 60z"
/>
<path
fill="#fff"
d="m3.079 38.624-1.925.544-.514-2C.511 36.487.424 35.8.315 35.121L.16 34.1.1 33.066 0 31h2l.1 1.929.05.965.147.954c.1.635.182 1.275.3 1.907z"
/>
<g fill="#428dff">
<path d="M1.324 35.99a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z" />
<path
d="M1 32a1 1 0 0 0 1-1 27.856 27.856 0 0 1 2.223-10.932c5.061-2.994 17.039-8.3 24.97 2.523a1 1 0 0 0 1.614 0c7.929-10.824 19.907-5.517 24.97-2.523a27.971 27.971 0 0 1-42.645 33.241A28.323 28.323 0 0 1 6.889 46.8a29 29 0 0 1-3.81-8.173 1 1 0 1 0-1.925.544 31.042 31.042 0 0 0 4.085 8.76 30.392 30.392 0 0 0 6.685 6.969c11.106 8.377 26.517 8.012 37.214-.883s13.868-23.98 7.657-36.428C50.585 5.14 36.625-1.4 23.085 1.799 9.547 4.995-.013 17.088 0 31a1 1 0 0 0 1 1zM30 3a28.009 28.009 0 0 1 24.206 13.953c-6.163-3-16.557-5.865-24.206 3.417-7.651-9.284-18.043-6.421-24.206-3.417A28.009 28.009 0 0 1 30 3z"
/>
<path
d="M27 29a8 8 0 1 0-8 8 8.009 8.009 0 0 0 8-8zm-14 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0z"
/>
<path
d="M22 29a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-4 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM44 29a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-4 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"
/>
<path
d="M49 29a8 8 0 1 0-8 8 8.009 8.009 0 0 0 8-8zm-14 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0z"
/>
<path
d="M7 32.9a1 1 0 1 0-1.99.2c.029.289.6 4.8 7.474 7.928l2.746 11.014c.21.857.96 1.472 1.842 1.51h.1c.846.003 1.6-.53 1.881-1.328l3.1-8.676c2.604.312 5.225.463 7.847.452a63.657 63.657 0 0 0 7.851-.449l3.1 8.674a1.987 1.987 0 0 0 1.882 1.33h.1a1.985 1.985 0 0 0 1.842-1.51l2.751-11.014C54.392 37.9 54.966 33.389 55 33.1a1 1 0 0 0-.885-1.088 1.012 1.012 0 0 0-1.1.877C53 32.98 51.632 42 30 42S7.005 32.98 7 32.9zm35.831 18.654-2.964-8.3a34.7 34.7 0 0 0 5.368-1.32zm-25.661 0-2.405-9.624a34.709 34.709 0 0 0 5.369 1.32z"
/>
</g>
</g>
</svg>
More icons in the same style and category