Add icons to this collection by clicking the heart icon.
Happiness icon - also known as interface, user, people, person, emoticons, smiley, faces, happiness, feelings, emoji, and ideogram. Created in a clean flat style with a white, red, 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="512pt"
height="512pt"
viewBox="-40 0 512 512"
>
<path
fill="#ffd9d4"
d="M251.18 289.238V488.75l-25.239 8.414c-3.988 1.332-6.144 5.64-4.816 9.629s5.64 6.145 9.629 4.812l30.441-10.148a7.608 7.608 0 0 0 5.207-7.219v-205zm0 0"
/>
<path
fill="#ffb4a9"
d="M333.89 180.14c46.169 0 83.727-37.562 83.727-83.726a7.61 7.61 0 0 1 7.613-7.613 7.61 7.61 0 0 1 7.61 7.613c0 54.559-44.387 98.95-98.95 98.95h-45.667V180.14zM370.656 469.7l-44.375-66.071v-114.39h-15.226v116.706a7.65 7.65 0 0 0 1.293 4.246l44.379 66.07v28.126a7.61 7.61 0 0 0 7.609 7.613 7.613 7.613 0 0 0 7.613-7.613V473.94c0-1.511-.449-2.988-1.293-4.242zm0 0"
/>
<path
fill="#ffd9d4"
d="M189.273 202.973h-15.222c0-12.59 10.242-22.832 22.832-22.832h91.34v15.222h-91.34c-4.195 0-7.61 3.414-7.61 7.61zm0 0"
/>
<path
fill="#ffb4a9"
d="M324 61.738c.012-.008-34.762-.004-34.762-.004v75.274c25.219 0 45.668-20.45 45.668-45.668A45.457 45.457 0 0 0 324 61.738zm0 0"
/>
<path
fill="#ffd9d4"
d="m303.332 74.094-48.86-12.356a45.457 45.457 0 0 0-10.906 29.602c0 25.219 20.45 45.668 45.672 45.668 8.403 0 15.223-20.45 15.223-45.668 0-6.102-.399-11.926-1.129-17.246zm0 0"
/>
<path
fill="#ffe2a8"
d="m289.238 45.668 14.094 28.426c7.563-2.262 14.691-6.387 20.668-12.356-8.371-9.832-20.84-16.07-34.762-16.07zm0 0"
/>
<path
fill="#fff0d3"
d="M289.238 45.668c-13.926 0-26.394 6.238-34.765 16.07 13.234 13.235 32.117 17.36 48.859 12.356-2.262-16.672-7.723-28.426-14.094-28.426zm0 0"
/>
<path
fill="#fff0d3"
d="M305.266 10.148C302.41 4.152 296.316 0 289.238 0c-7.082 0-13.175 4.152-16.027 10.148-9.809 0-17.762 7.954-17.762 17.762s7.953 17.758 17.762 17.758h32.055c9.808 0 17.757-7.95 17.757-17.758s-7.949-17.762-17.757-17.762zm0 0"
/>
<path
fill="#ff8646"
d="M313.594 167.453h-30.446l20.297 121.785h30.446V187.75c0-11.21-9.086-20.297-20.297-20.297zm0 0"
/>
<path
fill="#ffa754"
d="M283.148 167.453h-20.296c-11.211 0-20.297 9.086-20.297 20.297v101.488h60.89V187.75c0-11.21-9.086-20.297-20.297-20.297zm0 0"
/>
<path
fill="#ff4128"
d="M333.89 258.79h-30.445l15.223 91.339h30.445v-51.082c0-15.438-5.754-29.524-15.222-40.258zm0 0"
/>
<path
fill="#ff6753"
d="M303.445 258.79h-60.89c-9.47 10.733-15.227 24.82-15.227 40.257v51.082h91.34v-51.082c0-15.438-5.754-29.524-15.223-40.258zm0 0"
/>
<path
fill="#ffa754"
d="M213.121 91.34 181.75 78.344C175.441 34.054 137.371 0 91.34 0v182.676c46.031 0 84.101-34.055 90.41-78.344zm0 0"
/>
<path
fill="#ffcb63"
d="M152.23 91.34C152.23 40.895 124.97 0 91.34 0 40.895 0 0 40.895 0 91.34c0 50.441 40.895 91.336 91.34 91.336 33.629 0 60.89-40.895 60.89-91.336zm0 0"
/>
<g fill="#cf301b">
<path
d="M91.34 129.395c-13.516 0-26.133-7.286-32.938-19.016a7.61 7.61 0 0 1 2.766-10.402c3.637-2.106 8.297-.868 10.402 2.765 4.09 7.051 11.664 11.43 19.766 11.43 8.105 0 15.676-4.379 19.766-11.43a7.615 7.615 0 0 1 10.402-2.765 7.61 7.61 0 0 1 2.766 10.402c-6.801 11.73-19.418 19.016-32.93 19.016zM64.953 83.727a7.61 7.61 0 0 1-7.613-7.614V65.965a7.61 7.61 0 0 1 7.613-7.61 7.609 7.609 0 0 1 7.61 7.61v10.148a7.61 7.61 0 0 1-7.61 7.614zM117.723 83.727a7.61 7.61 0 0 1-7.61-7.614V65.965a7.609 7.609 0 0 1 7.61-7.61 7.61 7.61 0 0 1 7.613 7.61v10.148a7.61 7.61 0 0 1-7.613 7.614zm0 0"
/>
</g>
<path
fill="#ffd9d4"
d="M252.703 225.809h-55.82c-12.59 0-22.832-10.246-22.832-22.836 0-4.203 3.406-7.61 7.61-7.61s7.612 3.407 7.612 7.61c0 4.199 3.415 7.613 7.61 7.613h55.82c6.992 0 12.684-5.691 12.684-12.688a7.612 7.612 0 0 1 15.222 0c0 15.391-12.52 27.91-27.906 27.91zm0 0"
/>
</svg>
More icons in the same style and category