Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, emoticons, feelings, smileys, and emoji. Created in a clean lineal color style with a orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256.004" cy="256.004" r="246.855" fill="#f7b239" />
<path
d="M126.308 385.694c-88.802-88.802-95.799-228.426-20.999-325.242A249.184 249.184 0 0 0 81.45 81.45c-96.401 96.401-96.401 252.698 0 349.099s252.698 96.401 349.099 0a249.34 249.34 0 0 0 20.999-23.858c-96.815 74.801-236.44 67.803-325.24-20.997z"
fill="#e09b2d"
/>
<path
d="M256.001 512C114.841 512 0 397.159 0 256.001 0 114.841 114.841 0 256.001 0 397.159 0 512 114.841 512 256.001 512 397.159 397.159 512 256.001 512zm0-493.701c-131.069 0-237.702 106.632-237.702 237.702s106.632 237.7 237.702 237.7c131.068 0 237.7-106.632 237.7-237.7 0-131.069-106.633-237.702-237.7-237.702z"
/>
<path
d="M255.999 314.45c-41.508 0-83.017-15.801-114.617-47.401a9.15 9.15 0 0 1 0-12.939c3.573-3.573 9.367-3.573 12.939 0 56.066 56.066 147.291 56.065 203.357 0 3.573-3.573 9.367-3.573 12.939 0a9.15 9.15 0 0 1 0 12.939c-31.6 31.601-73.108 47.401-114.618 47.401z"
/>
<path
d="M256.004 354.126a162.42 162.42 0 0 1-43.849-6.031 9.15 9.15 0 0 1-6.34-11.28c1.364-4.865 6.419-7.704 11.28-6.34a144.102 144.102 0 0 0 77.821 0c4.866-1.366 9.916 1.475 11.28 6.34a9.15 9.15 0 0 1-6.34 11.28 162.457 162.457 0 0 1-43.852 6.031z"
fill="#e09b2d"
/>
<path
d="M193.133 202.651a9.15 9.15 0 0 1-9.15-9.15c0-24.556-19.978-44.535-44.535-44.535s-44.535 19.978-44.535 44.535a9.15 9.15 0 0 1-18.3 0c0-34.646 28.187-62.834 62.834-62.834s62.834 28.187 62.834 62.834c.002 5.054-4.095 9.15-9.148 9.15zM426.236 202.651a9.15 9.15 0 0 1-9.15-9.15c0-24.556-19.978-44.535-44.535-44.535-24.557 0-44.535 19.978-44.535 44.535a9.15 9.15 0 0 1-18.3 0c0-34.646 28.187-62.834 62.834-62.834s62.834 28.187 62.834 62.834a9.148 9.148 0 0 1-9.148 9.15z"
/>
<circle cx="100.572" cy="243.768" r="24.119" fill="#f95428" />
<circle cx="411.425" cy="243.768" r="24.119" fill="#f95428" />
</svg>
More icons in the same style and category