Add icons to this collection by clicking the heart icon.
Milkshake icon - also known as food, summer, ice cream, dessert, sweet, summertime, milkshake, 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="a">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="e"
x1="219.97"
x2="277.981"
y1="46.755"
y2="46.755"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="242.519"
x2="220.895"
y1="70.976"
y2="72.578"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="235.999"
x2="224.295"
y1="6.706"
y2="-22.555"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="268.387"
x2="244.465"
y1="61.155"
y2="107.198"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efdcfb" stop-opacity="0" />
<stop offset=".486" stop-color="#baaad6" stop-opacity=".486" />
<stop offset="1" stop-color="#8679b2" />
</linearGradient>
<linearGradient
id="i"
x1="203.187"
x2="296.493"
y1="194.247"
y2="172.715"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="212.206"
x2="296.093"
y1="235.941"
y2="122.345"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3ffff" />
<stop offset=".217" stop-color="#a0fdff" />
<stop offset=".375" stop-color="#97f8fd" />
<stop offset=".513" stop-color="#87effb" />
<stop offset=".641" stop-color="#71e3f8" />
<stop offset=".761" stop-color="#54d3f4" />
<stop offset=".875" stop-color="#30c0ef" />
<stop offset=".984" stop-color="#07a9e9" />
<stop offset="1" stop-color="#00a5e8" />
</linearGradient>
<linearGradient
id="k"
x1="234.788"
x2="151.494"
y1="183.394"
y2="135.886"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#ffdecf" />
</linearGradient>
<linearGradient
id="l"
x1="253.815"
x2="253.815"
y1="313.113"
y2="261.174"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="186"
x2="245.105"
y1="468.735"
y2="291.419"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#faa68e" stop-opacity="0" />
<stop offset="1" stop-color="#faa68e" />
</linearGradient>
<linearGradient
id="n"
x1="241.583"
x2="307.286"
y1="410.235"
y2="330.929"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="231.292"
x2="164.194"
y1="341.535"
y2="214.794"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="250.415"
x2="327.74"
y1="289.433"
y2="209.201"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="-1338.804"
x2="-1436.007"
y1="-174.773"
y2="-143.167"
gradientTransform="rotate(159.39 -589.631 233.209)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="-1327.434"
x2="-1398.554"
y1="-115.681"
y2="-92.556"
gradientTransform="rotate(159.39 -589.631 233.209)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="-1294.077"
x2="-1365.197"
y1="-211.889"
y2="-188.764"
gradientTransform="rotate(159.39 -589.631 233.209)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="-1380.76"
x2="-1424.418"
y1="-128.802"
y2="-114.607"
gradientTransform="rotate(159.39 -589.631 233.209)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="-1269.899"
x2="-1313.556"
y1="-173.797"
y2="-159.601"
gradientTransform="rotate(159.39 -589.631 233.209)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="294.258"
x2="251.493"
y1="314.682"
y2="314.373"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="285.612"
x2="325.717"
y1="386.046"
y2="345.942"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="x"
x1="-42.268"
x2="4.053"
y1="615.289"
y2="553.527"
gradientTransform="matrix(1 .002 .002 -1 424.908 662.847)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="y"
x1="92.322"
x2="140.902"
y1="97.499"
y2="48.919"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="z"
x1="-326.116"
x2="-281.865"
y1="550.51"
y2="491.509"
gradientTransform="matrix(1 .002 .002 -1 424.908 662.847)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="A"
x1="-57.415"
x2="-20.453"
y1="489.614"
y2="440.332"
gradientTransform="matrix(1 .002 .002 -1 424.908 662.847)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient
id="B"
x1="133.665"
x2="175.462"
y1="464.248"
y2="422.451"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00adfb" />
<stop offset="1" stop-color="#3f3ced" />
</linearGradient>
<path
fill="url(#e)"
d="M248.672 440.099v-19.608H230.14v19.608c0 26.082-19.945 47.848-45.93 50.098-23.052 1.996-32.491 5.211-32.491 8.837 0 6.056 36.211 10.966 87.687 10.966s87.687-4.91 87.687-10.966c0-3.626-9.439-6.84-32.491-8.837-25.985-2.25-45.93-24.016-45.93-50.098z"
/>
<path
fill="url(#f)"
d="M242.391 461.983c-5.179 0-8.957-4.857-7.725-9.887a50.4 50.4 0 0 0 1.443-11.997v-19.611h12.563v19.611c0 4.125.499 8.144 1.444 11.994 1.233 5.031-2.546 9.89-7.725 9.89z"
/>
<ellipse cx="239.405" cy="496.779" fill="url(#g)" rx="70.941" ry="8.711" />
<path
fill="url(#h)"
d="M294.602 490.197c-25.985-2.25-45.93-24.016-45.93-50.098v-19.608H230.14v19.608c0 .788-.02 1.571-.056 2.35l.001.001s34.033 42.981 57.805 65.95c26.818-1.926 39.204-5.4 39.204-9.367-.002-3.625-9.441-6.839-32.492-8.836z"
/>
<path
fill="url(#i)"
d="M266.887 442.309h-54.964c-21.99 0-40.615-16.21-43.65-37.989l-29.131-162.481c-1.459-10.467 6.671-19.809 17.24-19.809h166.047c10.568 0 18.698 9.341 17.24 19.809L310.537 404.32c-3.035 21.779-21.66 37.989-43.65 37.989z"
/>
<path
fill="url(#j)"
d="M262.794 427.361h-46.776c-18.714 0-34.565-13.79-37.148-32.318l-24.792-131.275c-1.241-8.905 5.677-16.852 14.672-16.852h141.313c8.994 0 15.913 7.947 14.672 16.852l-24.792 131.275c-2.584 18.528-18.435 32.318-37.149 32.318z"
/>
<path
fill="url(#k)"
d="m310.537 404.32 29.131-162.481c1.458-10.467-6.671-19.809-17.24-19.809H183.13c-10.569 0-18.698 9.341-17.24 19.809l29.131 162.481c3.035 21.78 21.66 37.989 43.65 37.989h28.216c21.99 0 40.615-16.21 43.65-37.989z"
/>
<path
fill="url(#l)"
d="M167.791 260.889h140.863c17.223 0 31.184-13.61 31.184-30.398s-13.962-30.398-31.184-30.398h-24.813c-33.438 0-65.55 12.745-89.478 35.512z"
/>
<path
fill="url(#m)"
d="M309.953 116.527a30.186 30.186 0 0 0-3.595-2.267c-3.51-1.897-4.441-6.288-2.013-9.407 5.628-7.23 7.737-16.906 4.788-26.264-2.912-9.24-10.212-15.959-19.008-18.877-6.134-2.035-10.636-7.098-11.581-13.346a54.416 54.416 0 0 0-2.135-8.93c-6.197-18.762-21.358-32.055-39.24-37.061-7.496-2.098-14.272 4.973-11.585 12.11l.059.158c3.396 9.061 4.263 18.42 2.952 27.343-3.011 20.493-18.481 37.178-38.83 43.104l-.014.004c-15.865 4.62-24.884 20.902-20.145 36.367 1.853 6.047 5.537 11.072 10.284 14.674a4.678 4.678 0 0 1-.217 7.675c-.189.124-.368.258-.555.384l-.789.23c-15.865 4.62-24.884 20.902-20.145 36.367.003.009.007.018.009.028a28.937 28.937 0 0 0 6.265 10.983c3.768 4.141 2.472 10.423-2.147 13.041-.27.153-.27.153-.854.418l-1.08.395c-15.865 4.62-24.884 20.902-20.145 36.367 1.925 6.283 5.825 11.464 10.841 15.092a30.693 30.693 0 0 0 12.638 5.319 30.685 30.685 0 0 0 13.829-.774l140.888-41.026c4.958-1.444 9.247-4.026 12.657-7.367 1.241-1.248 9.926-10.274 8.601-23.495-1.072-10.7-8.29-20.043-18.645-24.249-3.696-1.452-5.094-5.79-3.116-9.163 1.073-1.834 5.574-9.992 3.301-20.571-2.243-10.434-9.524-15.998-11.273-17.262z"
/>
<path
fill="url(#n)"
d="m289.059 115.178-82.144 23.92c-15.865 4.62-32.569-4.172-37.308-19.637-4.739-15.465 4.28-31.747 20.145-36.367l82.144-23.92c15.865-4.62 32.569 4.172 37.308 19.637 4.739 15.465-4.28 31.747-20.145 36.367z"
/>
<path
fill="url(#o)"
d="m300.48 167.856-104.987 30.572c-15.865 4.62-32.569-4.172-37.308-19.637-4.739-15.465 4.28-31.747 20.145-36.367l104.987-30.572c15.865-4.62 32.569 4.172 37.308 19.637 4.74 15.465-4.279 31.747-20.145 36.367z"
/>
<path
fill="url(#p)"
d="m318.431 218.633-140.888 41.026c-15.865 4.62-32.569-4.172-37.308-19.637-4.739-15.465 4.28-31.747 20.145-36.367l140.888-41.026c15.865-4.62 32.569 4.172 37.308 19.637 4.74 15.465-4.28 31.747-20.145 36.367z"
/>
<circle cx="266.476" cy="342.487" r="23.751" fill="url(#q)" />
<circle cx="232.021" cy="293.589" r="17.377" fill="url(#r)" />
<circle cx="234.654" cy="395.378" r="17.377" fill="url(#s)" />
<path
fill="url(#t)"
d="M273.392 293.395c2.073 5.514 8.225 8.304 13.739 6.231s8.304-8.225 6.231-13.739-8.225-8.304-13.739-6.231c-5.515 2.073-8.305 8.224-6.231 13.739z"
/>
<path
fill="url(#u)"
d="M185.456 374.524c2.073 5.514 8.225 8.304 13.739 6.231s8.304-8.225 6.231-13.739-8.225-8.304-13.739-6.231-8.305 8.224-6.231 13.739z"
/>
<path
fill="url(#v)"
d="m330.483 169.433-.002-.001h-60.779l-8 22.366 33.577 33.577 23.152-6.742c4.958-1.444 9.247-4.026 12.657-7.367 1.271-1.223 9.24-9.153 8.803-21.636-.412-11.791-8.02-18.938-9.408-20.197z"
/>
<path
fill="url(#w)"
d="m368.004 118.688-33.627-27.154c-6.051-4.886-13.835-6.552-21.355-4.563-7.52 1.986-13.466 7.277-16.315 14.515L261.96 188.91a3.643 3.643 0 0 0 2.082 4.748c6.51 2.497 13.818-.707 16.393-7.187l31.409-79.028a7.826 7.826 0 0 1 5.332-4.744 7.822 7.822 0 0 1 6.979 1.491l33.626 27.154a8.134 8.134 0 0 0 11.439-1.218 8.133 8.133 0 0 0-1.216-11.438z"
/>
<path
fill="url(#x)"
d="M439.195 71.168a124.53 124.53 0 0 0-36.699 36.917c-2.134 3.316-7.057 3.307-9.179-.017a124.513 124.513 0 0 0-36.564-37.05c-3.251-2.136-3.243-6.992.017-9.116a124.541 124.541 0 0 0 36.699-36.917c2.133-3.316 7.057-3.307 9.179.017a124.528 124.528 0 0 0 36.565 37.05c3.25 2.136 3.241 6.992-.018 9.116z"
/>
<path
fill="url(#y)"
d="M71.064 443.934a137.703 137.703 0 0 1 40.578 40.818c2.359 3.666 7.803 3.656 10.149-.019a137.673 137.673 0 0 1 40.428-40.965c3.595-2.362 3.585-7.731-.018-10.079a137.688 137.688 0 0 1-40.577-40.818c-2.359-3.666-7.803-3.656-10.149.018a137.688 137.688 0 0 1-40.429 40.965c-3.595 2.363-3.586 7.732.018 10.08z"
/>
<path
fill="url(#z)"
d="M152.753 134.376a118.97 118.97 0 0 0-35.059 35.267c-2.038 3.167-6.742 3.159-8.769-.016a118.965 118.965 0 0 0-34.93-35.394c-3.106-2.04-3.098-6.68.016-8.709a118.954 118.954 0 0 0 35.058-35.267c2.038-3.167 6.742-3.159 8.769.016a118.977 118.977 0 0 0 34.93 35.394c3.107 2.041 3.099 6.68-.015 8.709z"
/>
<path
fill="url(#A)"
d="M412.618 192.03a99.366 99.366 0 0 0-29.283 29.457c-1.702 2.646-5.631 2.638-7.324-.013a99.373 99.373 0 0 0-29.175-29.563c-2.594-1.704-2.587-5.579.013-7.274a99.366 99.366 0 0 0 29.283-29.457c1.702-2.646 5.631-2.638 7.324.013a99.388 99.388 0 0 0 29.176 29.563c2.594 1.704 2.587 5.579-.014 7.274z"
/>
<path
fill="url(#B)"
d="M105.012 55.68a99.366 99.366 0 0 1 29.283 29.457c1.702 2.646 5.631 2.638 7.324-.013a99.373 99.373 0 0 1 29.175-29.563c2.594-1.704 2.587-5.579-.013-7.274a99.366 99.366 0 0 1-29.283-29.457c-1.702-2.646-5.631-2.638-7.324.013a99.388 99.388 0 0 1-29.176 29.563c-2.594 1.704-2.587 5.579.014 7.274z"
/>
</svg>
More icons in the same style and category