Gentleface › Food & drink › ice-cream

ice-cream icon

Ice cream: ice cream, gelato, frozen dessert, ice cream cone. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.724 14.947C7.6 15.009 7.473 15.018 7.342 14.974C7.211 14.931 7.115 14.847 7.053 14.724L4.181 8.98C3.976 8.954 3.775 8.902 3.58 8.824C3.259 8.697 2.976 8.512 2.732 8.268C2.488 8.024 2.303 7.741 2.176 7.42C2.059 7.125 2 6.818 2 6.5C2 6.182 2.059 5.875 2.176 5.58C2.303 5.259 2.488 4.976 2.732 4.732C2.976 4.488 3.259 4.303 3.58 4.176C3.727 4.117 3.877 4.074 4.029 4.044C4.066 3.76 4.139 3.483 4.246 3.212C4.424 2.762 4.683 2.367 5.025 2.025C5.367 1.683 5.762 1.424 6.212 1.246C6.625 1.082 7.055 1 7.5 1C7.945 1 8.375 1.082 8.788 1.246C9.238 1.424 9.633 1.683 9.975 2.025C10.317 2.367 10.576 2.762 10.754 3.212C10.861 3.483 10.934 3.76 10.971 4.044C11.123 4.074 11.273 4.117 11.42 4.176C11.741 4.303 12.024 4.488 12.268 4.732C12.512 4.976 12.697 5.259 12.824 5.58C12.941 5.875 13 6.182 13 6.5C13 6.818 12.941 7.125 12.824 7.42C12.697 7.741 12.512 8.024 12.268 8.268C12.024 8.512 11.741 8.697 11.42 8.824C11.225 8.902 11.024 8.954 10.819 8.98L7.947 14.724C7.898 14.823 7.823 14.898 7.724 14.947ZM11.052 7.895C11.245 7.818 11.414 7.707 11.561 7.561C11.707 7.414 11.818 7.245 11.895 7.052C11.965 6.875 12 6.691 12 6.5C12 6.309 11.965 6.125 11.895 5.948C11.818 5.755 11.707 5.586 11.561 5.439C11.414 5.293 11.245 5.182 11.052 5.105C10.875 5.035 10.691 5 10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.182 9.941 3.875 9.824 3.58C9.697 3.259 9.512 2.976 9.268 2.732C9.024 2.488 8.741 2.303 8.42 2.176C8.125 2.059 7.818 2 7.5 2C7.182 2 6.875 2.059 6.58 2.176C6.259 2.303 5.976 2.488 5.732 2.732C5.488 2.976 5.303 3.259 5.176 3.58C5.059 3.875 5 4.182 5 4.5C5 4.641 4.952 4.759 4.856 4.856C4.759 4.952 4.641 5 4.5 5C4.309 5 4.125 5.035 3.948 5.105C3.755 5.182 3.586 5.293 3.439 5.439C3.293 5.586 3.182 5.755 3.105 5.948C3.035 6.125 3 6.309 3 6.5C3 6.691 3.035 6.875 3.105 7.052C3.182 7.245 3.293 7.414 3.439 7.561C3.586 7.707 3.755 7.818 3.948 7.895C4.125 7.965 4.309 8 4.5 8L10.5 8C10.691 8 10.875 7.965 11.052 7.895ZM9.691 9L5.309 9L7.5 13.382L9.691 9Z"/></svg>

React

// Gentleface "ice-cream" (line-round), MIT. https://gentleface.com/icons/ice-cream
import type { SVGProps } from 'react';

