Add icons to this collection by clicking the heart icon.
Happy icon - also known as star, emotion, happy, smile, face, emoticon, commerce and shopping, and expression. Created in a clean outline color style with a white, gray, yellow, navy, magenta, and 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#06afff"
d="m43.5 38.5 2.65 4.78v.01A10.442 10.442 0 0 0 41.5 52c0 .65.06 1.28.17 1.9v.01L29.5 46.5l-24 16 10-24-14-13h18l10-24 10 24h18z"
/>
<path
fill="#0688ff"
d="M41.5 52c0 .65.06 1.28.17 1.9v.01L29.5 46.5l-24 16 10-24-14-13h18l.05-.13c1.22 1.99 2.58 3.9 4.05 5.7.38.47.78.93 1.17 1.39.93 1.05 1.9 2.06 2.9 3.04 2.24 2.17 4.67 4.13 7.27 5.87 2.66 1.77 5.5 3.31 8.48 4.58-1.21 1.71-1.92 3.8-1.92 6.05z"
/>
<path
fill="#fcda35"
d="M62.5 52c0 5.8-4.7 10.5-10.5 10.5-5.15 0-9.43-3.7-10.33-8.59v-.01c-.11-.62-.17-1.25-.17-1.9 0-3.63 1.84-6.84 4.65-8.71v-.01c1.67-1.12 3.68-1.78 5.85-1.78 5.8 0 10.5 4.7 10.5 10.5z"
/>
<path
fill="#faca00"
d="M57.86 53.79c-4.65-.41-9.13-1.44-13.34-3.01-.93-.35-1.85-.72-2.75-1.12-.18.75-.27 1.53-.27 2.34 0 .65.06 1.28.17 1.9v.01c.9 4.89 5.18 8.59 10.33 8.59 5.12 0 9.38-3.66 10.31-8.5-1.5-.01-2.98-.08-4.45-.21z"
/>
<path fill="#fff" d="M21.5 35.5a8 8 0 0 0 16 0z" />
<circle cx="24.5" cy="31.5" r="1" fill="#fff" />
<path
fill="#efefef"
d="M27.67 35.5H21.5c0 4.42 3.58 8 8 8 2.1 0 4.01-.81 5.44-2.13-2.6-1.74-5.03-3.7-7.27-5.87zM24.5 32.5c.09 0 .19-.01.27-.04-.39-.46-.79-.92-1.17-1.39-.06.13-.1.28-.1.43 0 .55.45 1 1 1z"
/>
<circle cx="34.5" cy="31.5" r="1" fill="#fff" />
<path
fill="#ff56cb"
d="M58.248 47.35a4.279 4.279 0 0 0-6.048 0l-.088.088-.112.112-.112-.112-.088-.088a4.279 4.279 0 0 0-6.048 0 4.279 4.279 0 0 0 0 6.048l.088.088.112.112 5.875 5.875c.095.095.25.095.346 0l5.875-5.875.112-.112.088-.088a4.279 4.279 0 0 0 0-6.048z"
/>
<path
fill="#d949ac"
d="m57.86 53.79-5.69 5.68c-.09.1-.25.1-.34 0l-5.88-5.87-.11-.11-.09-.09a4.3 4.3 0 0 1-1.23-2.62c4.21 1.57 8.69 2.6 13.34 3.01z"
/>
<path
fill="#2828b8"
d="M52 60.044a.741.741 0 0 1-.525-.216l-6.076-6.077a4.784 4.784 0 0 1 0-6.755 4.785 4.785 0 0 1 6.602-.147 4.785 4.785 0 0 1 6.602.147 4.784 4.784 0 0 1 0 6.755l-6.075 6.076a.75.75 0 0 1-.528.217zM48.776 46.6c-.967 0-1.935.368-2.671 1.104a3.78 3.78 0 0 0 0 5.34L52 58.939l5.895-5.895a3.784 3.784 0 0 0 0-5.341 3.78 3.78 0 0 0-5.341 0l-.2.2a.5.5 0 0 1-.707 0l-.2-.2a3.77 3.77 0 0 0-2.671-1.103z"
/>
<path
fill="#2828b8"
d="M5.5 63a.5.5 0 0 1-.462-.693l9.866-23.678L1.16 25.866A.5.5 0 0 1 1.5 25h17.667l9.871-23.692c.156-.372.768-.372.924 0L39.833 25H57.5a.5.5 0 0 1 .34.866L44.127 38.6l2.464 4.435a.5.5 0 0 1-.875.486l-2.653-4.777a.5.5 0 0 1 .098-.609L56.227 26H39.5a.502.502 0 0 1-.462-.308L29.5 2.8l-9.538 22.893A.502.502 0 0 1 19.5 26H2.773L15.84 38.134a.502.502 0 0 1 .122.559L6.597 61.168l22.626-15.084a.503.503 0 0 1 .537-.011l12.174 7.41a.5.5 0 1 1-.52.854l-11.901-7.244L5.777 62.916A.498.498 0 0 1 5.5 63z"
/>
<path
fill="#2828b8"
d="M29.5 44c-4.687 0-8.5-3.813-8.5-8.5a.5.5 0 0 1 1 0c0 4.136 3.364 7.5 7.5 7.5 3.968 0 7.226-3.097 7.483-7H34.5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 .5.5c0 4.687-3.813 8.5-8.5 8.5zM24.5 33c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-2a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 24.5 31zM34.5 33c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-2a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 34.5 31z"
/>
<path
fill="#2828b8"
d="M37.5 32a.5.5 0 0 1-.5-.5c0-1.378-1.121-2.5-2.5-2.5S32 30.122 32 31.5a.5.5 0 0 1-1 0c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5a.5.5 0 0 1-.5.5zM27.5 32a.5.5 0 0 1-.5-.5c0-1.378-1.121-2.5-2.5-2.5S22 30.122 22 31.5a.5.5 0 0 1-1 0c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5a.5.5 0 0 1-.5.5zM52 63c-6.065 0-11-4.935-11-11s4.935-11 11-11 11 4.935 11 11-4.935 11-11 11zm0-21c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10zM29.5 36h-5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1z"
/>
</svg>
More icons in the same style and category