Shavedice icon

fxemoji:shavedice

The Shavedice icon (fxemoji:shavedice) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#BDE5E5" d="m360.44 474.566l-.546-.023c-8.857 16.368-53.259 28.814-106.706 28.814c-53.451 0-97.855-12.448-106.708-28.818l-.621.027c-6.568-9.773-71.038-92.181-71.038-173.398c0-28.756 113.643-3.674 177.834 12.788c64.192-16.461 177.834-41.544 177.834-12.788c0 79.148-63.481 163.625-70.049 173.398"/><path fill="#9BC4C3" d="M253.529 342.803c74.435 0 139.668-10.162 176.105-25.411c-1.338 13.149-4.18 26.293-7.998 39.073c-29.578 12.197-80.976 22.953-170.289 22.953c-88.391 0-138.847-10.493-167.651-22.487c-3.93-13.112-6.836-26.674-8.129-40.338c36.049 15.692 102.239 26.21 177.962 26.21"/><path fill="#BDE5E5" d="m460.44 257.409l1.241 31.125s-4.062 57.37-210.334 57.37S45.379 288.76 45.379 288.76l1.241-31.351c0-.331.045-.648.064-.974c1.317 29.247 93.394 52.854 206.845 52.854c113.456 0 205.533-23.608 206.847-52.856c.019.325.064.643.064.976"/><path fill="#D7F4F7" d="M253.528 213.209c54.375 0 105.367 5.441 143.581 15.319c41.881 10.826 51.913 22.81 52.412 26.956q-.019.22-.031.459c-.25 5.582-14.621 17.466-53.186 27.33c-38.117 9.75-88.822 15.12-142.776 15.12c-53.951 0-104.655-5.369-142.772-15.12c-38.565-9.863-52.936-21.747-53.19-27.386a15 15 0 0 0-.029-.417c.52-4.158 10.578-16.126 52.413-26.941c38.214-9.879 89.206-15.32 143.578-15.32m0-10.895c-114.27 0-206.909 23.947-206.909 53.488c0 .211.053.422.064.633c1.317 29.247 93.394 52.854 206.845 52.854c113.456 0 205.533-23.608 206.847-52.856c.011-.211.061-.419.061-.63c0-29.542-92.633-53.489-206.908-53.489"/><path fill="#FFD4DE" d="M449.491 255.943s-12.507 42.45-195.962 42.45s-195.963-42.507-195.963-42.507c0-53.133 145.07-167.837 195.964-167.837c50.895.001 195.961 116.559 195.961 167.894"/><path fill="#FFA9BA" d="M405.868 185.29c-54.989-41.861-102.729-32.425-132.387 17.273c-34.758 58.243-81.021 55.759-117.607-.248c-12.203-18.68-23.279-30.783-33.933-37.747c45.477-40.802 79.976-76.517 131.589-76.517c32.951-.001 105.365 48.856 152.338 97.239"/><path fill="#FF6E83" d="M204.224 146.555a7.4 7.4 0 0 1-5.244-2.172l-4.615-4.615a7.416 7.416 0 0 1 10.488-10.488l4.615 4.615a7.416 7.416 0 0 1-5.244 12.66m22.739 65.551l4.708-3.716a7.416 7.416 0 1 0-9.19-11.642l-4.708 3.716a7.416 7.416 0 0 0 4.6 13.237a7.38 7.38 0 0 0 4.59-1.595m80.625-59.619a7.416 7.416 0 0 0-4.295-9.568l-5.605-2.132a7.416 7.416 0 0 0-5.273 13.863l5.605 2.132a7.417 7.417 0 0 0 9.568-4.295m-39.089-37.851l4.708-3.716a7.416 7.416 0 1 0-9.189-11.643l-4.708 3.716a7.417 7.417 0 0 0 9.189 11.643"/><path fill="#BFBCAF" d="M505.696 40.946L396.795 174.798c12.236 16.043 11.312 40.482-3.455 58.633c-1.88 4.032-4.868 8.407-8.659 12.798c-28.249-24.119-60.964-22.807-90.299-15.374c4.538-17.835 16.69-37.027 31.474-52.328c12.889-15.842 32.614-22.329 49.523-17.93L485.858 24.805c4.456-5.479 12.51-6.307 17.989-1.849c5.479 4.457 6.307 12.511 1.849 17.99"/></svg>

How to use the Shavedice icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:shavedice" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:shavedice" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:shavedice" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--shavedice]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:shavedice"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:shavedice"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/shavedice.svg" alt="Shavedice icon" width="24" height="24">

Shavedice icon FAQ

Is the Shavedice 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 Shavedice icon in React?

Install @iconify/react and render <Icon icon="fxemoji:shavedice" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Shavedice icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/shavedice.svg" alt="Shavedice icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →