Add icons to this collection by clicking the heart icon.
Granola icon - also known as healthy, vegetarian, vegan, food and restaurant, and granola. Created in a clean outline color style with a white, silver, gray, red, olive, 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="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<path fill="#ceae84" d="m27 15 5-8h25l5 8v47H25z" />
<path fill="#eee5d2" d="M27 15h35v42H27z" />
<path fill="#ceae84" d="M42.493 50H62V28H41.915z" />
<path fill="#936c42" d="M32 2h25v5H32z" />
<path fill="#b1874e" d="M58 57h4v5h-4zM58 15h4l-5-8h-4z" />
<path fill="#dcc19c" d="M58 15h4v13h-4zM58 50h4v7h-4z" />
<path fill="#b1874e" d="M58 28h4v22h-4z" />
<path fill="#905f23" d="M53 2h4v5h-4z" />
<rect width="50" height="5" x="2" y="34" fill="#936c42" rx="2.5" />
<path fill="#936c42" d="M19 57.578h16V62H19z" />
<path fill="#b1874e" d="M4 39a19 19 0 0 0 19 19h8a19 19 0 0 0 19-19z" />
<path
d="M47.741 39A18.989 18.989 0 0 1 29 55h-8a18.959 18.959 0 0 1-14.75-7.032A19 19 0 0 0 23 58h8a19 19 0 0 0 19-19z"
opacity=".05"
/>
<path
fill="#fbe2af"
d="M6.684 34A6 6 0 0 1 11 23.083V23a6 6 0 0 1 10.379-4.1 6 6 0 0 1 11.244 0A6 6 0 0 1 43 23v.083A6 6 0 0 1 47.314 34z"
/>
<path
fill="#f8d296"
d="M10.217 34A5.074 5.074 0 0 1 8 29.79a5.005 5.005 0 0 1 4.957-5.053 4.9 4.9 0 0 1 .826.07v-.07a5.005 5.005 0 0 1 4.956-5.053 4.9 4.9 0 0 1 3.618 1.6 4.926 4.926 0 0 1 9.289 0 4.9 4.9 0 0 1 3.618-1.6 5.005 5.005 0 0 1 4.956 5.053v.07a4.9 4.9 0 0 1 .826-.07A5.005 5.005 0 0 1 46 29.79 5.072 5.072 0 0 1 43.781 34z"
/>
<path
fill="#a37a4a"
d="M8 27h2v2H8zM44 27h2v2h-2zM37 21h2v2h-2zM26 18h2v2h-2zM15 21h2v2h-2z"
/>
<g fill="#f9d161">
<path
d="M27 8h-2V6h2zm-4 0h-2V6h2zM25 10h-2V8h2zm0-4h-2V4h2zM8 17H6v-2h2zm-4 0H2v-2h2zM6 19H4v-2h2zm0-4H4v-2h2zM15 6h-2V4h2zm-4 0H9V4h2zM13 8h-2V6h2zm0-4h-2V2h2z"
/>
</g>
<path
fill="#dd4334"
d="M37.433 34a2.543 2.543 0 0 1-1.219-.308 2.5 2.5 0 0 1-.915-3.35l1.3-2.495A1.576 1.576 0 0 1 38 27a1.576 1.576 0 0 1 1.4.847l1.3 2.495a2.5 2.5 0 0 1-.915 3.35 2.543 2.543 0 0 1-1.218.308z"
/>
<path
fill="#df573d"
d="M40.028 29.412a3.285 3.285 0 0 0-.045-.447l-.583-1.118a1.579 1.579 0 0 0-2.8 0l-1.3 2.495a2.628 2.628 0 0 0-.236 1.751 3.2 3.2 0 0 0 4.965-2.681z"
/>
<path
fill="#dd4334"
d="M37.333 30.5a2.326 2.326 0 0 0 2.317-2.172l-.251-.481a1.579 1.579 0 0 0-2.8 0l-.985 1.887a2.315 2.315 0 0 0 1.719.766z"
/>
<path
fill="#fff"
d="M37.333 30.5a2.326 2.326 0 0 0 2.317-2.172l-.251-.481a1.579 1.579 0 0 0-2.8 0l-.985 1.887a2.315 2.315 0 0 0 1.719.766z"
opacity=".15"
/>
<ellipse
cx="37.303"
cy="28.119"
fill="#fff"
rx=".611"
ry=".426"
transform="rotate(-62.1 37.313 28.11)"
/>
<path
fill="#dd4334"
d="M27.567 30h-1.134a2.543 2.543 0 0 1-1.219-.308 2.5 2.5 0 0 1-.915-3.35l1.3-2.495A1.576 1.576 0 0 1 27 23a1.576 1.576 0 0 1 1.4.847l1.3 2.495a2.5 2.5 0 0 1-.915 3.35 2.543 2.543 0 0 1-1.218.308z"
/>
<path
fill="#df573d"
d="M29.028 25.412a3.285 3.285 0 0 0-.045-.447l-.583-1.118a1.579 1.579 0 0 0-2.8 0l-1.3 2.495a2.628 2.628 0 0 0-.236 1.751 3.2 3.2 0 0 0 4.965-2.681z"
/>
<path
fill="#dd4334"
d="M26.333 26.5a2.326 2.326 0 0 0 2.317-2.172l-.251-.481a1.579 1.579 0 0 0-2.8 0l-.985 1.887a2.315 2.315 0 0 0 1.719.766z"
/>
<path
fill="#fff"
d="M26.333 26.5a2.326 2.326 0 0 0 2.317-2.172l-.251-.481a1.579 1.579 0 0 0-2.8 0l-.985 1.887a2.315 2.315 0 0 0 1.719.766z"
opacity=".15"
/>
<ellipse
cx="26.257"
cy="24.222"
fill="#fff"
rx=".52"
ry=".363"
transform="rotate(-74.45 26.26 24.23)"
/>
<path
fill="#dd4334"
d="M15.433 34a2.543 2.543 0 0 1-1.219-.308 2.5 2.5 0 0 1-.915-3.35l1.3-2.495A1.576 1.576 0 0 1 16 27a1.576 1.576 0 0 1 1.4.847l1.3 2.495a2.5 2.5 0 0 1-.915 3.35 2.543 2.543 0 0 1-1.218.308z"
/>
<path
fill="#df573d"
d="M18.028 29.412a3.285 3.285 0 0 0-.045-.447l-.583-1.118a1.579 1.579 0 0 0-2.8 0l-1.3 2.495a2.628 2.628 0 0 0-.236 1.751 3.2 3.2 0 0 0 4.965-2.681z"
/>
<path
fill="#dd4334"
d="M15.333 30.5a2.326 2.326 0 0 0 2.317-2.172l-.251-.481a1.579 1.579 0 0 0-2.8 0l-.985 1.887a2.315 2.315 0 0 0 1.719.766z"
/>
<path
fill="#fff"
d="M15.333 30.5a2.326 2.326 0 0 0 2.317-2.172l-.251-.481a1.579 1.579 0 0 0-2.8 0l-.985 1.887a2.315 2.315 0 0 0 1.719.766z"
opacity=".15"
/>
<ellipse
cx="15.303"
cy="28.119"
fill="#fff"
rx=".611"
ry=".426"
transform="rotate(-62.1 15.313 28.116)"
/>
<ellipse
cx="14.65"
cy="29.31"
fill="#fff"
rx=".423"
ry=".295"
transform="rotate(-82.82 14.658 29.317)"
/>
<ellipse
cx="19.994"
cy="27.435"
opacity=".05"
rx="1"
ry="1.5"
transform="rotate(-5.73 19.973 27.345)"
/>
<ellipse
cx="10.262"
cy="31.709"
opacity=".05"
rx=".747"
ry="1.121"
transform="rotate(-15.31 10.286 31.766)"
/>
<ellipse
cx="33.061"
cy="30.208"
opacity=".05"
rx="1.5"
ry="1"
transform="rotate(-71.58 33.057 30.199)"
/>
<ellipse
cx="21.5"
cy="30.5"
opacity=".05"
rx=".781"
ry="1.172"
transform="rotate(-5.73 21.475 30.4)"
/>
<ellipse
cx="43.214"
cy="32"
opacity=".05"
rx=".781"
ry="1.172"
transform="rotate(-5.73 43.145 31.878)"
/>
<ellipse
cx="28.797"
cy="32.137"
opacity=".05"
rx=".632"
ry=".949"
transform="rotate(-15.31 28.857 32.19)"
/>
</g>
<g>
<path
d="M58 6.713V2a1 1 0 0 0-1-1H32a1 1 0 0 0-1 1v4.713l-4.578 7.325a7.04 7.04 0 0 0-5.363 3.262A7 7 0 0 0 10.071 22H10a7 7 0 0 0-5.729 11.023 3.483 3.483 0 0 0-1.237 6.644A20.007 20.007 0 0 0 18 58.342V62a1 1 0 0 0 1 1h43a1 1 0 0 0 1-1V15a1 1 0 0 0-.152-.53zM61 16v11H50.7a7.009 7.009 0 0 0-6.7-5h-.071a7 7 0 0 0-10.988-4.7 7.057 7.057 0 0 0-4.269-3.088L32.554 8h23.892l3.75 6H45v2zM50.966 39.667a3.483 3.483 0 0 0-1.237-6.644A6.987 6.987 0 0 0 51 29h10v20H48.294a19.851 19.851 0 0 0 2.672-9.333zM56 3v3H33V3zM10 24a5.02 5.02 0 0 1 .834.069 1.041 1.041 0 0 0 .812-.264A1.087 1.087 0 0 0 12 23a5.006 5.006 0 0 1 5-5 4.954 4.954 0 0 1 3.615 1.546 1 1 0 0 0 1.714-.332 5 5 0 0 1 9.347.012 1 1 0 0 0 1.488.515.977.977 0 0 0 .234-.209A4.955 4.955 0 0 1 37 18a5.02 5.02 0 0 1 5 5.065 1 1 0 0 0 .347.776 1.015 1.015 0 0 0 .819.228A4.994 4.994 0 0 1 46.985 33h-5.3a3.592 3.592 0 0 0-.1-3.121l-1.3-2.5a2.58 2.58 0 0 0-4.572 0l-1.3 2.5a3.586 3.586 0 0 0-.1 3.121H19.688a3.592 3.592 0 0 0-.1-3.121l-1.3-2.5a2.58 2.58 0 0 0-4.572 0l-1.3 2.5a3.586 3.586 0 0 0-.1 3.121h-5.3A4.992 4.992 0 0 1 10 24zm26.692 8.813a1.5 1.5 0 0 1-.506-2.008l1.3-2.5a.6.6 0 0 1 1.026 0l1.3 2.5a1.506 1.506 0 0 1-.506 2.008 1.526 1.526 0 0 1-.742.187h-1.131a1.519 1.519 0 0 1-.741-.187zm-22 0a1.5 1.5 0 0 1-.506-2.008l1.3-2.5a.6.6 0 0 1 1.026 0l1.3 2.5a1.506 1.506 0 0 1-.506 2.008 1.526 1.526 0 0 1-.742.187h-1.131a1.519 1.519 0 0 1-.741-.187zM4.5 35h45a1.5 1.5 0 0 1 0 3h-45a1.5 1.5 0 0 1 0-3zm.551 5h43.9A18.006 18.006 0 0 1 31 57h-8A18.006 18.006 0 0 1 5.051 40zM20 61v-2.25a19.916 19.916 0 0 0 3 .25h8a19.916 19.916 0 0 0 3-.25V61zm16 0v-2.658A20.019 20.019 0 0 0 46.962 51H61v5H49v2h12v3z"
/>
<path
d="M45 56h2v2h-2zM41 14h2v2h-2zM8 27h2v2H8zM44 27h2v2h-2zM37 21h2v2h-2zM26 18h2v2h-2zM15 21h2v2h-2zM21 6h2v2h-2zM25 6h2v2h-2zM23 4h2v2h-2zM23 8h2v2h-2zM2 15h2v2H2zM6 15h2v2H6zM4 17h2v2H4zM4 13h2v2H4zM9 4h2v2H9zM13 4h2v2h-2zM11 6h2v2h-2zM11 2h2v2h-2zM24.738 30.571a3.559 3.559 0 0 0 1.7.429h1.134a3.565 3.565 0 0 0 1.7-.429 3.493 3.493 0 0 0 1.325-4.692l-1.3-2.5a2.58 2.58 0 0 0-4.572 0l-1.3 2.5a3.491 3.491 0 0 0 1.313 4.692zm.448-3.766 1.3-2.5a.579.579 0 0 1 1.026 0l1.3 2.5a1.506 1.506 0 0 1-.506 2.008 1.526 1.526 0 0 1-.742.187h-1.131a1.519 1.519 0 0 1-.741-.187 1.5 1.5 0 0 1-.506-2.008z"
/>
</g>
</svg>
More icons in the same style and category