Add icons to this collection by clicking the heart icon.
Granola icon - also known as breakfast, healthy food, wheat, cereal, nuts, porridge, food and restaurant, granola, and oats. Created in a clean flat gradient 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffdc8c" />
<stop offset="1" stop-color="#ffe6b4" />
</linearGradient>
<linearGradient
id="c"
x1="14.81"
x2="49.191"
y1="59.571"
y2="25.19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="13.586"
x2="50.414"
y1="48.414"
y2="11.586"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b43c3c" />
<stop offset="1" stop-color="#e64b4b" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#0a8c02" />
<stop offset="1" stop-color="#4cb044" />
</linearGradient>
<linearGradient
id="e"
x1="21.76"
x2="30.241"
y1="50.241"
y2="41.76"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="32.585"
x2="43.414"
y1="51.414"
y2="40.586"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="44.933"
x2="54.828"
y1="17.067"
y2="7.172"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="19.735"
x2="44.267"
y1="35.47"
y2="10.939"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9650" />
<stop offset="1" stop-color="#ffce80" />
</linearGradient>
<path
fill="url(#c)"
d="M4 36v2a26.015 26.015 0 0 0 8.811 19.5c.366.322.836.5 1.323.5h35.732c.487 0 .958-.178 1.323-.5A26.015 26.015 0 0 0 60 38v-2z"
/>
<path
fill="url(#d)"
d="M62 24H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h60a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2z"
/>
<path
fill="url(#e)"
d="M26 40h-4a2 2 0 0 0-2 2v4c0 3.309 2.691 6 6 6h4a2 2 0 0 0 2-2v-4c0-3.309-2.691-6-6-6z"
/>
<path
fill="url(#f)"
d="M42 40h-4c-3.309 0-6 2.691-6 6v4a2 2 0 0 0 2 2h4c3.309 0 6-2.691 6-6v-4a2 2 0 0 0-2-2z"
/>
<path
fill="url(#g)"
d="M44 14a7.935 7.935 0 0 1 6.415 3.242l4.414-4.414a3.997 3.997 0 0 0 0-5.656C54.048 6.391 53.023 6 52 6s-2.048.391-2.828 1.172l-7.067 7.067A7.954 7.954 0 0 1 44 14z"
/>
<path
fill="url(#h)"
d="M55.734 24a7.916 7.916 0 0 0-4.441-5.292A7.946 7.946 0 0 0 44 14a7.957 7.957 0 0 0-4 1.077c-2.418-1.403-5.582-1.403-8 0-2.418-1.403-5.582-1.403-8 0A7.957 7.957 0 0 0 20 14a7.944 7.944 0 0 0-7.292 4.708A7.915 7.915 0 0 0 8.266 24z"
/>
</svg>
More icons in the same style and category