Add icons to this collection by clicking the heart icon.
Pie icon - also known as food, pie, dessert, bakery, sweet, and food and restaurant. Created in a clean color 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 510 510"
>
<linearGradient
id="f"
x1="255.517"
x2="285.498"
y1="382.024"
y2="528.773"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dc934b" />
<stop offset="1" stop-color="#c7732e" />
</linearGradient>
<linearGradient id="a">
<stop offset=".011" stop-color="#c7732e" stop-opacity="0" />
<stop offset=".587" stop-color="#b36224" stop-opacity=".583" />
<stop offset="1" stop-color="#aa5a1f" />
</linearGradient>
<linearGradient
id="g"
x1="253.506"
x2="249.955"
y1="424.419"
y2="545.132"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-1873.909"
x2="-1878.519"
y1="405.491"
y2="562.214"
gradientTransform="matrix(-1 0 0 1 -1618 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-1874.136"
x2="-1877.675"
y1="416.704"
y2="537.055"
gradientTransform="matrix(-1 0 0 1 -1618 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="255"
x2="255"
y1="435.996"
y2="379.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffdecf" />
<stop offset="1" stop-color="#faa68e" />
</linearGradient>
<linearGradient
id="k"
x1="242.335"
x2="358.314"
y1="284.862"
y2="467.115"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="466.468"
x2="474.544"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="395.855"
x2="403.931"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="325.242"
x2="333.318"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="254.629"
x2="262.705"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="184.015"
x2="192.092"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="113.402"
x2="121.479"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="42.789"
x2="50.865"
y1="358.966"
y2="408.418"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#faa68e" stop-opacity="0" />
<stop offset="1" stop-color="#faa68e" />
</linearGradient>
<linearGradient
id="s"
x1="35.673"
x2="83.405"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="106.286"
x2="154.019"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="176.899"
x2="224.632"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="247.512"
x2="295.245"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="318.125"
x2="365.858"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="388.738"
x2="436.471"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="459.352"
x2="507.084"
y1="392.29"
y2="362.308"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="255"
x2="255"
y1="465.188"
y2="494.476"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="270.014"
x2="236.512"
y1="200.404"
y2="188.729"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="-469.65"
x2="-503.153"
y1="-392.735"
y2="-404.411"
gradientTransform="rotate(45 -845.399 735.877)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="C"
x1="365.039"
x2="331.536"
y1="1059.375"
y2="1047.7"
gradientTransform="rotate(-45 -719.881 683.492)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#faa68e" stop-opacity="0" />
<stop offset="1" stop-color="#db9381" />
</linearGradient>
<linearGradient
id="D"
x1="3040.704"
x2="3066.294"
y1="-5488.369"
y2="-5462.779"
gradientTransform="rotate(53 -4013.819 -5262.208)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="2890.813"
x2="2902.582"
y1="-5221.316"
y2="-5209.547"
gradientTransform="rotate(53 -4013.819 -5262.208)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="3077.365"
x2="3089.135"
y1="-5458.2"
y2="-5446.431"
gradientTransform="rotate(53 -4013.819 -5262.208)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="G"
x1="2917.393"
x2="2940.782"
y1="-5243.293"
y2="-5219.904"
gradientTransform="rotate(53 -4013.819 -5262.208)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="H"
x1="3081.062"
x2="3104.451"
y1="-5507.659"
y2="-5484.27"
gradientTransform="rotate(53 -4013.819 -5262.208)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="I"
x1="290.272"
x2="332.316"
y1="104.801"
y2="91.496"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="J"
x1="192.878"
x2="226.407"
y1="120.345"
y2="97.461"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="K"
x1="230.145"
x2="287.07"
y1="80.856"
y2="80.856"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M489.314 371.996c0 71.888-38.379 130.164-234.314 130.164S20.686 443.883 20.686 371.996s468.628-71.888 468.628 0z"
/>
<path
fill="url(#g)"
d="M443.959 371.996c0 71.888-30.95 130.164-188.959 130.164S66.041 443.883 66.041 371.996s377.918-71.888 377.918 0z"
/>
<path
fill="url(#h)"
d="M141.226 371.996c0 71.888 18.635 130.164 113.774 130.164s113.774-58.276 113.774-130.164-227.548-71.888-227.548 0z"
/>
<path
fill="url(#i)"
d="M211.84 371.996c0 71.888 7.069 130.164 43.161 130.164s43.161-58.276 43.161-130.164-86.322-71.888-86.322 0z"
/>
<path
fill="url(#j)"
d="M107.062 484.34c34.724 11.322 82.546 17.82 147.938 17.82 195.935 0 234.314-58.276 234.314-130.164s-468.627-71.888-468.627 0c0 9.753.715 19.253 2.426 28.394z"
/>
<path
fill="url(#k)"
d="M481.76 317.33c0 85.434-453.52 85.434-453.52 0S129.764 162.638 255 162.638s226.76 69.258 226.76 154.692z"
/>
<circle cx="466.839" cy="361.241" r="43.161" fill="url(#l)" />
<circle cx="396.226" cy="361.241" r="43.161" fill="url(#m)" />
<circle cx="325.613" cy="361.241" r="43.161" fill="url(#n)" />
<circle cx="255" cy="361.241" r="43.161" fill="url(#o)" />
<circle cx="184.387" cy="361.241" r="43.161" fill="url(#p)" />
<circle cx="113.774" cy="361.241" r="43.161" fill="url(#q)" />
<circle cx="43.161" cy="361.241" r="43.161" fill="url(#r)" />
<path
fill="url(#s)"
d="M33.966 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.864 20.033-28.902 34.018-52.218 34.018z"
/>
<path
fill="url(#t)"
d="M104.579 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.864 20.033-28.902 34.018-52.218 34.018z"
/>
<path
fill="url(#u)"
d="M175.192 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.864 20.033-28.902 34.018-52.218 34.018z"
/>
<path
fill="url(#v)"
d="M245.805 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.864 20.033-28.902 34.018-52.218 34.018z"
/>
<path
fill="url(#w)"
d="M316.419 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.865 20.033-28.903 34.018-52.218 34.018z"
/>
<path
fill="url(#x)"
d="M387.032 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.865 20.033-28.903 34.018-52.218 34.018z"
/>
<path
fill="url(#y)"
d="M457.645 391.975a56.828 56.828 0 0 1-26.563-6.558c7.76 11.455 20.879 18.984 35.758 18.984 23.837 0 43.16-19.324 43.16-43.161a43.5 43.5 0 0 0-.137-3.283c-8.865 20.033-28.902 34.018-52.218 34.018z"
/>
<path
fill="url(#z)"
d="M33.957 431.262C57.369 473.353 117.243 502.16 255 502.16s197.631-28.807 221.043-70.898z"
/>
<path
fill="url(#A)"
d="M268.439 198.587c0 7.422-6.017 13.439-13.439 13.439s-13.439-6.017-13.439-13.439 6.017-20.683 13.439-20.683 13.439 13.261 13.439 20.683z"
/>
<path
fill="url(#B)"
d="M218.347 201.111c-5.248 5.248-13.757 5.248-19.005 0s-5.248-13.757 0-19.005 18.88-10.371 24.128-5.123c5.247 5.248.125 18.88-5.123 24.128z"
/>
<path
fill="url(#C)"
d="M310.658 182.106c5.248 5.248 5.248 13.757 0 19.005s-13.757 5.248-19.005 0-10.371-18.88-5.123-24.128c5.249-5.248 18.88-.125 24.128 5.123z"
/>
<g opacity=".57">
<path
fill="url(#D)"
d="M408.812 270.316c-7.427 5.566-17.96 4.057-23.526-3.371s-4.057-17.96 3.371-23.526c7.427-5.566 17.96-4.057 23.526 3.371 5.566 7.427 4.057 17.96-3.371 23.526z"
/>
<path
fill="url(#E)"
d="M101.002 302.778a9.337 9.337 0 0 1-13.072-1.873c-3.093-4.127-2.254-9.98 1.873-13.072s9.98-2.254 13.072 1.873a9.337 9.337 0 0 1-1.873 13.072z"
/>
<circle cx="396.833" cy="302.525" r="9.338" fill="url(#F)" />
<path
fill="url(#G)"
d="M136.06 316.56c-5.579 4.181-13.491 3.047-17.672-2.532s-3.047-13.491 2.532-17.672 13.491-3.047 17.672 2.532 3.047 13.491-2.532 17.672z"
/>
<circle cx="438.188" cy="278.886" r="12.624" fill="url(#H)" />
</g>
<path
fill="url(#I)"
d="M295.521 153.31c-1.708-1.084-3.68-2.534-5.775-4.425-2.077-1.9-4.302-4.235-6.36-7.163-2.055-2.924-3.984-6.44-5.313-10.654a33.384 33.384 0 0 1-1.257-14.445c.671-5.259 2.793-10.695 5.998-15.278 3.187-4.615 7.274-8.375 11.543-11.334l2.448-1.702 1.277-.874.322-.214.169-.139.325-.264.669-.508.352-.245.366-.321.747-.632.381-.311.317-.315c1.792-1.682 3.047-3.196 4.016-4.885 1-1.67 1.547-3.727 1.775-6.127.218-2.39-.002-5.054-.47-7.639-.927-5.206-2.603-10.046-3.801-13.504-1.303-3.577 2.157-4.277 3.987-3.396 1.841.872 3.992 2.077 6.324 3.721 2.311 1.658 4.833 3.741 7.239 6.496 2.404 2.745 4.744 6.178 6.377 10.536.199.546.406 1.099.592 1.663.172.572.314 1.168.469 1.763.341 1.181.508 2.449.679 3.737.187 1.285.169 2.639.198 3.996-.105 1.359-.137 2.767-.419 4.149-.933 5.596-3.634 11.072-7.19 15.384l-.659.833-.701.752-1.422 1.5c-.888 1.003-2.129 1.98-3.234 2.939l-.859.717-.425.35-.309.231-1.248.911-2.606 1.874c-2.522 1.723-4.652 3.491-6.302 5.276-1.651 1.792-2.905 3.58-3.897 5.649-.978 2.06-1.683 4.442-1.987 7.049-.318 2.598-.313 5.358-.125 8.035.378 5.376 1.412 10.357 2.16 13.936.836 3.699-2.678 3.972-4.371 2.878z"
/>
<path
fill="url(#J)"
d="M207.451 153.871c-.97-.068-2.351-.253-4.023-.684a25.293 25.293 0 0 1-2.703-.851c-.98-.341-1.974-.795-3.033-1.321a29.682 29.682 0 0 1-6.577-4.48 30.887 30.887 0 0 1-6.191-7.669 30.695 30.695 0 0 1-3.802-11.405c-.563-4.354-.137-9.187 1.369-13.63 1.481-4.46 3.987-8.426 6.925-11.553a32.376 32.376 0 0 1 9.783-7.087l.081-.039c-.097.093.274-.235-.207.202l.03-.021.12-.083.24-.167.478-.333c.143-.081.152-.026.261-.034l.453-.267.447-.32c.602-.449 1.174-1.034 1.706-1.734 1.066-1.399 1.885-3.286 2.385-5.309.556-2.035.687-4.19.705-6.277-.041-2.075-.236-4.093-.578-5.889-.303-1.817-.745-3.41-1.118-4.759-.404-1.33 1.349-2.718 2.547-1.82 1.209.89 2.605 2.085 4.095 3.644 1.451 1.577 3.005 3.52 4.372 5.934 1.402 2.402 2.571 5.282 3.337 8.636.7 3.349.949 7.221.055 11.38a25.36 25.36 0 0 1-2.242 6.278c-.276.514-.57 1.024-.868 1.537-.322.503-.645.996-.995 1.505-.416.548-.92 1.173-1.314 1.641l-.364.455-.182.228-.091.114-.023.029c-.498.454-.146.142-.26.251l-.027.058c-1.162 2.456-2.151 4.686-2.882 6.64a46.645 46.645 0 0 0-1.532 5.051 44.76 44.76 0 0 0-.817 4.265 37.018 37.018 0 0 0-.343 5.13c-.004 1.902.117 3.965.306 6.033.192 2.068.442 4.142.673 6.103l.691 5.349c.204 1.571.366 2.893.468 3.831.102.959-.873 1.475-1.355 1.438z"
/>
<path
fill="url(#K)"
d="M251.083 152.619c-1.762-1.756-3.766-4.014-5.858-6.801a68.903 68.903 0 0 1-6.224-10.025 63.987 63.987 0 0 1-5.065-13.502c-1.264-5.087-2.014-10.795-1.682-16.902.325-6.089 1.768-12.568 4.528-18.657 2.731-6.098 6.729-11.719 11.388-16.348l2.855-2.791 1.42-1.371.358-.339c.089-.093.134-.156.204-.235l.388-.446c.52-.601 1.072-1.096 1.66-1.889l.882-1.077c.316-.35.511-.746.791-1.106 2.087-2.948 3.671-6.029 4.773-9.393 1.088-3.359 1.633-7.012 1.801-10.736.167-3.725-.077-7.5-.508-11.094-.432-3.598-1.084-7.002-1.749-10.071-.663-3.073-1.369-5.8-1.966-8.086-1.226-4.556 2.519-4.523 4.456-2.956 1.951 1.557 4.199 3.596 6.574 6.185a61.035 61.035 0 0 1 7.148 9.57 54.773 54.773 0 0 1 5.891 13.572c1.454 5.228 2.257 11.246 1.647 17.638-.606 6.37-2.654 13.018-6.015 18.901-.786 1.52-1.753 2.886-2.706 4.277-.875 1.379-2.105 2.812-3.29 4.206l-.898 1.046-.444.508-.343.355-1.386 1.405-2.761 2.77c-5.659 5.569-9.299 11.904-11.34 19.323-2.012 7.401-2.234 15.646-1.857 23.018.187 3.695.541 7.18.914 10.325.372 3.147.788 5.946 1.138 8.289.737 4.672-2.977 4.202-4.724 2.437z"
/>
</svg>
More icons in the same style and category