Icecream Four icon
icon-park:icecream-four
The Icecream Four icon (icon-park:icecream-four) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
- Tags
- icecreamfour
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M18.8429 13.7227L32.2779 27.1577L11.6794 40.5003L5.63367 34.4546L18.8429 13.7227Z"/><path fill="#2F88FF" d="M38.7729 19.5104C37.7123 20.5711 37.0133 20.5793 35.9608 20.941C35.9282 23.7368 35.967 26.5502 32.4192 27.245L18.6033 13.429C18.6033 13.429 18.594 12.0595 19.9994 11.3435C20.4943 11.1116 21.4978 11.2213 22.0958 11.3186C23.5021 8.2937 25.6314 7.78309 27.9988 8.76105C29.1343 7.04337 31.9383 6.31187 34.027 6.98636C36.1157 7.66085 36.0994 9.05869 37.4891 9.74134C38.8789 10.424 40.2931 9.00977 40.3012 8.31082C40.3094 7.61186 40.1868 6.27484 41.129 6.51729C41.7042 6.67252 42.167 7.23228 42.7246 9.56132C43.0359 10.8687 42.8549 12.8027 41.7378 13.99C41.0522 14.7186 39.5211 15.0994 38.8219 15.3167C38.8885 15.5072 39.8336 18.4498 38.7729 19.5104Z"/><path d="M38.8216 15.3162C36.0094 16.7467 33.9207 16.0722 31.8483 13.9998"/></g></svg>
How to use the Icecream Four icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:icecream-four" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:icecream-four" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:icecream-four" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--icecream-four]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:icecream-four"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:icecream-four"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/icecream-four.svg" alt="Icecream Four icon" width="24" height="24">
Related icons in IconPark
Icecream Four icon in other icon sets
Icecream Four icon FAQ
Is the Icecream Four icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Icecream Four icon in React?
Install @iconify/react and render <Icon icon="icon-park:icecream-four" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Icecream Four icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/icecream-four.svg" alt="Icecream Four icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
