Add icons to this collection by clicking the heart icon.
Smile icon - also known as smile, emoticons, feelings, smileys, and emoji. Created in a clean lineal color style with a black, yellow, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="#303c42"
/>
<path
d="M256 490.667C126.604 490.667 21.333 385.396 21.333 256S126.604 21.333 256 21.333 490.667 126.604 490.667 256 385.396 490.667 256 490.667z"
fill="#fed600"
/>
<path
d="M407.888 77.445C442.798 118.421 464 171.411 464 229.333 464 358.729 358.729 464 229.333 464c-57.922 0-110.913-21.202-151.888-56.112 43.077 50.563 107.081 82.779 178.555 82.779 129.396 0 234.667-105.271 234.667-234.667 0-71.474-32.216-135.478-82.779-178.555z"
opacity=".1"
fill="#010101"
/>
<path
d="M393.385 299.115a10.62 10.62 0 0 0-12.844 7.906c-13.75 57.885-64.958 98.313-124.542 98.313-59.656 0-110.885-40.49-124.573-98.448-1.365-5.75-7.146-9.24-12.833-7.938-5.74 1.354-9.292 7.104-7.938 12.833 15.979 67.646 75.75 114.885 145.344 114.885 69.51 0 129.26-47.167 145.292-114.708 1.365-5.739-2.176-11.489-7.906-12.843z"
fill="#303c42"
/>
<circle cx="170.667" cy="192" r="21.333" fill="#303c42" />
<circle cx="341.333" cy="192" r="21.333" fill="#303c42" />
<linearGradient
id="a"
x1="-45.578"
x2="-23.828"
y1="639.555"
y2="629.414"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category