Add icons to this collection by clicking the heart icon.
Granola icon - also known as breakfast, healthy food, cereal, bowl, porridge, food and restaurant, granola, and oats. Created in a clean flat style, 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 512 512"
>
<path
fill="#eaaa83"
d="M477.489 220.974c-.175 38.168-31.874 68.723-70.042 68.723H206.819c-39.261-24.876-58.741-66.107-58.741-107.51 0-39.662 21.006-76.084 54.981-103.853l.011-.011c12.805-7.283 27.279-14.587 47.409-14.577 43.886.021 62.058 29.113 95.766 29.113 29.525 0 58.607 17.317 68.795 45.091 3.091 8.427 9.756 14.999 18.131 18.213 26.012 9.984 44.452 35.255 44.318 64.811z"
/>
<path
fill="#e4996d"
d="M206.819 289.697H104.553c-38.168 0-69.867-30.555-70.042-68.723-.134-29.556 18.306-54.826 44.318-64.809 8.386-3.214 15.041-9.787 18.131-18.214 10.199-27.774 39.27-45.091 68.795-45.091 13.423 0 24.539-7.263 37.313-14.536-27.856 27.908-44.689 64.201-44.689 103.863.001 41.404 18.349 79.139 48.44 107.51z"
/>
<ellipse cx="256" cy="227.376" fill="#fdc072" rx="41.207" ry="53.962" />
<path
fill="#df8a57"
d="M256 289.064a7.725 7.725 0 0 1-7.726-7.726V173.414a7.726 7.726 0 1 1 15.452 0v107.924a7.725 7.725 0 0 1-7.726 7.726z"
/>
<circle cx="347.171" cy="170.727" r="30.905" fill="#df8a57" />
<circle cx="164.829" cy="170.727" r="30.905" fill="#df8a57" />
<ellipse
cx="445.599"
cy="223.549"
fill="#fdc072"
rx="53.962"
ry="41.207"
transform="rotate(-54.97 445.832 223.482)"
/>
<path
fill="#df8a57"
d="M414.641 275.48a7.726 7.726 0 0 1-6.322-12.159l61.902-88.406a7.727 7.727 0 0 1 12.658 8.864l-61.902 88.406a7.72 7.72 0 0 1-6.336 3.295z"
/>
<ellipse
cx="66.401"
cy="223.549"
fill="#fdc072"
rx="41.207"
ry="53.962"
transform="rotate(-35.02 66.346 223.384)"
/>
<path
fill="#df8a57"
d="M97.359 275.48a7.717 7.717 0 0 1-6.336-3.296l-61.902-88.406a7.726 7.726 0 0 1 1.897-10.761 7.725 7.725 0 0 1 10.761 1.897l61.902 88.406a7.726 7.726 0 0 1-1.897 10.761 7.69 7.69 0 0 1-4.425 1.399z"
/>
<path
fill="#9cda82"
d="M316.482 34.746c-1.875 7.675-6.665 19.872-18.667 26.795-6.202 3.585-15.061 5.449-22.52 4.667C258.161 53.553 251.931 36.931 256 21.726c2.08-7.754 8.981-16.886 18.36-20.659a7.806 7.806 0 0 1 2.852 2.763c2.081 3.451 4.45 8.241 5.8 13.867.927 3.894 4.667 6.511 8.643 5.964 7.52-1.02 14.515.268 19.347 1.669 4.048 1.174 6.479 5.326 5.48 9.416z"
/>
<path
fill="#7dce5c"
d="M275.291 66.212c-5.602-.592-10.405-2.665-12.687-6.628a2.533 2.533 0 0 1-.14-.242c-1.974.52-3.949.581-5.837.075s-3.56-1.544-5.018-2.983c-.08.052-.157.097-.242.14-9.23 5.335-25.203-5.049-31.477-15.915-6.923-11.991-4.975-24.948-2.762-32.532 1.174-4.044 5.366-6.42 9.456-5.414 4.883 1.194 11.585 3.58 17.591 8.229 3.169 2.455 7.714 2.067 10.468-.841 3.985-4.201 8.426-7.165 11.955-9.112a7.914 7.914 0 0 1 7.774.067c-6.06 5.521-10.406 12.264-12.484 20.016-4.075 15.204 1.357 31.384 13.403 45.14z"
/>
<path
fill="#ff8f71"
d="M296.393 95.279c-4.399 16.421-19.45 32.069-36.2 38.292-21.072-12.385-32.049-37.392-26.187-59.273 3.029-11.322 12.504-23.586 23.859-29.013.896.196 1.782.412 2.668.649 24.065 6.449 42.309 25.291 35.86 49.345z"
/>
<path
fill="#ff7f5a"
d="M260.193 133.571c-7.795 2.897-15.956 3.76-23.597 1.712-24.054-6.445-38.232-40.485-31.787-64.539 6.21-23.178 29.842-30.7 53.064-25.466-8.802 7.233-15.334 16.8-18.366 28.117-5.864 21.882 2.867 44.667 20.686 60.176z"
/>
<path
fill="#fdc072"
d="M374.471 450.189v20.604c0 22.757-18.45 41.207-41.207 41.207h-69.815c-15.638-10.311-25.106-22.478-25.106-35.315 0-9.354 8.097-21.044 18.358-26.496z"
/>
<path
fill="#ffb25a"
d="M263.448 512h-84.712c-22.757 0-41.207-18.451-41.207-41.207v-20.604H256.7c-5.202 8.2-8.056 17.142-8.056 26.496 0 12.836 5.378 24.879 14.804 35.315z"
/>
<path
fill="#fff4e5"
d="M512 285.36v30.905c0 85.34-69.187 154.527-154.527 154.527h-80.622c-104.097-25.434-175.056-110.526-120.923-216.338h325.167c17.07.001 30.905 13.836 30.905 30.906z"
/>
<path
fill="#ffe0b7"
d="M276.851 470.793H154.527C69.184 470.793 0 401.609 0 316.266V285.36c0-17.069 13.837-30.905 30.905-30.905h125.023c-17.503 105.816 43.814 185.484 120.923 216.338z"
/>
<ellipse cx="172.754" cy="384.732" fill="#ffa1ac" rx="30.716" ry="24.461" />
<ellipse cx="339.246" cy="384.732" fill="#ffa1ac" rx="30.716" ry="24.461" />
<g fill="#666667">
<path
d="M241.108 385.629c-12.472 0-22.618-10.147-22.618-22.619a7.726 7.726 0 1 1 15.452 0c0 3.952 3.214 7.166 7.165 7.166a7.173 7.173 0 0 0 7.166-7.166 7.726 7.726 0 1 1 15.452 0c.001 12.472-10.146 22.619-22.617 22.619z"
/>
<path
d="M270.891 385.629c-12.472 0-22.618-10.147-22.618-22.619a7.726 7.726 0 1 1 15.452 0c0 3.952 3.214 7.166 7.165 7.166a7.173 7.173 0 0 0 7.166-7.166 7.726 7.726 0 1 1 15.452 0c.002 12.472-10.145 22.619-22.617 22.619z"
/>
</g>
<g fill="#666667">
<path
d="M206.801 358.564a7.725 7.725 0 0 1-7.726-7.726c0-3.558-2.895-6.454-6.454-6.454s-6.454 2.895-6.454 6.454a7.726 7.726 0 1 1-15.452 0c0-12.079 9.827-21.906 21.906-21.906s21.906 9.827 21.906 21.906a7.725 7.725 0 0 1-7.726 7.726zM333.559 358.564a7.725 7.725 0 0 1-7.726-7.726c0-3.558-2.895-6.454-6.454-6.454s-6.454 2.895-6.454 6.454a7.726 7.726 0 1 1-15.452 0c0-12.079 9.827-21.906 21.906-21.906s21.906 9.827 21.906 21.906a7.724 7.724 0 0 1-7.726 7.726z"
/>
</g>
</svg>
More icons in the same style and category