export function IceCreamIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.724 14.947C7.6 15.009 7.473 15.018 7.342 14.974C7.211 14.931 7.115 14.847 7.053 14.724L4.181 8.98C3.976 8.954 3.775 8.902 3.58 8.824C3.259 8.697 2.976 8.512 2.732 8.268C2.488 8.024 2.303 7.741 2.176 7.42C2.059 7.125 2 6.818 2 6.5C2 6.182 2.059 5.875 2.176 5.58C2.303 5.259 2.488 4.976 2.732 4.732C2.976 4.488 3.259 4.303 3.58 4.176C3.727 4.117 3.877 4.074 4.029 4.044C4.066 3.76 4.139 3.483 4.246 3.212C4.424 2.762 4.683 2.367 5.025 2.025C5.367 1.683 5.762 1.424 6.212 1.246C6.625 1.082 7.055 1 7.5 1C7.945 1 8.375 1.082 8.788 1.246C9.238 1.424 9.633 1.683 9.975 2.025C10.317 2.367 10.576 2.762 10.754 3.212C10.861 3.483 10.934 3.76 10.971 4.044C11.123 4.074 11.273 4.117 11.42 4.176C11.741 4.303 12.024 4.488 12.268 4.732C12.512 4.976 12.697 5.259 12.824 5.58C12.941 5.875 13 6.182 13 6.5C13 6.818 12.941 7.125 12.824 7.42C12.697 7.741 12.512 8.024 12.268 8.268C12.024 8.512 11.741 8.697 11.42 8.824C11.225 8.902 11.024 8.954 10.819 8.98L7.947 14.724C7.898 14.823 7.823 14.898 7.724 14.947ZM11.052 7.895C11.245 7.818 11.414 7.707 11.561 7.561C11.707 7.414 11.818 7.245 11.895 7.052C11.965 6.875 12 6.691 12 6.5C12 6.309 11.965 6.125 11.895 5.948C11.818 5.755 11.707 5.586 11.561 5.439C11.414 5.293 11.245 5.182 11.052 5.105C10.875 5.035 10.691 5 10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.182 9.941 3.875 9.824 3.58C9.697 3.259 9.512 2.976 9.268 2.732C9.024 2.488 8.741 2.303 8.42 2.176C8.125 2.059 7.818 2 7.5 2C7.182 2 6.875 2.059 6.58 2.176C6.259 2.303 5.976 2.488 5.732 2.732C5.488 2.976 5.303 3.259 5.176 3.58C5.059 3.875 5 4.182 5 4.5C5 4.641 4.952 4.759 4.856 4.856C4.759 4.952 4.641 5 4.5 5C4.309 5 4.125 5.035 3.948 5.105C3.755 5.182 3.586 5.293 3.439 5.439C3.293 5.586 3.182 5.755 3.105 5.948C3.035 6.125 3 6.309 3 6.5C3 6.691 3.035 6.875 3.105 7.052C3.182 7.245 3.293 7.414 3.439 7.561C3.586 7.707 3.755 7.818 3.948 7.895C4.125 7.965 4.309 8 4.5 8L10.5 8C10.691 8 10.875 7.965 11.052 7.895ZM9.691 9L5.309 9L7.5 13.382L9.691 9Z" />
    </svg>
  );
}

Vue

Vue: see /icons/ice-cream.md

Svelte

Svelte: see /icons/ice-cream.md

HTML img

HTML img: see /icons/ice-cream.md

CSS

CSS: see /icons/ice-cream.md

Data URL

Data URL: see /icons/ice-cream.md

Sprite

Sprite: see /icons/ice-cream.md

SwiftUI

SwiftUI: see /icons/ice-cream.md

Compose

Compose: see /icons/ice-cream.md

Android XML

Android XML: see /icons/ice-cream.md

Flutter

Flutter: see /icons/ice-cream.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

ice cream, gelato, frozen dessert, ice cream cone, sorbet, frozen yogurt

Alternatives

cake-slice: dessert in general

Also fits

dessert: a frozen dessert

Tags

ice-cream, cone, gelato, dessert, frozen, sweet, summer, food

Category

Food & drink

Component name

IceCreamIcon

History

2026-10-15 added
2026-10-16 16 px redrawn

More food & drink icons

apple bean bean-off beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cookie cookie-off cooking-pot · all food & drink icons

For agents

Metadata: /icons/ice-cream.json · Markdown: /icons/ice-cream.md · SVG: https://gentleface.com/svg/{style}/16/ice-cream.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/ice-cream.png

ice-cream icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More food & drink icons

For agents

ice-cream icon