Add icons to this collection by clicking the heart icon.
Milkshake icon - also known as cup, dessert, sweet, straw, milkshake, unicorn, fantasy, smileys, and food and restaurant. Created in a clean gradient style with a white, silver, 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="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="e"
x1="149.508"
x2="149.508"
y1="179.454"
y2="113.434"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d5738e" />
<stop offset="1" stop-color="#e6a3c1" />
</linearGradient>
<linearGradient
id="f"
x1="162.435"
x2="103.256"
y1="169.165"
y2="169.165"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="536.484"
x2="536.484"
y1="179.454"
y2="113.434"
gradientTransform="matrix(-1 0 0 1 902.981 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="548.431"
x2="489.252"
y1="169.165"
y2="169.165"
gradientTransform="matrix(-1 0 0 1 902 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="i"
x1="260.808"
x2="260.808"
y1="141.354"
y2="31.378"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="258.002"
x2="258.002"
y1="200.284"
y2="111.058"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="k"
x1="258.002"
x2="258.002"
y1="403.087"
y2="459.134"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="258.002"
x2="258.002"
y1="555.654"
y2="310.407"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="258.002"
x2="258.002"
y1="267.511"
y2="186.319"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="81.285"
x2="351.81"
y1="477.84"
y2="477.84"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="269.12"
x2="269.12"
y1="164.688"
y2="90.093"
gradientTransform="translate(-10.673 -5.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="p"
x1="214.699"
x2="323.934"
y1="82.551"
y2="82.551"
gradientTransform="translate(-10.673 -5.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="q"
x1="232.37"
x2="290.846"
y1="38.874"
y2="38.874"
gradientTransform="translate(-10.673 -5.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<path
fill="url(#e)"
d="M182.064 189.097c13.896-13.074 17.486-29.355 6.449-45.657-20.042-29.601-60.807-45.862-76.688-32.445-5.997 5.067-8.41 14.342-7.704 25.251 23.675 29.926 59.061 50.481 77.943 52.851z"
/>
<path
fill="url(#f)"
d="M179.64 191.266a60.474 60.474 0 0 0 2.424-2.169c-17.706-35.177-53.403-49.057-77.943-52.851 1.163 17.98 10.802 40.403 26.883 55.779 15.025 14.367 32.755 12.657 48.636-.759z"
/>
<path
fill="url(#g)"
d="M333.94 189.097c-13.896-13.074-17.486-29.355-6.448-45.657 20.042-29.601 60.807-45.862 76.688-32.445 5.997 5.067 8.409 14.342 7.704 25.251-23.676 29.926-59.062 50.481-77.944 52.851z"
/>
<path
fill="url(#h)"
d="M336.364 191.266a60.474 60.474 0 0 1-2.424-2.169c17.706-35.177 53.403-49.057 77.943-52.851-1.163 17.98-10.802 40.403-26.883 55.779-15.025 14.367-32.755 12.657-48.636-.759z"
/>
<path
fill="url(#i)"
d="M332.397 30.078c36.342 38.97 10.568 86.295-11.812 99.78-14.604 6.909-34.915 14.839-62.583 14.839s-47.979-7.93-62.583-14.839c-21.236-10.045-30.307-35.403-20.262-56.639s35.403-30.311 56.639-20.261c8.928 4.223 16.078 6.668 26.206 6.668 22.671 0 38.023-3.794 42.025-20.569 3.546-14.869 21.946-20.158 32.37-8.979z"
/>
<path
fill="#fcc435"
d="m185.706 183.491-33.801-92.869c-2.728-7.494-9.919-12.53-17.895-12.53h-26.512c-9.665 0-17.5-7.835-17.5-17.5s7.835-17.5 17.5-17.5h26.512c22.634 0 43.043 14.29 50.785 35.56l33.802 92.869c3.305 9.082-1.377 19.124-10.46 22.43-9.082 3.308-19.126-1.38-22.431-10.46z"
/>
<path
fill="url(#j)"
d="M258.002 220.294c-42.802 0-73.64-11.857-98.16-23.455-21.236-10.045-30.308-35.403-20.264-56.639 10.045-21.237 35.401-30.309 56.639-20.264 15.635 7.396 34.594 15.286 61.785 15.286s46.15-7.89 61.785-15.286c21.237-10.041 46.594-.971 56.639 20.264 10.045 21.236.973 46.594-20.263 56.639-24.521 11.598-55.359 23.455-98.161 23.455z"
/>
<path
fill="url(#k)"
d="M313.853 477.84v-24.16c-15.002 0-20.987-22.379-20.987-56.795h-69.728c0 34.417-5.985 56.795-20.987 56.795v24.16z"
/>
<path
fill="url(#l)"
d="M258.002 416.722c96.255 0 122.43-129.138 129.357-206.366 1.573-17.537-14.732-31.32-31.781-26.924-31.008 7.996-68.454 14.073-97.575 14.073s-66.567-6.077-97.575-14.073c-17.049-4.396-33.354 9.387-31.781 26.924 6.925 77.228 33.1 206.366 129.355 206.366z"
/>
<path
fill="url(#m)"
d="M384.685 234.643a599.225 599.225 0 0 0 2.664-24.191c1.58-17.578-14.684-31.426-31.774-27.019-31.008 7.996-68.453 14.073-97.574 14.073s-66.566-6.077-97.574-14.073c-17.09-4.407-33.353 9.441-31.773 27.019a599.424 599.424 0 0 0 2.664 24.191c33.374 11.861 87.54 22.841 126.683 22.841 39.144.001 93.311-10.98 126.684-22.841z"
/>
<path
fill="url(#n)"
d="M323.384 502H192.62c-13.343 0-24.16-10.817-24.16-24.16s10.817-24.16 24.16-24.16h130.764c13.343 0 24.16 10.817 24.16 24.16.001 13.343-10.816 24.16-24.16 24.16z"
/>
<path
fill="url(#o)"
d="M208.856 122.649c1.166 16.488 22.654 29.688 49.042 29.777 27.172.091 49.247-13.755 49.304-30.926.035-10.444-1.715-24.111-4.77-38.498-35.903-.597-62.357 9.086-93.576 39.647z"
/>
<path
fill="url(#p)"
d="M287.037 33.428c-25.578 2.638-49.666 10.472-69.763 35.228-5.222 19.266-8.426 38.699-8.472 52.514-.002.496.02.988.054 1.478 29.069-7.2 61.908-19.332 93.576-39.647-3.586-16.883-8.973-34.752-15.395-49.573z"
/>
<path
fill="url(#q)"
d="M287.037 33.428C278.683 14.149 268.578.034 258.408 0c-15.838-.053-31.748 34.03-41.134 68.656 22.734-7.435 46.95-18.577 69.763-35.228z"
/>
<ellipse cx="170.116" cy="288.578" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="345.888" cy="288.578" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle
cx="195.723"
cy="258.96"
r="29.618"
fill="#fff"
transform="rotate(-67.48 195.813 258.92)"
/>
<circle
cx="320.281"
cy="258.96"
r="29.618"
fill="#fff"
transform="rotate(-68.23 319.968 258.855)"
/>
<g fill="#3b3b44">
<circle
cx="195.723"
cy="258.96"
r="17.652"
transform="rotate(-79.1 195.696 258.948)"
/>
<circle
cx="320.281"
cy="258.96"
r="17.652"
transform="rotate(-73.14 320.361 258.972)"
/>
<path
d="M258.002 289.519c-5.248 0-10.495-1.984-14.776-5.954a5 5 0 0 1 6.799-7.332c4.697 4.353 11.257 4.353 15.954 0a4.998 4.998 0 0 1 7.066.267 4.998 4.998 0 0 1-.267 7.065c-4.281 3.97-9.529 5.954-14.776 5.954z"
/>
</g>
<path
fill="#997bce"
d="M231.557 180.018c1.031-8.644-5.031-16.523-13.65-17.738-16.07-2.264-33.199-5.633-49.49-9.834a57.837 57.837 0 0 0-14.432-1.839 57.093 57.093 0 0 0-18.221 3.008c-1.251 11.075 1.934 22.178 8.688 30.88 4.839-1.977 10.364-2.509 15.975-1.062 16.593 4.279 35.027 8.004 53.043 10.545 8.87 1.25 17.026-5.065 18.087-13.96z"
/>
<g fill="#dff7fa">
<path
d="M287.046 389.978a9.995 9.995 0 0 1-8.898-5.424c-2.529-4.909-.598-10.939 4.311-13.469 1.419-.73 2.84-1.55 4.222-2.435 4.652-2.977 10.835-1.619 13.813 3.032 2.977 4.651 1.62 10.836-3.032 13.814a72.715 72.715 0 0 1-5.846 3.37 9.95 9.95 0 0 1-4.57 1.112zM319.444 357.715a9.94 9.94 0 0 1-5.275-1.512c-4.688-2.918-6.124-9.085-3.205-13.773 3.319-5.332 6.503-11.344 9.464-17.867 2.282-5.029 8.212-7.256 13.239-4.974 5.029 2.283 7.256 8.21 4.973 13.239-3.32 7.314-6.918 14.101-10.696 20.17a9.997 9.997 0 0 1-8.5 4.717z"
/>
</g>
</svg>
More icons in the same style and category