Add icons to this collection by clicking the heart icon.
Ice Cream icon - also known as food, ice cream, dessert, sweet, summertime, refreshment, and birthday and party. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#deaf81" />
<stop offset="1" stop-color="#ca926d" />
</linearGradient>
<linearGradient
id="f"
x1="135.861"
x2="161.861"
y1="46.391"
y2="48.891"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="68.061"
x2="73.873"
y1="32.503"
y2="32.253"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#916656" />
<stop offset="1" stop-color="#725440" />
</linearGradient>
<linearGradient
id="h"
x1="101.435"
x2="102.435"
y1="88.055"
y2="95.055"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="65.286"
x2="71.869"
y1="50.794"
y2="52.877"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e2dcca" />
<stop offset=".667" stop-color="#f4eadd" />
</linearGradient>
<linearGradient
id="j"
x1="14.954"
x2="-8.38"
y1="35.34"
y2="32.173"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#906656" />
<stop offset="1" stop-color="#725440" />
</linearGradient>
<linearGradient
id="k"
x1="100.244"
x2="99.744"
y1="14.37"
y2="4.037"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#c02f37" />
<stop offset="1" stop-color="#aa1d26" />
</linearGradient>
<linearGradient
id="l"
x1="-1158.907"
x2="-1159.082"
y1="30.433"
y2="50.296"
gradientTransform="matrix(-1 0 0 1 -1060 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="m"
x1="29"
x2="29"
y1="107.331"
y2="123.998"
gradientUnits="userSpaceOnUse"
>
<stop offset=".04" stop-color="#fb9e4b" />
<stop offset="1" stop-color="#f58641" />
</linearGradient>
<linearGradient
id="n"
x1="-5.237"
x2="9.846"
y1="55.025"
y2="58.025"
gradientUnits="userSpaceOnUse"
>
<stop offset=".04" stop-color="#fb9e4b" />
<stop offset=".809" stop-color="#f37e3e" />
</linearGradient>
<linearGradient
id="o"
x1="60.55"
x2="100.55"
y1="64.182"
y2="108.432"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f08674" />
<stop offset=".287" stop-color="#ed8272" />
<stop offset=".585" stop-color="#e5756c" />
<stop offset=".887" stop-color="#d86163" />
<stop offset="1" stop-color="#d2575e" />
</linearGradient>
<linearGradient
id="p"
x1="12.25"
x2="23.375"
y1="60.498"
y2="60.498"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e05c63" />
<stop offset=".406" stop-color="#dd585f" />
<stop offset=".826" stop-color="#d34b53" />
<stop offset="1" stop-color="#cd444c" />
</linearGradient>
<linearGradient
id="q"
x1="14.722"
x2="-8.612"
y1="37.047"
y2="33.881"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="65.567"
x2="65.067"
y1="16.048"
y2="5.715"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="-1123.907"
x2="-1124.082"
y1="25.428"
y2="45.29"
gradientTransform="matrix(-1 0 0 1 -1060 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="74.206"
x2="78.039"
y1="116.69"
y2="129.19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd486" />
<stop offset="1" stop-color="#ffb76a" />
</linearGradient>
<linearGradient
id="u"
x1="64.03"
x2="64.03"
y1="44.667"
y2="61.333"
gradientUnits="userSpaceOnUse"
>
<stop offset=".12" stop-color="#9ec8f0" />
<stop offset="1" stop-color="#65b3e1" />
</linearGradient>
<linearGradient
id="v"
x1="-41.738"
x2="-25.238"
y1="95.728"
y2="96.478"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9d9ef" />
<stop offset="1" stop-color="#9ecdef" />
</linearGradient>
<linearGradient
id="w"
x1="63.163"
x2="65.997"
y1="61.599"
y2="129.432"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd385" />
<stop offset="1" stop-color="#ffb66a" />
</linearGradient>
<linearGradient
id="x"
x1="13.689"
x2="-9.644"
y1="44.657"
y2="41.49"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="30.504"
x2="30.004"
y1="17.744"
y2="7.411"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="-1088.907"
x2="-1089.082"
y1="28.428"
y2="48.29"
gradientTransform="matrix(-1 0 0 1 -1060 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M124 39.875C117.64 24.872 101.193 13.67 87 12L71 62l12 9z"
/>
<path
fill="url(#g)"
d="M114.001 41a.996.996 0 0 1-.826-.436c-5.376-7.854-13.031-14.119-21.557-17.641a.999.999 0 1 1 .764-1.848c8.88 3.667 16.851 10.188 22.443 18.359a1 1 0 0 1-.824 1.566z"
/>
<circle cx="99" cy="71.009" r="23" fill="url(#h)" />
<path
fill="url(#i)"
d="M99 48.009c-11.065 0-20.302 7.814-22.5 18.225 1.092.861 2.445 1.775 3.5 1.775 3.249 0 5.762-5.277 9-5.009 6.887.57-1.5 10.873 4 11.009 7.779.193.936-9 5.991-9 3.248 0 2.761 4 6.009 4 5.964 0 1.025-6 6.988-6 5.965 0 1.047 6.991 7.012 6.991.629 0 1.888-.235 2.94-.576-.816-11.962-10.771-21.415-22.94-21.415z"
/>
<path
fill="url(#j)"
d="M109 46.009c-.693-3.708-4-4-4-4-1.387-4.533-7-5-7-5 0 1.222-.214 1.722-1 2-2.843 1.007-4 1.471-4 3-2.08 0-4.307 1.704-5 5 0 0-3 .643-3 6 8.385 4.025 19.45 3.989 28 0 0-6.181-4-7-4-7z"
/>
<path
fill="url(#k)"
d="M99 35.998a1 1 0 0 1-1-1v-2c0-4.498 1.687-7.752 4.628-8.929a1 1 0 1 1 .743 1.857c-3.043 1.217-3.372 5.351-3.372 7.071v2A1 1 0 0 1 99 35.998z"
/>
<circle cx="99" cy="40.998" r="7" fill="url(#l)" />
<circle cx="29" cy="70.998" r="23" fill="url(#m)" />
<path
fill="url(#n)"
d="M29 47.998c-12.234 0-22.233 9.554-22.954 21.607C7.222 69.844 8.49 70 9 70c5.965 0 1.047-7.002 7.012-7.002 5.964 0 1.025 6 6.988 6 3.248 0 2.761-4 6.009-4 5.056 0-2.79 12 4.991 12 7 0-2-7 8-7 3.249 0 .751 5 4 5 2.298 0 4.854-4.372 5.725-7.561C50.013 56.426 40.491 47.998 29 47.998z"
/>
<circle cx="64" cy="67.998" r="23" fill="url(#o)" />
<path
fill="url(#p)"
d="M64 44.998c-10.776 0-19.818 7.413-22.314 17.416 2.709 1.49 2.329 6.584 6.315 6.584 4.667 0 1.333-6.918 5.999-7.001 10.604-.188-4.542 14 5.999 14 10.156 0-3.563-12 8-12 3.714 0 3.286 4 7 4 3.716 0 1.284-4 5-4 2.599 0 4.728 1.864 6.976 3.053C86.479 54.788 76.385 44.998 64 44.998z"
/>
<path
fill="url(#q)"
d="M74 42.998c-.693-3.708-4-4-4-4-1.387-4.533-7-5-7-5 0 1.222-.214 1.722-1 2-2.843 1.007-4 1.471-4 3-2.08 0-4.307 1.704-5 5 0 0-3 .643-3 6 8.385 4.025 19.45 3.989 28 0 0-6.181-4-7-4-7z"
/>
<path
fill="url(#r)"
d="M64 30.992a1 1 0 0 1-1-1v-2c0-4.497 1.687-7.751 4.628-8.928a1 1 0 1 1 .743 1.857C65.329 22.138 65 26.271 65 27.992v2a1 1 0 0 1-1 1z"
/>
<circle cx="64" cy="35.992" r="7" fill="url(#s)" />
<path
fill="url(#t)"
d="M125.114 78.998c-2.59-5.716-10.438-6.25-17-3-15.499 7.676-27.941 8.964-44 9.002v-.002l-.057.001-.057-.001V85c-16.059-.038-28.501-1.326-44-9.002-6.563-3.25-14.41-2.716-17 3-2.417 5.333-.191 11.897 5 15C22.917 102.915 44.284 106 64 106l.057-.001.057.001c19.716 0 41.083-3.085 56-12.002 5.191-3.103 7.417-9.667 5-15z"
/>
<path
fill="url(#u)"
d="M105 116H24c-9.941 0-21.94-6.059-21.94-16a2 2 0 0 1 2-2H124a2 2 0 0 1 2 2c0 9.941-11.059 16-21 16z"
/>
<path
fill="url(#v)"
d="M2.06 100c0 1.056.143 2.054.397 3h123.176c.235-.946.367-1.944.367-3a2 2 0 0 0-1.999-2H4.059a2 2 0 0 0-1.999 2z"
/>
<path
fill="url(#w)"
d="M64.114 93.002a1.16 1.16 0 0 1-.102-.005c-16.594-.034-29.181-1.536-44.456-9.101a1 1 0 1 1 .888-1.792c15 7.428 26.88 8.858 43.556 8.898.032-.001.064-.003.083 0 16.705-.039 28.585-1.468 43.588-8.897a1 1 0 1 1 .888 1.792c-15.273 7.564-27.86 9.066-44.441 9.106l-.004-.001z"
/>
<path
fill="url(#x)"
d="M39 45.998c-.693-3.708-4-4-4-4-1.387-4.533-7-5-7-5 0 1.222-.214 1.722-1 2-2.843 1.007-4 1.471-4 3-2.08 0-4.307 1.704-5 5 0 0-3 .643-3 6 8.385 4.025 19.45 3.989 28 0 0-6.181-4-7-4-7z"
/>
<path
fill="url(#y)"
d="M29 33.992a1 1 0 0 1-1-1v-2c0-4.497 1.687-7.751 4.628-8.928a1 1 0 1 1 .743 1.857C30.329 25.138 30 29.271 30 30.992v2a1 1 0 0 1-1 1z"
/>
<circle cx="29" cy="38.992" r="7" fill="url(#z)" />
</svg>
More icons in the same style and category