Add icons to this collection by clicking the heart icon.
Happy icon - also known as user, people, emotion, happy, emoticon, smiley, avatar, expression, feelings, smileys, and emojis. Created in a clean lineal color style with a white, silver, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a93.992 93.992 0 0 1-26.88-65.81v-71.83l-77.15.33-124.441.54-37.759.16-148.1.63v49.95c-.5 22.49.53 101.78 57.88 156.99a166.16 166.16 0 0 0 27.11 21.15c7.76 4.85 15.84 9.03 24.159 12.56 62.41 26.53 138.691 17.34 197.66-9.12 2.491-1.11 2.42-4.67-.099-5.71l-19.97-8.21c-2.98-1.23-2.35-5.62.86-5.96l9.69-1.04C-64.87 69.06-21.48 37.98.16 1.13A.962.962 0 0 0 0 0"
transform="translate(477.815 383.93)"
fill="#56788b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a93.992 93.992 0 0 1-26.88-65.81v-71.83l-77.15.33-124.441.54C-259.4-90.05-278.16-56.26-266.23-58.15c65.44-10.37 82.11-20.35 127.629-20.35 51.58 0 80.84 15.57 80.84 15.57 0 24.61 4.391 39.16 21.62 56.73C-57.78 30.65-102.75 61.94-154.92 67.51l-9.69 1.04c-3.21.33-3.84 4.73-.861 5.96l19.971 8.21c2.52 1.04 2.59 4.6.1 5.71-50.911 22.84-159.69 12.65-159.69 12.65-2.6.37-2.5 1.62-.091 3.59 62.41 26.53 138.691 17.34 197.66-9.12 2.491-1.11 2.42-4.67-.099-5.71l-19.97-8.21c-2.98-1.23-2.35-5.62.86-5.96l9.69-1.04C-64.87 69.06-21.48 37.98.16 1.13A.962.962 0 0 0 0 0"
transform="translate(477.815 383.93)"
fill="#415e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a93.992 93.992 0 0 1-26.88-65.81v-71.83l-77.15.33v40.9s1.139 8.83 4.98 21.16c7.27 23.37 24.22 59.32 61.42 71.51C-26.87-.21-14.41 1.33 0 0"
transform="translate(477.815 383.93)"
fill="#90abbd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-78.46l-148.1.63v49.95c-.5 22.49.531 101.78 57.88 156.99 8.46 8.14 17.54 15.16 27.111 21.15h.019C-125.76 108.57-86.109 30.96 0 0"
transform="translate(211.584 325.78)"
fill="#90abbd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a93.992 93.992 0 0 1-26.88-65.81v-71.83l-77.15.33v40.9s1.139 8.83 4.98 21.16c26.71 4.56 41.289 12.32 41.289 12.32 0 24.61 4.391 39.16 21.62 56.73-.479.82-.979 1.64-1.489 2.46C-26.87-.21-14.41 1.33 0 0"
transform="translate(477.815 383.93)"
fill="#56788b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a41.67 41.67 0 0 0-10.741-1.4c-22.98 0-41.609 18.629-41.609 41.608 0 22.98 18.629 41.608 41.609 41.608A41.62 41.62 0 0 0 .95 80.151z"
transform="translate(101.026 175.982)"
fill="#d77d41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a41.73 41.73 0 0 1 9.687-1.133c22.979 0 41.608 18.628 41.608 41.608 0 22.979-18.629 41.608-41.608 41.608-4.059 0-7.983-.582-11.692-1.666z"
transform="translate(412.534 175.716)"
fill="#d77d41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-37.26-31.73-81.78-94.34-132.35a98.226 98.226 0 0 0-62.14-21.95 98.309 98.309 0 0 0-30.74 4.86h-.01a98.103 98.103 0 0 0-31.46 17.14c-62.57 50.53-94.3 95.05-94.3 132.3 0 3.96.15 7.92.49 11.72.399 4.1 1.34 11.76 1.609 21.69-.019 20.42-.199 37.27-.319 51.35-.03 3.37-.05 6.58-.07 9.64-.31 48.26 44.429 85.99 93.75 74.18 44.15-10.58 59.469-31.76 113.59-43.51 30.75-6.67 60.02-1.7 85.1 6 7.98 2.46 16.05-3.54 16.06-11.88.009-13.21-.02-37.78-.02-84.8.18-9.91 1.92-18.53 2.32-22.57C-.16 7.92 0 3.96 0 0"
transform="translate(413.274 161.8)"
fill="#fab684"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-37.26-31.73-81.78-94.34-132.35a98.226 98.226 0 0 0-62.14-21.95 98.309 98.309 0 0 0-30.74 4.86c16.89 2.9 53.28 14.86 66.71 25.77 64.06 51.73 93.52 84.28 93.52 122.4 0 4.05-.16 8.1-.49 12.09-.411 4.13-2.19 12.96-2.371 23.09 0 20.54 0 36.89.011 49.94 0 12.47-11.03 21.98-23.38 20.26-16.81-2.34-34.7-2.42-53.11 1.58-55.36 12.01-65.04 29.68-110.21 40.51-45.42 10.87-87.03-19.31-94.67-61.44-.03 3.37-.05 6.58-.07 9.64-.31 48.26 44.429 85.99 93.75 74.18 44.15-10.58 59.469-31.76 113.59-43.51 30.75-6.67 60.02-1.7 85.1 6 7.98 2.46 16.05-3.54 16.06-11.88.009-13.21-.02-37.78-.02-84.8.18-9.91 1.92-18.53 2.32-22.57C-.16 7.92 0 3.96 0 0"
transform="translate(413.274 161.8)"
fill="#f79e60"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.08-3.76-21.41-10.25-30.1-11.59-15.55-31.91-25.86-55.04-25.86-5.88 0-11.58.67-17 1.92-15.9 3.66-29.4 12.34-38.04 23.94-6.49 8.69-10.25 19.02-10.25 30.1z"
transform="translate(321.534 124.73)"
fill="#f87675"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.08-3.76-21.41-10.25-30.1-11.59-15.55-31.91-25.86-55.04-25.86-5.88 0-11.58.67-17 1.92C-54.47-47.63-34-25.87-34 0Z"
transform="translate(321.534 124.73)"
fill="#ff4656"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.08-3.76-21.41-10.25-30.1h-110.08c-6.49 8.69-10.25 19.02-10.25 30.1z"
transform="translate(321.534 124.73)"
fill="#eef0f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.08-3.76-21.41-10.25-30.1h-34C-37.76-21.41-34-11.08-34 0Z"
transform="translate(321.534 124.73)"
fill="#dae1ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-45.489 41.503-68.512 78.506-68.512 110.237 0 3.957.148 7.915.487 11.711.404 4.106 1.343 11.761 1.612 21.691"
transform="translate(168.797 51.568)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.182-9.909 1.915-18.531 2.314-22.572.325-3.899.487-7.856.487-11.814 0-37.266-31.733-81.786-94.343-132.353a98.232 98.232 0 0 0-62.139-21.951 98.36 98.36 0 0 0-62.212 21.995"
transform="translate(410.477 196.19)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a135.004 135.004 0 0 0-9.966 1.774c-54.119 11.747-69.445 32.927-113.59 43.509-49.326 11.809-94.062-25.919-93.751-74.182.093-15.866.358-35.693.389-61.006"
transform="translate(319.302 285.096)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 47.022.026 71.594.017 84.803-.006 8.34-8.075 14.333-16.055 11.882-11.931-3.666-24.806-6.713-38.336-8.182"
transform="translate(410.477 196.19)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c8.493 23.97 22.272 49.046 44.549 70.489 66.685 64.193 172.382 58.938 248.926 24.594 2.491-1.118 2.424-4.678-.101-5.716l-19.966-8.207c-2.984-1.228-2.355-5.62.853-5.964l9.697-1.04c52.163-5.569 95.558-36.651 117.194-73.497a.95.95 0 0 0-.157-1.133 93.99 93.99 0 0 1-26.881-65.81v-71.827"
transform="translate(76.818 384.402)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v49.95c-.208 9.38-.15 28.644 4.15 51.922"
transform="translate(63.483 247.952)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a41.67 41.67 0 0 0-10.741-1.4c-22.98 0-41.609 18.629-41.609 41.608 0 22.98 18.629 41.608 41.609 41.608A41.62 41.62 0 0 0 .95 80.151"
transform="translate(101.026 175.982)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a41.73 41.73 0 0 1 9.687-1.133c22.979 0 41.608 18.628 41.608 41.608 0 22.979-18.629 41.608-41.608 41.608-4.059 0-7.983-.582-11.692-1.666"
transform="translate(412.534 175.716)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.512 6.9 15.413 15.413 15.413S30.826 8.512 30.826 0"
transform="translate(240.831 162.328)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 18.357 17.361 33.239 38.778 33.239 21.416 0 38.778-14.882 38.778-33.239"
transform="translate(147.954 213.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 18.357 17.361 33.239 38.778 33.239 21.416 0 38.779-14.882 38.779-33.239"
transform="translate(286.978 213.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-62.668-41.692-23.015-119.304 63.094-150.267"
transform="translate(148.491 476.045)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s13.55 104.753 104.027 96.41"
transform="translate(373.786 287.519)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-30.906-29.229-55.96-65.287-55.96-36.058 0-65.287 25.054-65.287 55.96z"
transform="translate(321.531 124.728)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h110.104"
transform="translate(201.192 94.635)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5-20.413"
transform="translate(156.447 177.741)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5-20.413"
transform="translate(186.447 177.741)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5-20.413"
transform="translate(356.041 177.741)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5-20.413"
transform="translate(326.041 177.741)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category