Add icons to this collection by clicking the heart icon.
Waffle icon - also known as dessert, bakery, sweet, food and restaurant, and waffle. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M469.333 102.4H42.667C19.106 102.4 0 121.506 0 145.067v324.267C0 492.894 19.106 512 42.667 512h426.667c23.56 0 42.666-19.106 42.666-42.667V145.067c0-23.561-19.106-42.667-42.667-42.667zm25.6 366.933c0 14.14-11.46 25.6-25.6 25.6H42.667c-14.14 0-25.6-11.46-25.6-25.6V145.067c0-14.14 11.46-25.6 25.6-25.6h426.667c14.14 0 25.6 11.46 25.6 25.6v324.266z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.588"
x2="16.412"
y1="586.711"
y2="586.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M162.133 375.467H42.667A8.536 8.536 0 0 0 34.134 384v85.333a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533V384c0-4.71-3.823-8.533-8.534-8.533zM153.6 460.8H51.2v-68.267h102.4V460.8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.588"
x2="16.412"
y1="586.711"
y2="586.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M315.733 375.467H196.267a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533V384c0-4.71-3.823-8.533-8.534-8.533zM307.2 460.8H204.8v-68.267h102.4V460.8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-43.588"
x2="16.412"
y1="586.711"
y2="586.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M469.333 375.467H349.867a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533V384c0-4.71-3.823-8.533-8.534-8.533zM460.8 460.8H358.4v-68.267h102.4V460.8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M162.133 256H42.667a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533v-85.333c0-4.71-3.823-8.533-8.534-8.533zm-8.533 85.333H51.2v-68.267h102.4v68.267z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M315.733 256H196.267a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533v-85.333c0-4.71-3.823-8.533-8.534-8.533zm-8.533 85.333H204.8v-68.267h102.4v68.267z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M469.333 256H349.867a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533v-85.333c0-4.71-3.823-8.533-8.534-8.533zm-8.533 85.333H358.4v-68.267h102.4v68.267z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-43.588"
x2="16.412"
y1="614.711"
y2="614.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M162.133 136.533H42.667a8.536 8.536 0 0 0-8.533 8.533V230.4a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533v-85.333a8.537 8.537 0 0 0-8.534-8.534zm-8.533 85.334H51.2V153.6h102.4v68.267z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-43.588"
x2="16.412"
y1="614.711"
y2="614.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M315.733 136.533H196.267a8.536 8.536 0 0 0-8.533 8.533V230.4a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533v-85.333a8.537 8.537 0 0 0-8.534-8.534zm-8.533 85.334H204.8V153.6h102.4v68.267z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-43.588"
x2="16.412"
y1="614.711"
y2="614.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M469.333 136.533H349.867a8.536 8.536 0 0 0-8.533 8.533V230.4a8.536 8.536 0 0 0 8.533 8.533h119.467a8.536 8.536 0 0 0 8.533-8.533v-85.333a8.537 8.537 0 0 0-8.534-8.534zm-8.533 85.334H358.4V153.6h102.4v68.267z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-43.588"
x2="16.412"
y1="631.711"
y2="631.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M183.893 26.965a21.844 21.844 0 0 0 12.373-18.432A8.536 8.536 0 0 0 187.733 0a8.536 8.536 0 0 0-8.533 8.533c0 .939-1.365 2.048-4.693 4.267a21.844 21.844 0 0 0-12.373 18.432 21.855 21.855 0 0 0 12.373 18.517c3.328 2.219 4.693 3.328 4.693 4.267s-1.365 2.048-4.693 4.267A22.099 22.099 0 0 0 162.134 76.8c0 4.71 3.823 8.533 8.533 8.533S179.2 81.51 179.2 76.8c0-.939 1.365-2.048 4.693-4.267a22.099 22.099 0 0 0 12.373-18.517 21.846 21.846 0 0 0-12.373-18.432c-3.328-2.219-4.693-3.328-4.693-4.352s1.365-2.048 4.693-4.267z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-43.588"
x2="16.412"
y1="631.711"
y2="631.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M235.093 26.965a21.844 21.844 0 0 0 12.373-18.432c0-4.71-3.823-8.533-8.533-8.533S230.4 3.823 230.4 8.533c0 .939-1.365 2.048-4.693 4.267a21.844 21.844 0 0 0-12.373 18.432 21.855 21.855 0 0 0 12.373 18.517c3.328 2.219 4.693 3.328 4.693 4.267s-1.365 2.048-4.693 4.267A22.099 22.099 0 0 0 213.334 76.8a8.536 8.536 0 0 0 8.533 8.533A8.536 8.536 0 0 0 230.4 76.8c0-.939 1.365-2.048 4.693-4.267a22.099 22.099 0 0 0 12.373-18.517 21.846 21.846 0 0 0-12.373-18.432c-3.328-2.219-4.693-3.328-4.693-4.352s1.365-2.048 4.693-4.267z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-43.588"
x2="16.412"
y1="631.711"
y2="631.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M286.293 26.965a21.844 21.844 0 0 0 12.373-18.432A8.536 8.536 0 0 0 290.133 0a8.536 8.536 0 0 0-8.533 8.533c0 .939-1.365 2.048-4.693 4.267a21.844 21.844 0 0 0-12.373 18.432 21.855 21.855 0 0 0 12.373 18.517c3.328 2.219 4.693 3.328 4.693 4.267s-1.365 2.048-4.693 4.267A22.099 22.099 0 0 0 264.534 76.8a8.536 8.536 0 0 0 8.533 8.533A8.536 8.536 0 0 0 281.6 76.8c0-.939 1.365-2.048 4.693-4.267a22.099 22.099 0 0 0 12.373-18.517 21.846 21.846 0 0 0-12.373-18.432c-3.328-2.219-4.693-3.328-4.693-4.352s1.365-2.048 4.693-4.267z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-43.588"
x2="16.412"
y1="631.711"
y2="631.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M337.493 26.965a21.844 21.844 0 0 0 12.373-18.432c0-4.71-3.823-8.533-8.533-8.533S332.8 3.823 332.8 8.533c0 .939-1.365 2.048-4.693 4.267a21.844 21.844 0 0 0-12.373 18.432 21.855 21.855 0 0 0 12.373 18.517c3.328 2.219 4.693 3.328 4.693 4.267s-1.365 2.048-4.693 4.267A22.099 22.099 0 0 0 315.734 76.8c0 4.71 3.823 8.533 8.533 8.533S332.8 81.51 332.8 76.8c0-.939 1.365-2.048 4.693-4.267a22.099 22.099 0 0 0 12.373-18.517 21.846 21.846 0 0 0-12.373-18.432c-3.328-2.219-4.693-3.328-4.693-4.352s1.365-2.048 4.693-4.267z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-43.588"
x2="16.412"
y1="614.711"
y2="614.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M136.533 170.667h-17.066v17.066H102.4V204.8h34.133z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-43.588"
x2="16.412"
y1="614.711"
y2="614.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M290.133 170.667h-17.066v17.066H256V204.8h34.133z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-43.588"
x2="16.412"
y1="614.711"
y2="614.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M443.733 170.667h-17.066v17.066H409.6V204.8h34.133z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M136.533 290.133h-17.066V307.2H102.4v17.067h34.133z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M290.133 290.133h-17.066V307.2H256v17.067h34.133z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-43.588"
x2="16.412"
y1="600.711"
y2="600.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M443.733 290.133h-17.066V307.2H409.6v17.067h34.133z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-43.588"
x2="16.412"
y1="586.711"
y2="586.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M136.533 409.6h-17.066v17.067H102.4v17.066h34.133z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-43.588"
x2="16.412"
y1="586.711"
y2="586.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M290.133 409.6h-17.066v17.067H256v17.066h34.133z" fill="url(#v)" />
<linearGradient
id="w"
x1="-43.588"
x2="16.412"
y1="586.711"
y2="586.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M443.733 409.6h-17.066v17.067H409.6v17.066h34.133z"
fill="url(#w)"
/>
</svg>
More icons in the same style and category