Candy icon

fxemoji:candy

The Candy icon (fxemoji:candy) 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="#00B1FF" d="M509.56 332.873c-1.365 12.374-12.65 22.318-29.242 27.874a23.66 23.66 0 0 0-15.503 28.206c4.203 16.986 1.857 31.843-7.858 39.627c-17.254 13.826-51.216.108-75.856-30.641c-13.432-16.762-21.31-35.12-22.912-50.596c-40.568 45.428-108.107 59.659-164.809 30.536c-58.995-30.301-86.679-97.476-69.372-158.937c-13.927 6.959-33.668 10.157-55.042 7.8c-39.165-4.32-68.95-25.638-66.526-47.615c1.365-12.374 12.65-22.318 29.242-27.874a23.66 23.66 0 0 0 15.503-28.206c-4.203-16.986-1.857-31.843 7.858-39.627c17.254-13.826 51.216-.108 75.856 30.641c13.411 16.736 21.285 35.064 22.904 50.526c40.568-45.435 108.112-59.669 164.817-30.545c59.025 30.316 86.706 97.544 69.345 159.03c13.929-6.968 33.682-10.172 55.069-7.813c39.165 4.319 68.95 25.637 66.526 47.614"/><path fill="#76DFFF" d="M207.845 192.707c-7.473 0-14.779-3.719-19.057-10.508c-6.625-10.513-3.473-24.406 7.041-31.031c20.406-12.858 43.98-18.525 66.389-15.945c12.345 1.419 21.202 12.578 19.782 24.923s-12.583 21.2-24.923 19.782c-12.082-1.388-25.662 2.004-37.258 9.312a22.4 22.4 0 0 1-11.974 3.467"/><path fill="#0082BC" d="M124.009 218.939c-6.092 3.042-13.294 5.366-21.261 6.819a154.2 154.2 0 0 1 13.892-39.348c8.376-16.308 19.263-30.482 31.941-42.305c2.793 7.111 4.547 14.042 5.222 20.48a137.3 137.3 0 0 0-19.722 28.755a137.7 137.7 0 0 0-10.072 25.599m263.954 74.136a137.6 137.6 0 0 1-10.044 25.504a137.3 137.3 0 0 1-19.731 28.765c.67 6.457 2.427 13.414 5.231 20.55c12.677-11.823 23.565-25.997 31.941-42.305a154.2 154.2 0 0 0 13.892-39.348c-7.979 1.457-15.191 3.786-21.289 6.834"/></svg>

How to use the Candy icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Candy icon in other icon sets

Candy icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →