Icecream icon
fxemoji:icecream
The Icecream icon (fxemoji:icecream) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D1CFC3" d="M356.483 482.571c0 15.701-44.664 28.429-99.759 28.429s-99.759-12.728-99.759-28.429c0-12.7 48.24-49.841 80.453-63.577V256.117h38.612v162.877c32.212 13.736 80.453 50.877 80.453 63.577"/><path fill="#E5E4DF" d="M476.365 193.697s-2.994 187.149-221.958 187.149S37.083 193.697 37.083 193.697c0-.352.048-.688.068-1.033c1.398 31.046 99.141 56.106 219.572 56.106c120.437 0 218.18-25.06 219.574-56.109c.02.346.068.684.068 1.036"/><path fill="#D1CFC3" d="M256.722 135.213c-121.301 0-219.64 25.42-219.64 56.779c0 .224.057.448.068.672c1.398 31.047 99.141 56.106 219.572 56.106c120.436 0 218.18-25.06 219.574-56.109c.012-.224.065-.445.065-.669c0-31.359-98.333-56.779-219.639-56.779"/><path fill="#77431D" d="M250.666 204.208c0 16.005-3.889 31.1-10.769 44.397c-80.72-1.581-149.221-14.444-182.025-32.503a98 98 0 0 1-.728-11.894c0-53.44 43.321-96.761 96.761-96.761s96.761 43.321 96.761 96.761"/><path fill="#FFE1AB" d="M440.956 216.235c0 2.268-.079 4.517-.218 6.75c-39.185 15.524-106.954 25.785-184.017 25.785c-8.584 0-17.048-.132-25.375-.379a107.2 107.2 0 0 1-4.906-32.155c0-59.237 48.021-107.258 107.258-107.258c59.237-.001 107.258 48.02 107.258 107.257"/><path fill="#FFA9BA" d="M411.784 142.378c0 16.696-13.535 30.231-30.231 30.231c-2.927 0-5.753-.424-8.43-1.2c.468 11.891-6.15 23.443-17.644 28.696c-11.59 5.296-24.776 2.65-33.459-5.648c-3.85 12.268-15.308 21.168-28.847 21.168c-14.314 0-26.295-9.951-29.425-23.31c-5.544 6.441-13.75 10.525-22.915 10.525c-16.696 0-30.231-13.535-30.231-30.231c0-.401.015-.798.03-1.195c-12.94 3.77-27.279-1.51-34.457-13.645c-8.5-14.37-3.742-32.91 10.629-41.41a30.1 30.1 0 0 1 10.748-3.852a97.5 97.5 0 0 1-1.14-14.884c0-53.44 43.321-96.761 96.761-96.761s96.761 43.321 96.761 96.761c0 5.237-.422 10.374-1.223 15.386c13.241 3.215 23.073 15.141 23.073 29.369"/></svg>
How to use the Icecream icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:icecream" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:icecream" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:icecream" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--icecream]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:icecream"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:icecream"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/icecream.svg" alt="Icecream icon" width="24" height="24">
Icecream icon in other icon sets
Icecream icon FAQ
Is the Icecream icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Icecream icon in React?
Install @iconify/react and render <Icon icon="fxemoji:icecream" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Icecream icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/icecream.svg" alt="Icecream icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
