Add icons to this collection by clicking the heart icon.
Icecream icon - also known as dessert, summertime, ice cream cone, holidays, icecream, and food and restaurant. Created in a clean flat gradient style with a white, gray, 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 512 512"
>
<linearGradient
id="b"
x1="335.466"
x2="335.466"
y1="72.377"
y2="40.209"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#353738" />
<stop offset=".276" stop-color="#37393a" stop-opacity=".811" />
<stop offset=".754" stop-color="#3d3f40" stop-opacity=".306" />
<stop offset="1" stop-color="#414344" stop-opacity="0" />
</linearGradient>
<radialGradient
id="c"
cx="132.574"
cy="73.374"
r="208.694"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8ca9" stop-opacity="0" />
<stop offset=".285" stop-color="#ff8ca9" stop-opacity=".009" />
<stop offset=".424" stop-color="#fe8ba8" stop-opacity=".041" />
<stop offset=".532" stop-color="#fe8aa7" stop-opacity=".095" />
<stop offset=".624" stop-color="#fd89a5" stop-opacity=".172" />
<stop offset=".706" stop-color="#fb87a2" stop-opacity=".272" />
<stop offset=".78" stop-color="#fa849f" stop-opacity=".395" />
<stop offset=".849" stop-color="#f8829b" stop-opacity=".542" />
<stop offset=".913" stop-color="#f67e97" stop-opacity=".712" />
<stop offset=".972" stop-color="#f37b93" stop-opacity=".898" />
<stop offset="1" stop-color="#f27990" />
</radialGradient>
<linearGradient
id="d"
x1="171.666"
x2="340.334"
y1="351.894"
y2="351.894"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa46e" stop-opacity="0" />
<stop offset=".243" stop-color="#fa9b62" stop-opacity=".263" />
<stop offset=".802" stop-color="#ee8344" stop-opacity=".917" />
<stop offset=".871" stop-color="#ed8040" />
</linearGradient>
<radialGradient
id="e"
cx="267.807"
cy="46.994"
r="68.833"
gradientUnits="userSpaceOnUse"
>
<stop offset=".381" stop-color="#ff596d" stop-opacity="0" />
<stop offset=".446" stop-color="#fb576a" stop-opacity=".135" />
<stop offset=".676" stop-color="#ed4f62" stop-opacity=".596" />
<stop offset=".836" stop-color="#e44a5c" stop-opacity=".887" />
<stop offset=".911" stop-color="#e0485a" />
</radialGradient>
<radialGradient
id="f"
cx="132.633"
cy="187.748"
r="177.786"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc09c" stop-opacity="0" />
<stop offset=".089" stop-color="#febf9a" stop-opacity=".04" />
<stop offset=".238" stop-color="#fdbb96" stop-opacity=".149" />
<stop offset=".43" stop-color="#fab68f" stop-opacity=".326" />
<stop offset=".656" stop-color="#f6ae85" stop-opacity=".572" />
<stop offset=".909" stop-color="#f2a478" stop-opacity=".881" />
<stop offset="1" stop-color="#f0a073" />
</radialGradient>
<linearGradient
id="a"
x1="250.089"
x2="257.356"
y1="348.7"
y2="302.484"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa46e" />
<stop offset=".277" stop-color="#fc9f68" />
<stop offset=".664" stop-color="#f59155" />
<stop offset="1" stop-color="#ed8040" />
</linearGradient>
<linearGradient
id="g"
x1="261.224"
x2="257.925"
y1="423.177"
y2="377.804"
href="#a"
/>
<path
fill="#414344"
d="M305.07 67.147c.675-1.1 16.976-26.939 55.83-26.939 6.611 0 6.62 10 0 10-33.318 0-47.171 21.947-47.307 22.169z"
/>
<path
fill="url(#b)"
d="M305.07 67.147c.675-1.1 16.976-26.939 55.83-26.939 6.611 0 6.62 10 0 10-33.318 0-47.171 21.947-47.307 22.169z"
/>
<path
fill="#ff8ca9"
d="M362.934 167.383a107.18 107.18 0 0 0-214.353 0 28.759 28.759 0 0 0 13.109 52.277 107.219 107.219 0 0 0 188.134 0 28.759 28.759 0 0 0 13.11-52.277z"
/>
<path
fill="url(#c)"
d="M362.934 167.383a107.18 107.18 0 0 0-214.353 0 28.759 28.759 0 0 0 13.109 52.277 107.219 107.219 0 0 0 188.134 0 28.759 28.759 0 0 0 13.11-52.277z"
/>
<path
fill="#ffa46e"
d="M256 236.995h-84.334l53.252 205.736c8.304 32.081 53.86 32.081 62.164 0l53.252-205.736z"
/>
<path
fill="url(#d)"
d="M256 236.995h-84.334l53.252 205.736c8.304 32.081 53.86 32.081 62.164 0l53.252-205.736z"
/>
<circle cx="294.451" cy="78.211" r="33.002" fill="#ff596d" />
<circle cx="294.451" cy="78.211" r="33.002" fill="url(#e)" />
<path
fill="#ffc09c"
d="M345.79 254.15H165.725c-22.706 0-22.692-34.31 0-34.31H345.79c22.706 0 22.692 34.31 0 34.31z"
/>
<path
fill="url(#f)"
d="M345.79 254.15H165.725c-22.706 0-22.692-34.31 0-34.31H345.79c22.706 0 22.692 34.31 0 34.31z"
/>
<circle cx="285.274" cy="62.135" r="9.631" fill="#f2f2ff" />
<path
fill="url(#a)"
d="m190.288 308.94 3.102 11.982a202.514 202.514 0 0 0 58.581 8.948 163.296 163.296 0 0 0 68.031-14.325l3.447-13.315c-54.04 28.6-109.999 14.747-133.16 6.71z"
/>
<path
fill="url(#g)"
d="M231.31 398.799a84.858 84.858 0 0 1-18.447-2.644l2.962 11.445a98.774 98.774 0 0 0 18.951 1.787c17.199 0 39.637-4.17 65.75-18.598l3.7-14.294c-31.022 19.428-56.683 22.893-72.916 22.304z"
/>
</svg>
More icons in the same style and category