Add icons to this collection by clicking the heart icon.
Happy icon - also known as hand, people, happy, smiley, social media, happy face, rating, feelings, reaction, emoji, and facebook reactions. Created in a clean flat 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"
>
<path
fill="#816ae2"
d="M256 10.998C120.689 10.998 10.998 120.689 10.998 256c0 131.974 104.353 239.557 235.044 244.784l87.465-12.307C430.83 456.045 501.002 364.222 501.002 256c0-135.311-109.691-245.002-245.002-245.002z"
/>
<path
fill="#f9ba8f"
d="M301.899 433.814c-4.472-7.746 1.298-21.145-10.87-42.221-2.695-4.67-21.738-37.653-28.743-49.785-3.354-5.809-10.851-7.818-16.661-4.464l-1.004.58c-5.81 3.354-7.818 10.851-4.464 16.66l-4.103-7.107c-3.259-5.645-10.232-8.229-16.225-5.667-7.145 3.055-9.842 11.621-6.073 18.15l-1.288-2.232c-3.259-5.645-10.231-8.229-16.225-5.667-7.144 3.055-9.843 11.62-6.073 18.15l-20.313-35.184c-3.259-5.646-10.232-8.229-16.225-5.667-7.145 3.055-9.843 11.621-6.073 18.15l33.904 58.725a2.355 2.355 0 0 1-.934 3.261c-3.047 1.613-7.701 4.162-8.986 10.502a34.725 34.725 0 0 0 14.924 35.888c10.965 7.026-2.346.024 40.333 17.486a13.57 13.57 0 0 1 6.764 5.833l12.477 21.576c3.305.132 6.622.218 9.959.218 27.089 0 53.147-4.407 77.508-12.525z"
/>
<path
fill="#f9dfcd"
d="m149.645 331.557 5.158-2.978c2.962-1.71 6.785-.686 8.495 2.276l5.593 9.688c1.71 2.962.686 6.785-2.276 8.495l-5.158 2.978c-2.962 1.71-6.785.686-8.495-2.276l-5.593-9.688c-1.711-2.963-.687-6.785 2.276-8.495z"
/>
<path
fill="#fd995b"
d="M189.278 432.073a6.15 6.15 0 0 0 2.251-8.4l-10.066-17.435a2.355 2.355 0 0 1-.934 3.261c-2.326 1.232-5.584 3.015-7.57 6.608l7.919 13.716a6.15 6.15 0 0 0 8.4 2.25z"
/>
<path
fill="#e9efff"
d="M403.392 62.563H108.608C48.626 62.563 0 111.188 0 171.171 0 231.154 48.626 279.78 108.608 279.78c9.148 0 17.73 4.43 23.028 11.888l11.232 15.811c3.85 5.42 11.898 5.42 15.748 0l11.232-15.811a28.247 28.247 0 0 1 23.028-11.888h210.515C463.374 279.78 512 231.154 512 171.171S463.374 62.563 403.392 62.563z"
/>
<path
fill="#bec8f7"
d="M108.608 62.563C48.626 62.563 0 111.188 0 171.171 0 231.154 48.626 279.78 108.608 279.78c9.148 0 17.73 4.43 23.028 11.888l11.232 15.811c3.85 5.42 11.898 5.42 15.748 0l11.232-15.811a28.247 28.247 0 0 1 23.028-11.888h131.215c-35.271-28.1-5.213-58.009-5.213-58.009l-30.681-100.566c-32.498-21.509-11.501-58.642-11.501-58.642H108.608z"
/>
<circle cx="150.743" cy="171.171" r="81.428" fill="#ffb332" />
<path
fill="#ffdd40"
d="M232.171 171.171c0-44.971-36.456-81.428-81.428-81.428a81.404 81.404 0 0 0-22.866 3.278c-.76.539-11.473 8.385-7.565 20.157 4.051 12.202 14.232 26.099 14.232 26.099s-5.171 17.686 16.199 24.394c21.37 6.709 15.857 62.636 15.857 62.636s-6.09 17.124 11.203 21.669c31.665-11.158 54.368-41.322 54.368-76.805z"
/>
<circle cx="304.571" cy="171.171" r="52.571" fill="#ffdd40" />
<path
fill="#ffe98d"
d="M357.141 171.171c0-29.034-23.537-52.571-52.571-52.571-5.724 0-11.228.927-16.386 2.618-.265.302-12.056 13.905-.383 25.578 11.805 11.804-2.539 20.243-2.539 20.243l4.526 7.567s-4.355 12.096 9.359 15.685c13.714 3.588 19.73 14.701 19.73 14.701s-2.498 11.811 7.456 14.03c18.171-8.277 30.808-26.582 30.808-47.851z"
/>
<circle cx="428.003" cy="171.171" r="52.571" fill="#ff4155" />
<path
fill="#ff7186"
d="M480.574 171.171c0-29.034-23.537-52.571-52.571-52.571a52.4 52.4 0 0 0-19.945 3.927c-.874 7.438-1.084 23.478 11.774 30.522l-4.766 9.33-4.204 7.029 2.908 4.275s-7.802 10.734 6.062 14.631c13.864 3.898 21.908 13.96 21.908 13.96s-7.696 13.225 8.536 16.517c17.897-8.384 30.298-26.549 30.298-47.62z"
/>
<path
fill="#ff9100"
d="M150.743 163.671c-18.588 0-36.541 2.708-53.495 7.742-6.134 1.822-9.39 8.383-7.198 14.395 9.035 24.776 32.791 42.468 60.693 42.468 28.015 0 51.851-17.836 60.802-42.77 2.091-5.825-1.18-12.267-7.112-14.035-17.011-5.071-35.031-7.8-53.69-7.8z"
/>
<path
fill="#ff7300"
d="M150.743 189.926c-9.816 9.816-24.013 24.979-29.722 31.107a64.267 64.267 0 0 0 29.722 7.243c28.015 0 51.851-17.836 60.802-42.77 2.091-5.826-1.18-12.267-7.112-14.036-17.011-5.071-35.031-7.8-53.69-7.8 0 .001 12.542 13.714 0 26.256z"
/>
<path
fill="#ff4155"
d="M150.743 228.276c17.727 0 33.774-7.147 45.442-18.709-11.387-12.085-27.527-19.641-45.442-19.641-17.914 0-34.054 7.556-45.441 19.64 11.668 11.562 27.714 18.71 45.441 18.71z"
/>
<path
fill="#3c58a0"
d="m193.347 150.982-26.405-11.705c-4.631-2.053-5.612-8.207-1.851-11.599l16.083-14.5a7.001 7.001 0 0 1 9.375 10.399l-8.069 7.274 16.541 7.332a7 7 0 0 1-5.674 12.799zM98.902 147.419a7 7 0 0 1 3.562-9.236l16.541-7.332-8.069-7.274a7.001 7.001 0 0 1 9.375-10.399l16.083 14.5c3.761 3.392 2.78 9.546-1.851 11.599l-26.405 11.705a7 7 0 0 1-9.236-3.563z"
/>
<ellipse cx="281.354" cy="171.368" fill="#3c58a0" rx="8.909" ry="10.125" />
<ellipse cx="327.787" cy="171.368" fill="#3c58a0" rx="8.909" ry="10.125" />
<path
fill="#ff9100"
d="M315.653 203.813a17.13 17.13 0 0 0-22.165 0 5 5 0 0 1-6.451-7.641 27.106 27.106 0 0 1 35.067 0 5 5 0 0 1-6.451 7.641z"
/>
<path
fill="#3c58a0"
d="M445.537 193.488a27.106 27.106 0 0 0-35.067 0 5 5 0 0 0 3.261 8.82l28.009-.032a5 5 0 0 0 3.797-8.788z"
/>
<path
fill="#ffb332"
d="M336.742 159.944a30.282 30.282 0 0 0-10.924-3.528l-5.58-.688a4.5 4.5 0 0 1-3.915-5.017 4.495 4.495 0 0 1 5.017-3.915l5.579.688a39.244 39.244 0 0 1 14.155 4.571 4.498 4.498 0 0 1 1.778 6.11 4.5 4.5 0 0 1-6.11 1.779zM266.289 158.165a4.5 4.5 0 0 1 1.778-6.11 39.243 39.243 0 0 1 14.156-4.571l5.578-.688a4.492 4.492 0 0 1 5.017 3.915 4.5 4.5 0 0 1-3.915 5.017l-5.579.688a30.306 30.306 0 0 0-10.925 3.528 4.499 4.499 0 0 1-6.11-1.779z"
/>
<path
fill="#73c3f9"
d="M348.749 195.52c-2.998-4.518-5.842-9.575-7.715-14.666-.423-1.151-2.039-1.151-2.463 0-1.872 5.091-4.716 10.148-7.714 14.666-4.742 7.147.369 16.691 8.946 16.691 8.578 0 13.689-9.544 8.946-16.691z"
/>
<ellipse cx="404.501" cy="169.409" fill="#3c58a0" rx="10.565" ry="8.909" />
<ellipse cx="451.504" cy="169.409" fill="#3c58a0" rx="10.565" ry="8.909" />
<path
fill="#cc0053"
d="M432.433 161.531a4.999 4.999 0 0 1 .098-7.07 4.998 4.998 0 0 1 7.07.098 8.134 8.134 0 0 0 8.903 1.88l11.698-4.713c2.563-1.036 5.474.209 6.506 2.77a5 5 0 0 1-2.77 6.506l-11.698 4.713a18.105 18.105 0 0 1-19.807-4.184zM403.766 165.713l-11.697-4.712a5 5 0 0 1-2.77-6.506 4.998 4.998 0 0 1 6.506-2.77l11.697 4.712a8.134 8.134 0 0 0 8.903-1.88 5 5 0 0 1 7.168 6.972 18.098 18.098 0 0 1-19.807 4.184z"
/>
<path
fill="#9181f2"
d="M498.886 288.249c-17.659 12.774-40.506 23.295-67.869 23.295-69.654 0-138.772 9.494-91.213 97.165 13.432 24.76 24.77 45.316 34.128 62.072 66.793-36.75 114.592-103.74 124.954-182.532z"
/>
<path
fill="#fd995b"
d="m233.564 479.208 12.477 21.576c3.305.132 6.622.218 9.959.218 27.089 0 53.147-4.407 77.508-12.525l-31.609-54.663c-17.963 50.934-75.099 39.561-75.099 39.561a13.556 13.556 0 0 1 6.764 5.833z"
/>
<circle cx="158.836" cy="207.777" r="8.064" fill="#ff7186" />
<path
fill="#9bd8f9"
d="M347.432 202.088a4.722 4.722 0 1 1-9.444 0 4.722 4.722 0 0 1 9.444 0z"
/>
</svg>
More icons in the same style and category