Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, elf, face, boy, emoticon, avatar, smileys, dwarf, christmas hat, and emoji. Created in a clean lineal color style with a white, gray, maroon, orange, and pink 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 300 300"
>
<path
fill="#4c241d"
d="M71.609 50.02c-2.211 0-4-1.791-4-4v-8c0-2.209 1.789-4 4-4s4 1.791 4 4v8c0 2.209-1.789 4-4 4zM71.609 74.02c-2.211 0-4-1.791-4-4v-8c0-2.209 1.789-4 4-4s4 1.791 4 4v8c0 2.209-1.789 4-4 4z"
/>
<circle cx="116" cy="162" r="80" fill="#edebdc" />
<path
fill="#ffded5"
d="m236 160.931 14.123-10.543c2.1-1.568 5.034.25 4.565 2.828L248 190l-12 11.396"
/>
<path
fill="#4c241d"
d="M236 205.396a4 4 0 0 1-2.754-6.9L244.297 188l5.949-32.711-11.852 8.846a4.002 4.002 0 0 1-4.79-6.41l14.125-10.543c2.285-1.709 5.32-1.834 7.746-.336a6.841 6.841 0 0 1 3.145 7.084l-6.688 36.785a3.957 3.957 0 0 1-1.18 2.186l-12 11.396a3.984 3.984 0 0 1-2.752 1.099z"
/>
<path
fill="#ffded5"
d="m114.738 160.931-14.123-10.543c-2.1-1.568-5.034.25-4.565 2.828L102.738 190l12 11.396"
/>
<path
fill="#4c241d"
d="M114.738 205.396c-.988 0-1.98-.365-2.754-1.1l-12-11.396a3.97 3.97 0 0 1-1.18-2.186l-6.688-36.785a6.84 6.84 0 0 1 3.145-7.084 6.854 6.854 0 0 1 7.746.336l14.125 10.543a4 4 0 0 1 .812 5.598 3.999 3.999 0 0 1-5.602.812l-11.852-8.846L106.441 188l11.051 10.496a4 4 0 0 1-2.754 6.9zM63.609 58.02h-8c-2.211 0-4-1.791-4-4s1.789-4 4-4h8c2.211 0 4 1.791 4 4s-1.789 4-4 4zM87.609 58.02h-8c-2.211 0-4-1.791-4-4s1.789-4 4-4h8c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
<path fill="#ffded5" d="M156.04 266v-36H196v36" />
<path
fill="#4c241d"
d="M196 270c-2.211 0-4-1.791-4-4v-32h-31.961v32c0 2.209-1.789 4-4 4s-4-1.791-4-4v-36c0-2.209 1.789-4 4-4H196c2.211 0 4 1.791 4 4v36c0 2.209-1.789 4-4 4z"
/>
<path
fill="#ffded5"
d="m212.824 228.093-1.026.584a71.076 71.076 0 0 1-69.121.702l-2.7-1.465C125.213 219.906 116 204.337 116 187.396v-83.56l120 26.455v57.729c0 16.61-8.859 31.928-23.176 40.073z"
/>
<path
fill="#4c241d"
d="M176.613 242.053c-12.285 0-24.582-3.049-35.844-9.158l-2.699-1.465c-16.082-8.721-26.07-25.594-26.07-44.033v-83.561c0-1.213.551-2.359 1.496-3.117a3.984 3.984 0 0 1 3.363-.789l120 26.455a3.999 3.999 0 0 1 3.141 3.906v57.729c0 18.02-9.656 34.707-25.199 43.551 0 .002-.004.002-.004.004l-1.027.582c-11.59 6.593-24.368 9.896-37.157 9.896zM120 108.814v78.582c0 15.502 8.387 29.682 21.883 37.002l2.699 1.465c20.531 11.135 44.926 10.895 65.238-.664l1.027-.582C223.895 217.191 232 203.168 232 188.02v-54.514zm92.824 119.28h.039z"
/>
<g fill="#4c241d">
<path
d="M135.48 130.387a4 4 0 0 1-2.055-7.435c14.832-8.854 27.848-.736 28.398-.389a4.005 4.005 0 0 1 1.215 5.525 3.996 3.996 0 0 1-5.508 1.227c-.414-.258-9.531-5.75-20.004.508a3.997 3.997 0 0 1-2.046.564zM175 203.012c-.449 0-.902-.02-1.355-.061a15.144 15.144 0 0 1-10.344-5.406 4 4 0 1 1 6.133-5.133 7.215 7.215 0 0 0 4.922 2.57 7.263 7.263 0 0 0 6.277-2.658 3.995 3.995 0 0 1 5.625-.576 3.998 3.998 0 0 1 .578 5.627A15.245 15.245 0 0 1 175 203.012zM240 142a3.99 3.99 0 0 1-2.988-1.342l-32-36a4 4 0 1 1 5.977-5.316l19.352 21.77c-5.59-14.824-15.184-34.867-28.559-43.783a3.997 3.997 0 0 1-1.109-5.547 3.99 3.99 0 0 1 5.547-1.109c25 16.666 37.156 64.336 37.66 66.357A3.997 3.997 0 0 1 240 142z"
/>
<circle cx="260" cy="66" r="4" />
<path
d="M143 167.012c-.449 0-.902-.02-1.355-.061a15.144 15.144 0 0 1-10.344-5.406 4 4 0 1 1 6.133-5.133 7.215 7.215 0 0 0 4.922 2.57 7.263 7.263 0 0 0 6.277-2.658 3.999 3.999 0 0 1 5.625-.576 3.998 3.998 0 0 1 .578 5.627A15.245 15.245 0 0 1 143 167.012zM207 167.012c-.449 0-.902-.02-1.355-.061a15.144 15.144 0 0 1-10.344-5.406 4 4 0 1 1 6.133-5.133 7.215 7.215 0 0 0 4.922 2.57 7.263 7.263 0 0 0 6.277-2.658 3.999 3.999 0 0 1 5.625-.576 3.998 3.998 0 0 1 .578 5.627A15.245 15.245 0 0 1 207 167.012z"
/>
<circle cx="59.937" cy="120.41" r="4.276" />
</g>
<path
fill="#a9ba5a"
d="M120 126v20l-28.405-.449v-38.722C91.595 66.607 123.921 34 163.798 34 203.674 34 236 66.607 236 106.829V126z"
/>
<path
fill="#4c241d"
d="M120 150h-.062l-28.406-.449a4.002 4.002 0 0 1-3.938-4v-38.723C87.594 64.465 121.777 30 163.797 30S240 64.465 240 106.828V126c0 2.209-1.789 4-4 4H124v16a4 4 0 0 1-4 4zm-24.406-8.387 20.406.323V126c0-2.209 1.789-4 4-4h112v-15.172C232 68.877 201.402 38 163.797 38s-68.203 30.877-68.203 68.828z"
/>
<circle cx="105.601" cy="160.05" r="19.608" fill="#fff" />
<path
fill="#4c241d"
d="M105.602 183.658c-13.02 0-23.609-10.59-23.609-23.607s10.59-23.607 23.609-23.607c13.016 0 23.605 10.59 23.605 23.607s-10.59 23.607-23.605 23.607zm0-39.215c-8.605 0-15.609 7.002-15.609 15.607s7.004 15.607 15.609 15.607 15.605-7.002 15.605-15.607-7-15.607-15.605-15.607z"
/>
<path
fill="#fff"
d="M236.017 142H120v-23.966h116.017c6.618 0 11.983 5.365 11.983 11.983S242.635 142 236.017 142z"
/>
<path
fill="#4c241d"
d="M236.016 146H120c-2.211 0-4-1.791-4-4v-23.967c0-2.209 1.789-4 4-4h116.016c8.812 0 15.984 7.17 15.984 15.984 0 8.813-7.172 15.983-15.984 15.983zM124 138h112.016c4.402 0 7.984-3.58 7.984-7.982s-3.582-7.984-7.984-7.984H124z"
/>
<path
fill="#4c241d"
d="M120 134c-2.211 0-4-1.791-4-4V94c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4z"
/>
<circle cx="176" cy="174" r="8" fill="#f96e43" />
<path
fill="#4c241d"
d="M176 186c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.207 0-4 1.795-4 4s1.793 4 4 4 4-1.795 4-4-1.793-4-4-4z"
/>
</svg>
More icons in the same style and category