Add icons to this collection by clicking the heart icon.
Ice Cream icon - also known as food, summer, ice cream, dessert, sweet, summertime, and food and restaurant. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#37ad36" />
<stop offset="1" stop-color="#3c7438" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="148"
x2="372.18"
y1="329"
y2="329"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc6c9" />
<stop offset="1" stop-color="#ff535c" />
</linearGradient>
<path
d="M366.776 144.266H229.097v19.311l-83.873-19.311c-13.31 20.585-21.047 45.095-21.047 71.38v10.089h263.646v-10.089c0-26.285-7.737-50.795-21.047-71.38z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="145.224"
x2="366.776"
y1="387.203"
y2="387.203"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4f2a" />
<stop offset="1" stop-color="#800d13" />
</linearGradient>
<path
d="M256 83.823c-46.403 0-87.279 24.102-110.776 60.443 33.487 16.332 71.08 25.505 110.776 25.505s77.289-9.173 110.776-25.505C343.279 107.925 302.403 83.823 256 83.823z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="225.734"
x2="286.266"
y1="126.513"
y2="126.513"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#55ddd6" />
<stop offset="1" stop-color="#00aba2" />
</linearGradient>
<path d="M256 356.885H225.734v61.204h60.532v-61.204z" fill="url(#d)" />
<linearGradient
id="e"
x1="165.203"
x2="346.797"
y1="95.912"
y2="95.912"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4f7f4" />
<stop offset="1" stop-color="#55ddd6" />
</linearGradient>
<path d="M256 408h-90.797v20.177h181.594V408z" fill="url(#e)" />
<linearGradient
id="f"
x1="104"
x2="408"
y1="212.602"
y2="212.602"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4f7f4" />
<stop offset="1" stop-color="#55ddd6" />
</linearGradient>
<path
d="m256 256-76-20.177L104 256c0 26.134 18.33 55.719 41.73 67.354l87.723 43.619h45.094l87.723-43.619C389.67 311.719 408 282.134 408 256H256z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="104"
x2="408"
y1="278.177"
y2="278.177"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#83e6e1" />
</linearGradient>
<path d="M256 215.646H104V256h304v-40.354z" fill="url(#g)" />
<linearGradient
id="h"
x1="148"
x2="372.18"
y1="278.177"
y2="278.177"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc6c9" />
<stop offset="1" stop-color="#ff535c" />
</linearGradient>
<path
d="M337.38 195.469V256c0 11.143-9.034 20.177-20.177 20.177s-20.177-9.034-20.177-20.177v-60.531h40.354z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category