Add icons to this collection by clicking the heart icon.
Milkshake icon - also known as heart, beverage, love, cocktails, refreshment, milkshake, food and restaurant, and love and romance. Created in a clean flat gradient 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 512 512"
>
<linearGradient
id="c"
x1="256.004"
x2="256.004"
y1="480"
y2="387.744"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8def6" />
<stop offset=".321" stop-color="#b5dcf5" />
<stop offset=".59" stop-color="#aad6f3" />
<stop offset=".839" stop-color="#9ce" />
<stop offset=".967" stop-color="#8dc5eb" />
</linearGradient>
<linearGradient
id="a"
x1="225.62"
x2="132.053"
y1="206.378"
y2="125.169"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e04f5a" />
<stop offset=".178" stop-color="#e85863" />
<stop offset=".476" stop-color="#ee616b" />
<stop offset="1" stop-color="#f0636d" />
</linearGradient>
<linearGradient
id="d"
x1="297.175"
x2="362.687"
y1="205.435"
y2="139.413"
href="#a"
/>
<radialGradient
id="e"
cx="179.443"
cy="156.304"
r="155.847"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2f2ff" />
<stop offset=".446" stop-color="#ececfd" />
<stop offset="1" stop-color="#ddddf7" />
</radialGradient>
<linearGradient
id="b"
x1="185.281"
x2="326.722"
y1="299.921"
y2="299.921"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f49bb4" />
<stop offset=".33" stop-color="#f398b1" />
<stop offset=".596" stop-color="#ef8ea9" />
<stop offset=".838" stop-color="#e97d9b" />
<stop offset="1" stop-color="#e36d8e" />
</linearGradient>
<linearGradient
id="f"
x1="222.034"
x2="241.739"
y1="117.58"
y2="117.58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#807792" />
<stop offset=".583" stop-color="#756a8b" />
<stop offset="1" stop-color="#6b5e85" />
</linearGradient>
<radialGradient id="g" cx="213.808" cy="128.333" r="57.033" href="#a" />
<linearGradient
id="h"
x1="207.747"
x2="235.659"
y1="294.997"
y2="293.003"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e36d8e" />
<stop offset=".265" stop-color="#ea809d" />
<stop offset=".631" stop-color="#f194ae" />
<stop offset=".878" stop-color="#f49bb4" />
</linearGradient>
<linearGradient
id="i"
x1="275.928"
x2="306.69"
y1="291.446"
y2="296.733"
gradientUnits="userSpaceOnUse"
>
<stop offset=".235" stop-color="#e36d8e" />
<stop offset=".462" stop-color="#e67695" />
<stop offset=".827" stop-color="#ef8da9" />
<stop offset="1" stop-color="#f49bb4" />
</linearGradient>
<linearGradient
id="j"
x1="252.002"
x2="260.002"
y1="294.052"
y2="294.052"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e36d8e" />
<stop offset=".162" stop-color="#e97d9b" />
<stop offset=".404" stop-color="#ef8ea9" />
<stop offset=".67" stop-color="#f398b1" />
<stop offset="1" stop-color="#f49bb4" />
</linearGradient>
<radialGradient id="k" cx="269.407" cy="53.25" r="79.902" href="#b" />
<radialGradient id="l" cx="156.118" cy="29.233" r="96.06" href="#b" />
<g>
<path
fill="url(#c)"
d="M297.27 457.974c-8.45-10.697-26.598-12.679-26.598-34.189v-.067c0-12.339 11.218-18.167 23.616-35.97l-76.584-.004c12.402 17.838 23.626 23.679 23.626 35.974v.067c0 21.57-18.038 23.353-26.598 34.19-7.058 8.932-.45 22.025 10.868 22.025h60.802c11.214 0 17.982-13.023 10.869-22.026z"
/>
<path
fill="url(#a)"
d="m221.714 193.736-54.08-54.08-23.91 23.912c-7.318 7.313-18.39-3.74-11.066-11.066l29.443-29.445a7.833 7.833 0 0 1 11.066 0l59.613 59.613z"
/>
<path
fill="url(#d)"
d="m279.223 182.67 59.612-59.613a7.833 7.833 0 0 1 11.067 0l29.443 29.445c7.315 7.317-3.739 18.39-11.066 11.066l-23.91-23.912-54.08 54.08z"
/>
<path
fill="url(#e)"
d="M326.266 204.72a37.058 37.058 0 0 0-35.999-37.039v-.027c0-36.672-44.7-43.73-61.974-21.234-4.136 5.386-6.707 12.46-6.707 21.234l.001.027a36.931 36.931 0 0 0-35.85 37.039L256 243.843z"
/>
<path
fill="url(#b)"
d="M294.288 387.749c16.735-24.03 35.622-69.879 31.978-183.029h-140.53c-3.64 113.06 15.236 158.96 31.968 183.024a103.105 103.105 0 0 0 76.584.005z"
/>
<path
fill="url(#f)"
d="M233.843 133.842c-2.211-13.643-10.923-26.043-11.011-26.167-3.059-4.313 3.452-8.947 6.519-4.638.402.565 9.873 14.001 12.388 29.525z"
/>
<path
fill="url(#g)"
d="M250.286 130.093a18.727 18.727 0 0 0-25.419 9.711c-3.022 7.296-1.443 19.674 10.137 24.471a18.729 18.729 0 0 0 15.282-34.182z"
/>
<path
fill="url(#h)"
d="M223.438 348.36c-8.553-26.632-12.75-61.758-12.829-107.385-.009-5.286 7.99-5.368 8-.014.079 44.788 4.149 79.12 12.446 104.954 1.632 5.077-6 7.481-7.617 2.445z"
/>
<path
fill="url(#i)"
d="M280.948 345.915c8.297-25.835 12.367-60.166 12.446-104.954.009-5.356 8.009-5.27 8 .014-.08 45.627-4.276 80.753-12.829 107.385-1.614 5.03-9.252 2.641-7.617-2.445z"
/>
<path
fill="url(#j)"
d="M252.002 346.885V241.22c0-5.298 8-5.286 8 0v105.665c0 5.297-8 5.285-8 0z"
/>
<path
fill="url(#k)"
d="M308.605 66.595c22.53-10.752 52.867 30.56-19.258 46.493-39.733-62.266 10.926-70.037 19.258-46.493z"
/>
<path
fill="url(#l)"
d="M203.4 44.243c8.329-23.534 58.992-15.774 19.259 46.493-72.124-15.933-41.798-57.25-19.258-46.493z"
/>
</g>
</svg>
More icons in the same style and category