Add icons to this collection by clicking the heart icon.
Pancakes icon - also known as food, dessert, sweet, baker, french, pancakes, food and restaurant, and blueberry. Created in a clean gradient style with a white, navy, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(49.71551 -49.71551) rotate(-76.159 -3.08 -8.01)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#8dc971" />
<stop offset="1" stop-opacity="1" stop-color="#9ad880" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(58.80754 -58.80754) rotate(-32.367 -10.146 -11.754)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#9ad880" />
<stop offset="1" stop-opacity="1" stop-color="#b2e59c" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(66.51251 0 0 -66.51251 208.98 443.453)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#8049bf" />
<stop offset="1" stop-opacity="1" stop-color="#996acc" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(66.51251 0 0 -66.51251 164.522 443.453)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#996acc" />
<stop offset="1" stop-opacity="1" stop-color="#b18cd9" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(435.91891 0 0 -435.91891 38.04 100.755)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffd097" />
<stop offset="1" stop-opacity="1" stop-color="#ffe6ae" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(435.91891 0 0 -435.91891 38.04 179.12)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffc477" />
<stop offset="1" stop-opacity="1" stop-color="#ffd097" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(435.91891 0 0 -435.91891 38.04 257.485)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffd097" />
<stop offset="1" stop-opacity="1" stop-color="#ffe6ae" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(435.91891 0 0 -435.91891 38.04 335.85)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffc477" />
<stop offset="1" stop-opacity="1" stop-color="#ffd097" />
</linearGradient>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(502.74982 0 0 -502.74982 4.625 30.786)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#b28476" />
<stop offset="1" stop-opacity="1" stop-color="#ccaa97" />
</linearGradient>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(357.55392 0 0 -357.55392 77.223 336.518)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#dd6642" />
<stop offset="1" stop-opacity="1" stop-color="#e7896e" />
</linearGradient>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="l" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M271.33 505.939c-13.896-18.331-29.188-39.758-31.737-48.435-4.84-16.466 4.586-33.738 21.052-38.577 16.468-4.84 33.74 4.586 38.579 21.052 2.55 8.677 1.282 34.971-.486 57.905-.677 8.78-7.945 14.116-15.365 14.116-4.412 0-8.879-1.888-12.043-6.061"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<path
d="M330.215 472.269c-22.815-2.928-48.817-7.031-56.796-11.292-15.139-8.084-20.858-26.912-12.774-42.05 8.085-15.14 26.912-20.86 42.052-12.775 7.978 4.261 25.851 23.587 40.974 40.918 8.764 10.044 1.318 25.334-11.373 25.334-.68 0-1.375-.044-2.083-.135"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#b)"
stroke="none"
/>
<path
d="M208.98 443.453c0-18.367 14.889-33.255 33.256-33.255s33.256 14.888 33.256 33.255c0 18.368-14.889 33.256-33.256 33.256s-33.256-14.888-33.256-33.256"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#c)"
stroke="none"
/>
<path
d="M164.522 443.453c0-18.367 14.889-33.255 33.257-33.255 18.367 0 33.256 14.888 33.256 33.255 0 18.368-14.889 33.256-33.256 33.256-18.368 0-33.257-14.888-33.257-33.256"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#d)"
stroke="none"
/>
<path
d="M77.223 139.937c-21.64 0-39.183-17.542-39.183-39.182s17.543-39.182 39.183-39.182h357.553c21.641 0 39.184 17.542 39.184 39.182s-17.543 39.182-39.184 39.182z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#e)"
stroke="none"
/>
<path
d="M77.223 218.303c-21.64 0-39.183-17.543-39.183-39.183s17.543-39.183 39.183-39.183h357.553c21.641 0 39.184 17.543 39.184 39.183s-17.543 39.183-39.184 39.183z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#f)"
stroke="none"
/>
<path
d="M77.223 296.668c-21.64 0-39.183-17.543-39.183-39.182 0-21.641 17.543-39.183 39.183-39.183h357.553c21.641 0 39.184 17.542 39.184 39.183 0 21.639-17.543 39.182-39.184 39.182z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#g)"
stroke="none"
/>
<path
d="M77.223 375.033c-21.64 0-39.183-17.543-39.183-39.183 0-21.639 17.543-39.182 39.183-39.182h357.553c21.641 0 39.184 17.543 39.184 39.182 0 21.64-17.543 39.183-39.184 39.183z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#h)"
stroke="none"
/>
<g clip-path="url(#i)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-9.934-8.053-17.987-17.987-17.987h-75.24c-27.041 0-27.961-22.213-27.961-22.213h-65.604s1.718 22.213-22.991 22.213h-30.556c-9.934 0-17.988 8.053-17.988 17.987 0 9.934 8.054 17.987 17.988 17.987h222.352C-8.053 17.987 0 9.934 0 0"
transform="translate(347.478 357.046)"
fill="#ffac48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M29.685 61.573c-19.391 0-31.494-21.203-21.444-37.785C15.962 11.05 29.356 0 52.594 0h406.812c23.238 0 36.632 11.05 44.352 23.788 10.05 16.582-2.052 37.785-21.444 37.785z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#j)"
stroke="none"
/>
<path
d="M109.597 421.437c-17.88 0-32.374-14.495-32.374-32.374v-14.03l72.337.001c11.769 0 20.526-10.926 17.905-22.4-6.147-26.909-9.922-55.476-9.922-65.088 0-19.852 16.093-35.946 35.944-35.946 19.853 0 35.945 16.094 35.945 35.946 0 9.612-3.774 38.179-9.921 65.088-2.621 11.474 6.135 22.4 17.904 22.4l197.361-.001v14.03c0 17.879-14.493 32.374-32.372 32.374z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#k)"
stroke="none"
/>
<g clip-path="url(#l)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-6.629-6.687-12.003-14.937-12.003-8.249 0-14.936 5.374-14.936 12.003 0 6.629 6.687 12.003 14.936 12.003C-6.687 12.003 0 6.629 0 0"
transform="translate(183.05 129.326)"
fill="#ffb0d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.629-6.687-12.003-14.936-12.003-8.25 0-14.937 5.374-14.937 12.003 0 6.629 6.687 12.003 14.937 12.003C-6.687 12.003 0 6.629 0 0"
transform="translate(358.822 129.326)"
fill="#ffb0d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.357-13.261-29.618-29.618-29.618-16.358 0-29.618 13.261-29.618 29.618 0 16.358 13.26 29.618 29.618 29.618C-13.261 29.618 0 16.358 0 0"
transform="translate(223.34 158.943)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.357-13.26-29.618-29.618-29.618-16.357 0-29.618 13.261-29.618 29.618 0 16.358 13.261 29.618 29.618 29.618C-13.26 29.618 0 16.358 0 0"
transform="translate(347.897 158.943)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.749-7.903-17.652-17.652-17.652-9.749 0-17.653 7.903-17.653 17.652 0 9.75 7.904 17.652 17.653 17.652C-7.903 17.652 0 9.75 0 0"
transform="translate(211.374 158.943)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.749-7.903-17.652-17.652-17.652-9.749 0-17.653 7.903-17.653 17.652 0 9.75 7.904 17.652 17.653 17.652C-7.903 17.652 0 9.75 0 0"
transform="translate(335.931 158.943)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.851 0-11.702 2.213-16.476 6.638a7.5 7.5 0 0 0 10.199 11c3.755-3.481 8.799-3.481 12.554 0a7.5 7.5 0 0 0 10.199-11C11.702 2.213 5.851 0 0 0"
transform="translate(256 125.866)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-70.459c-5.523 0-10 4.477-10 10s4.477 10 10 10H0c5.523 0 10-4.477 10-10S5.523 0 0 0"
transform="translate(380.664 254.352)"
fill="#fff4de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.107c-5.523 0-10 4.477-10 10s4.477 10 10 10H0c5.523 0 10-4.477 10-10S5.523 0 0 0"
transform="translate(430.993 254.352)"
fill="#fff4de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category