ice cream icon

ice-cream from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
ice-cream
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

The same icon in other sets

ice-creamEmoji One (Colored)ice-creamFont Awesome 6 Solidice-creamFont Awesome Solidice-creamFluent Emojiice-creamFluent Emoji Flatice-creamFluent Emoji High Contrastice-creamIconoirice-creamIonIconsice-creamJam Iconsice-creamLine Awesomeice-creamMaterial Design Iconsice-cream-fillMingCute Iconice-creamNoto Emojiice-creamOpenMojiice-creamPhosphorice-creamTabler Iconsice-creamTDesign Iconsice-creamTwitter Emoji

Related icons in Element Plus

ice-cream-roundice-cream-squareice-drinkice-tea

Use the ice cream icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128.6 448a208 208 0 0 1 193.6-191.6A224 224 0 0 1 767.4 272a208 208 0 0 1 127.4 176h1.2L548.8 983.7a32 32 0 0 1-53.2.7L128 448zm64.3 0h286.2a144 144 0 0 0-286.2 0m351.4 0h286.2a144 144 0 0 0-286.2 0m-294.9 64l271.8 396.6l257-396.6zm262.3-159.4a208 208 0 0 1 189.2-96.2a160 160 0 0 0-314.8 5.7c52.6 13 97.3 46 125.6 90.5"/></svg>

React

import type { SVGProps } from "react";

export function EpIceCream(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128.6 448a208 208 0 0 1 193.6-191.6A224 224 0 0 1 767.4 272a208 208 0 0 1 127.4 176h1.2L548.8 983.7a32 32 0 0 1-53.2.7L128 448zm64.3 0h286.2a144 144 0 0 0-286.2 0m351.4 0h286.2a144 144 0 0 0-286.2 0m-294.9 64l271.8 396.6l257-396.6zm262.3-159.4a208 208 0 0 1 189.2-96.2a160 160 0 0 0-314.8 5.7c52.6 13 97.3 46 125.6 90.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128.6 448a208 208 0 0 1 193.6-191.6A224 224 0 0 1 767.4 272a208 208 0 0 1 127.4 176h1.2L548.8 983.7a32 32 0 0 1-53.2.7L128 448zm64.3 0h286.2a144 144 0 0 0-286.2 0m351.4 0h286.2a144 144 0 0 0-286.2 0m-294.9 64l271.8 396.6l257-396.6zm262.3-159.4a208 208 0 0 1 189.2-96.2a160 160 0 0 0-314.8 5.7c52.6 13 97.3 46 125.6 90.5"/></svg>
</template>

CSS

.icon-ice-cream {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128.6%20448a208%20208%200%200%201%20193.6-191.6A224%20224%200%200%201%20767.4%20272a208%20208%200%200%201%20127.4%20176h1.2L548.8%20983.7a32%2032%200%200%201-53.2.7L128%20448zm64.3%200h286.2a144%20144%200%200%200-286.2%200m351.4%200h286.2a144%20144%200%200%200-286.2%200m-294.9%2064l271.8%20396.6l257-396.6zm262.3-159.4a208%20208%200%200%201%20189.2-96.2a160%20160%200%200%200-314.8%205.7c52.6%2013%2097.3%2046%20125.6%2090.5%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128.6%20448a208%20208%200%200%201%20193.6-191.6A224%20224%200%200%201%20767.4%20272a208%20208%200%200%201%20127.4%20176h1.2L548.8%20983.7a32%2032%200%200%201-53.2.7L128%20448zm64.3%200h286.2a144%20144%200%200%200-286.2%200m351.4%200h286.2a144%20144%200%200%200-286.2%200m-294.9%2064l271.8%20396.6l257-396.6zm262.3-159.4a208%20208%200%200%201%20189.2-96.2a160%20160%200%200%200-314.8%205.7c52.6%2013%2097.3%2046%20125.6%2090.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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