Add icons to this collection by clicking the heart icon.
Bread Roll icon - also known as food, bread, roll, bakery, sweets, sweet, bun, baked, food and restaurant, and bread roll. 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(-450.372 450.372) rotate(-1.678 20.83 26.899)"
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="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-416.27426 0 0 416.27426 579.516 279.446)"
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="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-278.87226 278.87226) rotate(-71.684 .037 1.66)"
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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 279.446C0 53.573 388.304 86.626 388.304 86.626v385.641s-19.908 1.694-50.698 1.694C232.387 473.962 0 454.186 0 279.446"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0s-37.925 3.228-90.07.771c-20.011-20.807-47.358-58.11-62.459-111.421-3.401-12.005 4.101-24.126 17.146-25.766 13.045-1.64 19.754 5.194 22.32 15.136 4.751 18.402 14.095 47.384 29.426 66.889H0z"
transform="translate(388.304 472.267)"
fill="#ffac48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M264.607 279.446c0-106.492 55.382-192.82 123.697-192.82C456.62 86.626 512 172.954 512 279.446c0 106.492-55.38 192.821-123.696 192.821-68.315 0-123.697-86.329-123.697-192.821"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#c)"
stroke="none"
/>
<path
d="M324.934 279.446c0-26.347 8.222-49.997 21.267-66.229 8.427-10.484 10.455-24.653 5.396-37.116-11.468-28.248-18.625-61.699-18.625-78.711 0-32.779 26.571-59.351 59.351-59.351 32.778 0 59.35 26.572 59.35 59.351 0 17.446-7.529 52.184-19.514 80.866-5.872 14.054-4.224 29.958 3.854 42.871 9.75 15.583 15.66 35.981 15.66 58.319 0 48.961-28.372 88.651-63.369 88.651-34.998 0-63.37-39.69-63.37-88.651"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#d)"
stroke="none"
/>
<g clip-path="url(#e)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-1.827 8.863-6.018 26.426-13.553 44.46-2.129 5.097.277 10.953 5.372 13.083 5.095 2.126 10.953-.276 13.082-5.372 8.184-19.585 12.714-38.564 14.687-48.134 1.115-5.409-2.329-10.894-7.775-11.812C4.14-9.069.975-4.729 0 0"
transform="translate(408.804 118.375)"
fill="#f8cfc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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.63 6.687 12.004 14.936 12.004C-6.687 12.004 0 6.63 0 0"
transform="translate(65.92 245.596)"
fill="#ff85ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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.63 6.687 12.004 14.936 12.004C-6.687 12.004 0 6.63 0 0"
transform="translate(241.69 245.596)"
fill="#ff85ab"
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.618s13.261 29.618 29.618 29.618C-13.26 29.618 0 16.357 0 0"
transform="translate(106.207 275.214)"
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.617 13.261-29.617 29.618s13.26 29.618 29.617 29.618C-13.26 29.618 0 16.357 0 0"
transform="translate(230.765 275.214)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.515 2.192-4.955 6.556-2.959 10.186a18.657 18.657 0 0 0 16.349 9.668c6.806 0 13.07-3.705 16.348-9.668A7.5 7.5 0 1 0 16.594 2.96c-.94 1.71-2.554 1.894-3.204 1.894-.65 0-2.264-.184-3.204-1.895C8.82.476 4.752-2.963 0 0"
transform="translate(63.2 265.712)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.94 1.711-2.554 1.896-3.205 1.896-.649 0-2.263-.185-3.203-1.895a7.501 7.501 0 0 0-13.145 7.226 18.657 18.657 0 0 0 32.698 0c1.995-3.63.532-7.956-2.959-10.186C5.295-6.082 1.366-2.483 0 0"
transform="translate(204.351 268.671)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.341c-6.509 0-11.785 5.275-11.785 11.784 0 6.508 5.276 11.784 11.785 11.784H0c6.508 0 11.784-5.276 11.784-11.784C11.784 5.275 6.508 0 0 0"
transform="translate(150.54 235.41)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h23.341s.804 10.834-11.671 10.834C-.804 10.834 0 0 0 0"
transform="translate(127.198 235.41)"
fill="#ff737d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.522-4.477-10-10-10-5.522 0-10 4.478-10 10 0 5.523 4.478 10 10 10C-4.477 10 0 5.523 0 0"
transform="translate(428.598 83.177)"
fill="#f8cfc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category