Add icons to this collection by clicking the heart icon.
Happiness icon - also known as heart, in love, emoticons, happiness, smileys, and emoji. Created in a clean flat style with a silver, gray, yellow, magenta, 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 501 501"
>
<path
fill="#0ed1b2"
d="M490 250.5c0 135.31-109.69 245-245 245-43.684 0-84.697-11.433-120.211-31.469-15.544-68.095-59.459-125.386-118.648-158.78C2.123 287.647 0 269.322 0 250.5c0-135.31 109.69-245 245-245s245 109.69 245 245z"
/>
<path
fill="#89e9d9"
d="M105.645 112.502c3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0L56.147 91.289c-3.905-3.905-3.905-10.237 0-14.142s10.237-3.905 14.142 0zM65.363 164.5H40.691c-5.523 0-10 4.477-10 10s4.477 10 10 10h24.672c5.523 0 10-4.477 10-10s-4.477-10-10-10zM153.5 46.034c-5.523 0-10 4.477-10 10v30.328c0 5.523 4.477 10 10 10s10-4.477 10-10V56.034c0-5.522-4.477-10-10-10zm229.189 306.321c-3.905-3.905-10.237-3.905-14.142 0-3.905 3.905-3.905 10.237 0 14.142l35.355 35.355c3.905 3.905 10.237 3.905 14.142 0s3.905-10.237 0-14.142zM433.5 294.5h-24.672c-5.523 0-10 4.477-10 10s4.477 10 10 10H433.5c5.523 0 10-4.477 10-10s-4.477-10-10-10zm-112.809 88.137c-5.523 0-10 4.477-10 10v30.329c0 5.523 4.477 10 10 10s10-4.477 10-10v-30.329c0-5.523-4.477-10-10-10z"
/>
<path
fill="#fd2aa7"
d="M470.369 206.843c-.727.898-85.858 99.781-131.775 100.156-45.918-.375-131.049-99.258-131.775-100.156C117.992 97.105 241.012-18.576 338.594 58.904c97.581-77.48 220.601 38.201 131.775 147.939z"
/>
<path
fill="#b1529e"
d="M423.44 255.26c-27.49 25.487-61.317 51.546-84.847 51.738-45.918-.374-131.048-99.258-131.775-100.156C150.25 136.957 179.6 64.661 233.581 41.38A175.52 175.52 0 0 0 229 81.329c0 96.65 78.35 175 175 175 6.571 0 13.057-.363 19.44-1.069z"
/>
<path
fill="#fd73c4"
d="M467 126.833c-5.389 3.127-11.188-4.997-29.192-12.525-22.531-9.421-31.969-4.362-42-15-.986-1.046-11.01-11.946-8-22 3.874-12.941 27.555-18.505 45-14 26.474 6.836 35.569 33.605 36 35 2.794 9.035 4.712 24.742-1.808 28.525z"
/>
<path
fill="#f1ca50"
d="M294.5 322.329c0 80.081-64.919 145-145 145-7.363 0-14.598-.55-21.666-1.608-61.267-33.425-106.687-92.25-122.109-162.324 9.276-71.136 70.11-126.068 143.775-126.068 80.081 0 145 64.919 145 145z"
/>
<path
fill="#fdf061"
d="M294.5 322.329c0 34.495-12.046 66.177-32.16 91.068-16.542 5.786-34.323 8.932-52.84 8.932-88.366 0-160-71.635-160-160 0-18.516 3.146-36.298 8.932-52.84 24.892-20.114 56.573-32.16 91.068-32.16 80.081 0 145 64.919 145 145z"
/>
<path
fill="#cd9e00"
d="M203.5 356.329v5c0 30.376-24.624 55-55 55s-55-24.624-55-55v-5c0-5.523 4.477-10 10-10h90c5.523 0 10 4.477 10 10zm-97.5-65a7.5 7.5 0 0 0 15 0c0-12.407-10.093-22.5-22.5-22.5S76 278.922 76 291.329a7.5 7.5 0 0 0 15 0c0-4.136 3.364-7.5 7.5-7.5s7.5 3.364 7.5 7.5zm92.5-22.5c-12.407 0-22.5 10.093-22.5 22.5a7.5 7.5 0 0 0 15 0c0-4.136 3.364-7.5 7.5-7.5s7.5 3.364 7.5 7.5a7.5 7.5 0 0 0 15 0c0-12.407-10.093-22.5-22.5-22.5z"
/>
<path
fill="#c98001"
d="M163.5 414.258a55.026 55.026 0 0 1-15 2.071c-30.376 0-55-24.624-55-55v-5c0-5.523 4.477-10 10-10h20v15c0 25.175 16.915 46.4 40 52.929z"
/>
<path
fill="#fdf7bd"
d="M373.5 314.5c0 5.523-4.477 10-10 10h-10v10c0 5.523-4.477 10-10 10s-10-4.477-10-10v-10h-10c-5.523 0-10-4.477-10-10s4.477-10 10-10h10v-10c0-5.523 4.477-10 10-10s10 4.477 10 10v10h10c5.523 0 10 4.477 10 10zm-310-100h-10v-10c0-5.523-4.477-10-10-10s-10 4.477-10 10v10h-10c-5.523 0-10 4.477-10 10s4.477 10 10 10h10v10c0 5.523 4.477 10 10 10s10-4.477 10-10v-10h10c5.523 0 10-4.477 10-10s-4.477-10-10-10z"
/>
</svg>
More icons in the same style and category