Add icons to this collection by clicking the heart icon.
Grumpy icon - also known as emoticons, feelings, smileys, grumpy, 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.833 0 256s114.844 256 256 256 256-114.833 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="m376.458 355.125-3.014 3.014C358.417 344.533 322.199 320.016 256 320h-.063c-66.168 0-102.366 24.522-117.385 38.135l-3.01-3.01c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l21.333 21.333a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083l-3.272-3.272c12.383-11.017 43.56-31.853 102.335-31.853h.063c58.854.016 90.047 20.874 102.398 31.852l-3.273 3.273c-4.167 4.167-4.167 10.917 0 15.083a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083-4.169-4.167-10.919-4.167-15.086 0zM394.667 149.333h-33.25a53.256 53.256 0 0 0-50.594 36.458l-11.625 34.854c-1.865 5.583 1.156 11.625 6.74 13.5 1.125.375 2.26.542 3.375.542 4.469 0 8.625-2.833 10.115-7.292l11.625-34.854a31.984 31.984 0 0 1 30.365-21.875h33.25a10.66 10.66 0 0 0 10.667-10.667 10.663 10.663 0 0 0-10.668-10.666zM150.573 170.667c13.802 0 26 8.792 30.354 21.896l11.583 34.771c1.49 4.458 5.656 7.292 10.125 7.292 1.115 0 2.25-.167 3.375-.542 5.583-1.875 8.604-7.917 6.75-13.5l-11.583-34.771a53.267 53.267 0 0 0-50.604-36.479h-33.24a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h33.24zM309.323 149.333c3.24 0 6.448-1.479 8.542-4.271L330.667 128c10.01-13.354 25.958-21.333 42.667-21.333A10.66 10.66 0 0 0 384.001 96a10.66 10.66 0 0 0-10.667-10.667c-23.385 0-45.719 11.167-59.729 29.875l-12.802 17.063c-3.531 4.708-2.583 11.396 2.125 14.938a10.643 10.643 0 0 0 6.395 2.124zM138.667 106.667c16.708 0 32.656 7.979 42.667 21.333l12.802 17.063a10.663 10.663 0 0 0 8.542 4.271c2.229 0 4.469-.688 6.396-2.125 4.708-3.542 5.656-10.229 2.125-14.938l-12.802-17.063c-14.01-18.708-36.344-29.875-59.729-29.875A10.661 10.661 0 0 0 128 96a10.66 10.66 0 0 0 10.667 10.667z"
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.833 0 256s114.844 256 256 256 256-114.833 256-256S397.156 0 256 0z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category