ice cream icon

ice-cream-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: ice-cream-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

ice-cream ice-cream-bold ice-cream-duotone ice-cream-fill ice-cream-thin

The same icon in other sets

ice-creamEmoji One (Colored)ice-creamElement Plus ice-creamFont Awesome 6 Solid ice-creamFont Awesome Solid ice-creamFluent Emoji ice-creamFluent Emoji Flat ice-creamFluent Emoji High Contrast ice-creamIconoir ice-creamIonIcons ice-creamJam Icons ice-creamLine Awesome ice-creamMaterial Design Icons ice-cream-fillMingCute Icon ice-creamNoto Emoji ice-creamOpenMoji ice-creamTabler Icons ice-creamTDesign Icons ice-creamTwitter Emoji

Use the ice cream icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M206 98.83V96a78 78 0 0 0-156 0v2.83A22 22 0 0 0 56 142h4.45l55.39 97a14 14 0 0 0 24.32 0l55.39-97H200a22 22 0 0 0 6-43.17M129.74 233a2 2 0 0 1-3.48 0l-52-91h24L140 215.06Zm6.26-91l22.89 40.06l-12 20.91l-34.84-61Zm29.8 28l-16-28h32Zm34.2-40H56a10 10 0 0 1 0-20a6 6 0 0 0 6-6v-8a66 66 0 0 1 132 0v8a6 6 0 0 0 6 6a10 10 0 0 1 0 20"/></svg>

React

import type { SVGProps } from "react";

export function PhIceCreamLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M206 98.83V96a78 78 0 0 0-156 0v2.83A22 22 0 0 0 56 142h4.45l55.39 97a14 14 0 0 0 24.32 0l55.39-97H200a22 22 0 0 0 6-43.17M129.74 233a2 2 0 0 1-3.48 0l-52-91h24L140 215.06Zm6.26-91l22.89 40.06l-12 20.91l-34.84-61Zm29.8 28l-16-28h32Zm34.2-40H56a10 10 0 0 1 0-20a6 6 0 0 0 6-6v-8a66 66 0 0 1 132 0v8a6 6 0 0 0 6 6a10 10 0 0 1 0 20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M206 98.83V96a78 78 0 0 0-156 0v2.83A22 22 0 0 0 56 142h4.45l55.39 97a14 14 0 0 0 24.32 0l55.39-97H200a22 22 0 0 0 6-43.17M129.74 233a2 2 0 0 1-3.48 0l-52-91h24L140 215.06Zm6.26-91l22.89 40.06l-12 20.91l-34.84-61Zm29.8 28l-16-28h32Zm34.2-40H56a10 10 0 0 1 0-20a6 6 0 0 0 6-6v-8a66 66 0 0 1 132 0v8a6 6 0 0 0 6 6a10 10 0 0 1 0 20"/></svg>
</template>

CSS

.icon-ice-cream-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M206%2098.83V96a78%2078%200%200%200-156%200v2.83A22%2022%200%200%200%2056%20142h4.45l55.39%2097a14%2014%200%200%200%2024.32%200l55.39-97H200a22%2022%200%200%200%206-43.17M129.74%20233a2%202%200%200%201-3.48%200l-52-91h24L140%20215.06Zm6.26-91l22.89%2040.06l-12%2020.91l-34.84-61Zm29.8%2028l-16-28h32Zm34.2-40H56a10%2010%200%200%201%200-20a6%206%200%200%200%206-6v-8a66%2066%200%200%201%20132%200v8a6%206%200%200%200%206%206a10%2010%200%200%201%200%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M206%2098.83V96a78%2078%200%200%200-156%200v2.83A22%2022%200%200%200%2056%20142h4.45l55.39%2097a14%2014%200%200%200%2024.32%200l55.39-97H200a22%2022%200%200%200%206-43.17M129.74%20233a2%202%200%200%201-3.48%200l-52-91h24L140%20215.06Zm6.26-91l22.89%2040.06l-12%2020.91l-34.84-61Zm29.8%2028l-16-28h32Zm34.2-40H56a10%2010%200%200%201%200-20a6%206%200%200%200%206-6v-8a66%2066%200%200%201%20132%200v8a6%206%200%200%200%206%206a10%2010%200%200%201%200%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ice-cream-light.svg?color=%231a73e8&size=48