ice cream icon

ice-cream-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: ice-cream-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

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-creamPhosphor ice-creamTabler 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 24 24"><path fill="currentColor" d="M15 2.717c-1.757-1.153-4.17-.961-5.708.576a4.55 4.55 0 0 0-1.316 3.531L2.073 19.291l-.008.017c-.711 1.66.967 3.337 2.626 2.626l.018-.007l12.467-5.904a4.55 4.55 0 0 0 3.53-1.316c1.538-1.537 1.73-3.95.576-5.707c1.154-1.756.962-4.17-.575-5.707S16.756 1.563 15 2.717m1.414 1.496c.94-.436 2.113-.272 2.878.494c.976.975.976 2.61 0 3.586c-.765.766-1.937.93-2.878.494a4.59 4.59 0 0 0 0-4.574m3.372 6.202c.437.94.272 2.112-.494 2.878c-.5.5-1.173.752-1.844.74l-7.482-7.48a2.55 2.55 0 0 1 .74-1.846c.976-.975 2.611-.975 3.587 0c.975.975.975 2.61 0 3.586L13.585 9l.707.707c1.476 1.476 3.76 1.712 5.494.708"/></svg>

React

import type { SVGProps } from "react";

export function TdesignIceCreamFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 2.717c-1.757-1.153-4.17-.961-5.708.576a4.55 4.55 0 0 0-1.316 3.531L2.073 19.291l-.008.017c-.711 1.66.967 3.337 2.626 2.626l.018-.007l12.467-5.904a4.55 4.55 0 0 0 3.53-1.316c1.538-1.537 1.73-3.95.576-5.707c1.154-1.756.962-4.17-.575-5.707S16.756 1.563 15 2.717m1.414 1.496c.94-.436 2.113-.272 2.878.494c.976.975.976 2.61 0 3.586c-.765.766-1.937.93-2.878.494a4.59 4.59 0 0 0 0-4.574m3.372 6.202c.437.94.272 2.112-.494 2.878c-.5.5-1.173.752-1.844.74l-7.482-7.48a2.55 2.55 0 0 1 .74-1.846c.976-.975 2.611-.975 3.587 0c.975.975.975 2.61 0 3.586L13.585 9l.707.707c1.476 1.476 3.76 1.712 5.494.708"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 2.717c-1.757-1.153-4.17-.961-5.708.576a4.55 4.55 0 0 0-1.316 3.531L2.073 19.291l-.008.017c-.711 1.66.967 3.337 2.626 2.626l.018-.007l12.467-5.904a4.55 4.55 0 0 0 3.53-1.316c1.538-1.537 1.73-3.95.576-5.707c1.154-1.756.962-4.17-.575-5.707S16.756 1.563 15 2.717m1.414 1.496c.94-.436 2.113-.272 2.878.494c.976.975.976 2.61 0 3.586c-.765.766-1.937.93-2.878.494a4.59 4.59 0 0 0 0-4.574m3.372 6.202c.437.94.272 2.112-.494 2.878c-.5.5-1.173.752-1.844.74l-7.482-7.48a2.55 2.55 0 0 1 .74-1.846c.976-.975 2.611-.975 3.587 0c.975.975.975 2.61 0 3.586L13.585 9l.707.707c1.476 1.476 3.76 1.712 5.494.708"/></svg>
</template>

CSS

.icon-ice-cream-filled {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%202.717c-1.757-1.153-4.17-.961-5.708.576a4.55%204.55%200%200%200-1.316%203.531L2.073%2019.291l-.008.017c-.711%201.66.967%203.337%202.626%202.626l.018-.007l12.467-5.904a4.55%204.55%200%200%200%203.53-1.316c1.538-1.537%201.73-3.95.576-5.707c1.154-1.756.962-4.17-.575-5.707S16.756%201.563%2015%202.717m1.414%201.496c.94-.436%202.113-.272%202.878.494c.976.975.976%202.61%200%203.586c-.765.766-1.937.93-2.878.494a4.59%204.59%200%200%200%200-4.574m3.372%206.202c.437.94.272%202.112-.494%202.878c-.5.5-1.173.752-1.844.74l-7.482-7.48a2.55%202.55%200%200%201%20.74-1.846c.976-.975%202.611-.975%203.587%200c.975.975.975%202.61%200%203.586L13.585%209l.707.707c1.476%201.476%203.76%201.712%205.494.708%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%202.717c-1.757-1.153-4.17-.961-5.708.576a4.55%204.55%200%200%200-1.316%203.531L2.073%2019.291l-.008.017c-.711%201.66.967%203.337%202.626%202.626l.018-.007l12.467-5.904a4.55%204.55%200%200%200%203.53-1.316c1.538-1.537%201.73-3.95.576-5.707c1.154-1.756.962-4.17-.575-5.707S16.756%201.563%2015%202.717m1.414%201.496c.94-.436%202.113-.272%202.878.494c.976.975.976%202.61%200%203.586c-.765.766-1.937.93-2.878.494a4.59%204.59%200%200%200%200-4.574m3.372%206.202c.437.94.272%202.112-.494%202.878c-.5.5-1.173.752-1.844.74l-7.482-7.48a2.55%202.55%200%200%201%20.74-1.846c.976-.975%202.611-.975%203.587%200c.975.975.975%202.61%200%203.586L13.585%209l.707.707c1.476%201.476%203.76%201.712%205.494.708%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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