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 with a white 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="0"
x2="512"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8e40a2" />
<stop offset="1" stop-color="#451152" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
d="M320.214 203.573c-6.355-4.421-7.923-13.157-3.502-19.512l61.275-88.082c4.421-6.355 13.156-7.923 19.512-3.502 6.355 4.421 7.923 13.157 3.502 19.512l-61.275 88.082c-4.422 6.355-13.157 7.923-19.512 3.502z"
fill="#fff5cb"
/>
<linearGradient
id="b"
x1="221.72"
x2="260.29"
y1="158.385"
y2="158.385"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5cb" />
<stop offset="1" stop-color="#ffd400" />
</linearGradient>
<path d="M221.72 308.85h38.57v93.53h-38.57z" fill="url(#b)" />
<linearGradient
id="c"
x1="170.42"
x2="311.58"
y1="353.45"
y2="353.45"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff73af" />
<stop offset="1" stop-color="#ff127f" />
</linearGradient>
<circle cx="241" cy="160.55" r="70.58" fill="url(#c)" />
<linearGradient
id="d"
x1="241"
x2="382.16"
y1="310.01"
y2="310.01"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b6efab" />
<stop offset="1" stop-color="#2ad827" />
</linearGradient>
<circle cx="311.58" cy="203.99" r="70.58" fill="url(#d)" />
<linearGradient
id="e"
x1="99.84"
x2="241"
y1="310.01"
y2="310.01"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c1e5f8" />
<stop offset="1" stop-color="#7fc8f1" />
</linearGradient>
<circle cx="170.42" cy="203.99" r="70.58" fill="url(#e)" />
<linearGradient
id="f"
x1="99.841"
x2="382.159"
y1="255.405"
y2="255.405"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".079" stop-color="#fff" />
<stop offset="1" stop-color="#ffec97" />
</linearGradient>
<path
d="M308.284 313.205H173.717c-40.8 0-73.876-33.075-73.876-73.876v-35.344h282.318v35.344c0 40.801-33.075 73.876-73.875 73.876z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="167.88"
x2="314.13"
y1="98.121"
y2="98.121"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".079" stop-color="#fff" />
<stop offset="1" stop-color="#ffec97" />
</linearGradient>
<path d="M167.88 400.13h146.25v31.499H167.88z" fill="url(#g)" />
</svg>
More icons in the same style and category