ice cream icon
ice-cream from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ice-cream
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
ice-creamEmoji One (Colored)ice-creamElement Plusice-creamFont Awesome 6 Solidice-creamFont Awesome Solidice-creamFluent Emojiice-creamFluent Emoji Flatice-creamFluent Emoji High Contrastice-creamIconoirice-creamJam Iconsice-creamLine Awesomeice-creamMaterial Design Iconsice-cream-fillMingCute Iconice-creamNoto Emojiice-creamOpenMojiice-creamPhosphorice-creamTabler Iconsice-creamTDesign Iconsice-creamTwitter Emoji
Use the ice cream icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 0 0-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0 1 66.27-78.82a8 8 0 0 0 6.62-6.83a104 104 0 0 1 206.22 0a8 8 0 0 0 6.62 6.83A80 80 0 0 1 352 272a74.33 74.33 0 0 1-47.45-17.41a7.93 7.93 0 0 0-9.92-.14A62.9 62.9 0 0 1 256 268a80.5 80.5 0 0 1-21.8-3.18a8 8 0 0 0-10.2 7.69V312a40 40 0 0 1-41 40"/><path fill="currentColor" d="M263.39 299.7a8 8 0 0 0-7.39 7.91V312a72.11 72.11 0 0 1-50.69 68.76a8 8 0 0 0-4.91 10.78l40.91 94.8A16 16 0 0 0 256 496a16 16 0 0 0 14.69-9.7l73.78-172.15a8 8 0 0 0-6.2-11.07a106.3 106.3 0 0 1-35.9-11.59a8 8 0 0 0-7.13-.2a95 95 0 0 1-31.85 8.41"/></svg>
React
import type { SVGProps } from "react";
export function IonIceCream(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 0 0-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0 1 66.27-78.82a8 8 0 0 0 6.62-6.83a104 104 0 0 1 206.22 0a8 8 0 0 0 6.62 6.83A80 80 0 0 1 352 272a74.33 74.33 0 0 1-47.45-17.41a7.93 7.93 0 0 0-9.92-.14A62.9 62.9 0 0 1 256 268a80.5 80.5 0 0 1-21.8-3.18a8 8 0 0 0-10.2 7.69V312a40 40 0 0 1-41 40"/><path fill="currentColor" d="M263.39 299.7a8 8 0 0 0-7.39 7.91V312a72.11 72.11 0 0 1-50.69 68.76a8 8 0 0 0-4.91 10.78l40.91 94.8A16 16 0 0 0 256 496a16 16 0 0 0 14.69-9.7l73.78-172.15a8 8 0 0 0-6.2-11.07a106.3 106.3 0 0 1-35.9-11.59a8 8 0 0 0-7.13-.2a95 95 0 0 1-31.85 8.41"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 0 0-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0 1 66.27-78.82a8 8 0 0 0 6.62-6.83a104 104 0 0 1 206.22 0a8 8 0 0 0 6.62 6.83A80 80 0 0 1 352 272a74.33 74.33 0 0 1-47.45-17.41a7.93 7.93 0 0 0-9.92-.14A62.9 62.9 0 0 1 256 268a80.5 80.5 0 0 1-21.8-3.18a8 8 0 0 0-10.2 7.69V312a40 40 0 0 1-41 40"/><path fill="currentColor" d="M263.39 299.7a8 8 0 0 0-7.39 7.91V312a72.11 72.11 0 0 1-50.69 68.76a8 8 0 0 0-4.91 10.78l40.91 94.8A16 16 0 0 0 256 496a16 16 0 0 0 14.69-9.7l73.78-172.15a8 8 0 0 0-6.2-11.07a106.3 106.3 0 0 1-35.9-11.59a8 8 0 0 0-7.13-.2a95 95 0 0 1-31.85 8.41"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M183%20352c-21.84-.52-39-18.9-39-40.74v-34.07a8%208%200%200%200-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14%2080.14%200%200%201%2066.27-78.82a8%208%200%200%200%206.62-6.83a104%20104%200%200%201%20206.22%200a8%208%200%200%200%206.62%206.83A80%2080%200%200%201%20352%20272a74.33%2074.33%200%200%201-47.45-17.41a7.93%207.93%200%200%200-9.92-.14A62.9%2062.9%200%200%201%20256%20268a80.5%2080.5%200%200%201-21.8-3.18a8%208%200%200%200-10.2%207.69V312a40%2040%200%200%201-41%2040%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M263.39%20299.7a8%208%200%200%200-7.39%207.91V312a72.11%2072.11%200%200%201-50.69%2068.76a8%208%200%200%200-4.91%2010.78l40.91%2094.8A16%2016%200%200%200%20256%20496a16%2016%200%200%200%2014.69-9.7l73.78-172.15a8%208%200%200%200-6.2-11.07a106.3%20106.3%200%200%201-35.9-11.59a8%208%200%200%200-7.13-.2a95%2095%200%200%201-31.85%208.41%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M183%20352c-21.84-.52-39-18.9-39-40.74v-34.07a8%208%200%200%200-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14%2080.14%200%200%201%2066.27-78.82a8%208%200%200%200%206.62-6.83a104%20104%200%200%201%20206.22%200a8%208%200%200%200%206.62%206.83A80%2080%200%200%201%20352%20272a74.33%2074.33%200%200%201-47.45-17.41a7.93%207.93%200%200%200-9.92-.14A62.9%2062.9%200%200%201%20256%20268a80.5%2080.5%200%200%201-21.8-3.18a8%208%200%200%200-10.2%207.69V312a40%2040%200%200%201-41%2040%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M263.39%20299.7a8%208%200%200%200-7.39%207.91V312a72.11%2072.11%200%200%201-50.69%2068.76a8%208%200%200%200-4.91%2010.78l40.91%2094.8A16%2016%200%200%200%20256%20496a16%2016%200%200%200%2014.69-9.7l73.78-172.15a8%208%200%200%200-6.2-11.07a106.3%20106.3%200%200%201-35.9-11.59a8%208%200%200%200-7.13-.2a95%2095%200%200%201-31.85%208.41%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ice-cream.svg?color=%231a73e8&size=48
