candy emoji

candy from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
candy
Set
Fluent Emoji Flat
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

candyEmoji One (Colored)candyFluent EmojicandyFluent Emoji High ContrastcandyFirefox OS EmojicandyHuge IconscandyIconParkcandyIconPark OutlinecandyIconPark SolidcandyIconPark TwoTonecandyLucidecandyMaterial Design Iconscandy-fillMingCute IconcandyNoto EmojicandyOpenMojicandyStreamline EmojiscandyTabler IconscandyTDesign IconscandyTwitter Emoji

More food & drink icons from Fluent Emoji Flat

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercanned-foodcarrot

Use the candy emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M13 4c0-1.1-.9-2-2-2s-2 .9-2 2c0 .8-.97 1.2-1.54.64l-.05-.05c-.78-.78-2.05-.78-2.83 0s-.78 2.05 0 2.83l.05.05C5.2 8.03 4.8 9 4 9c-1.1 0-2 .9-2 2s.9 2 2 2h9z"/><path fill="#fcd53f" d="M19 24.488A9 9 0 0 1 16 25c-.824 0-1.621-.11-2.38-.318a9 9 0 0 0 2.74.308a6.41 6.41 0 0 1 .94-7.17a6.42 6.42 0 0 1 7.69-1.46A9 9 0 0 0 25 16c0 1.052-.18 2.062-.512 3l-.26.21h-1.726c-1.93 0-3.268 1.344-3.268 3.274v1.756z"/><path fill="#fcd53f" d="M24.66 13.54a8.9 8.9 0 0 0-2.57-.38c-2.54 0-4.97 1.09-6.66 2.99a9 9 0 0 0-1.79 3.06a8.8 8.8 0 0 0-.46 3.39c.04.7.16 1.39.36 2.06a9 9 0 0 1-2.344-1.048c-.022-.048-.13-.122-.15-.17c-1.438-3.251-.997-7.248 1.514-10.074c1.84-2.07 4.535-3.184 7.105-3.184c1.308 0 2.506.285 3.723.838c.04.018.183.17.222.188c-.44-.7-.99-1.35-1.63-1.93a8.9 8.9 0 0 0-2.41-1.54c-.074 0-.11.06-.183.062a11.8 11.8 0 0 0-8.59 3.977a12 12 0 0 0-2.389 4.09c-.387 1.142-.55 2.29-.581 3.496c-.002.068-.096.124-.097.192a9 9 0 1 1 16.93-6.017"/><path fill="#f8312f" d="M12.69 13.46a9.3 9.3 0 0 1 6.97-3.13c1.35 0 2.7.29 3.95.88c-.44-.7-.99-1.35-1.63-1.93a8.9 8.9 0 0 0-2.41-1.54c-1.63.01-3.21.35-4.71 1c-1.58.69-2.96 1.7-4.11 2.99c-1.07 1.2-1.87 2.58-2.39 4.09c-.41 1.21-.62 2.47-.63 3.75c.5 1.17 1.26 2.25 2.28 3.15c.38.34.78.64 1.19.9c-1.52-3.28-1.06-7.29 1.49-10.16M19 28c0 1.1.9 2 2 2s2-.9 2-2c0-.8.97-1.2 1.54-.64l.05.05c.78.78 2.05.78 2.83 0s.78-2.05 0-2.83l-.05-.05C26.8 23.97 27.2 23 28 23c1.1 0 2-.9 2-2s-.9-2-2-2h-5.5c-1.93 0-3.5 1.57-3.5 3.5z"/><path fill="#f8312f" d="M17.33 17.835c-1.81 2.03-2.13 4.865-.97 7.155c-.94.04-1.89-.07-2.82-.33c-.2-.67-.39-1.369-.43-2.069c-.07-1.16.124-2.372.494-3.462c.39-1.13.988-2.1 1.788-3a9.04 9.04 0 0 1 6.698-3.02c.88 0 1.74.181 2.57.431c.26.92.37 1.87.33 2.82c-.91-.46-1.91-.655-2.9-.655c-1.76 0-3.49.71-4.76 2.13"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatCandy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M13 4c0-1.1-.9-2-2-2s-2 .9-2 2c0 .8-.97 1.2-1.54.64l-.05-.05c-.78-.78-2.05-.78-2.83 0s-.78 2.05 0 2.83l.05.05C5.2 8.03 4.8 9 4 9c-1.1 0-2 .9-2 2s.9 2 2 2h9z"/><path fill="#fcd53f" d="M19 24.488A9 9 0 0 1 16 25c-.824 0-1.621-.11-2.38-.318a9 9 0 0 0 2.74.308a6.41 6.41 0 0 1 .94-7.17a6.42 6.42 0 0 1 7.69-1.46A9 9 0 0 0 25 16c0 1.052-.18 2.062-.512 3l-.26.21h-1.726c-1.93 0-3.268 1.344-3.268 3.274v1.756z"/><path fill="#fcd53f" d="M24.66 13.54a8.9 8.9 0 0 0-2.57-.38c-2.54 0-4.97 1.09-6.66 2.99a9 9 0 0 0-1.79 3.06a8.8 8.8 0 0 0-.46 3.39c.04.7.16 1.39.36 2.06a9 9 0 0 1-2.344-1.048c-.022-.048-.13-.122-.15-.17c-1.438-3.251-.997-7.248 1.514-10.074c1.84-2.07 4.535-3.184 7.105-3.184c1.308 0 2.506.285 3.723.838c.04.018.183.17.222.188c-.44-.7-.99-1.35-1.63-1.93a8.9 8.9 0 0 0-2.41-1.54c-.074 0-.11.06-.183.062a11.8 11.8 0 0 0-8.59 3.977a12 12 0 0 0-2.389 4.09c-.387 1.142-.55 2.29-.581 3.496c-.002.068-.096.124-.097.192a9 9 0 1 1 16.93-6.017"/><path fill="#f8312f" d="M12.69 13.46a9.3 9.3 0 0 1 6.97-3.13c1.35 0 2.7.29 3.95.88c-.44-.7-.99-1.35-1.63-1.93a8.9 8.9 0 0 0-2.41-1.54c-1.63.01-3.21.35-4.71 1c-1.58.69-2.96 1.7-4.11 2.99c-1.07 1.2-1.87 2.58-2.39 4.09c-.41 1.21-.62 2.47-.63 3.75c.5 1.17 1.26 2.25 2.28 3.15c.38.34.78.64 1.19.9c-1.52-3.28-1.06-7.29 1.49-10.16M19 28c0 1.1.9 2 2 2s2-.9 2-2c0-.8.97-1.2 1.54-.64l.05.05c.78.78 2.05.78 2.83 0s.78-2.05 0-2.83l-.05-.05C26.8 23.97 27.2 23 28 23c1.1 0 2-.9 2-2s-.9-2-2-2h-5.5c-1.93 0-3.5 1.57-3.5 3.5z"/><path fill="#f8312f" d="M17.33 17.835c-1.81 2.03-2.13 4.865-.97 7.155c-.94.04-1.89-.07-2.82-.33c-.2-.67-.39-1.369-.43-2.069c-.07-1.16.124-2.372.494-3.462c.39-1.13.988-2.1 1.788-3a9.04 9.04 0 0 1 6.698-3.02c.88 0 1.74.181 2.57.431c.26.92.37 1.87.33 2.82c-.91-.46-1.91-.655-2.9-.655c-1.76 0-3.49.71-4.76 2.13"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M13 4c0-1.1-.9-2-2-2s-2 .9-2 2c0 .8-.97 1.2-1.54.64l-.05-.05c-.78-.78-2.05-.78-2.83 0s-.78 2.05 0 2.83l.05.05C5.2 8.03 4.8 9 4 9c-1.1 0-2 .9-2 2s.9 2 2 2h9z"/><path fill="#fcd53f" d="M19 24.488A9 9 0 0 1 16 25c-.824 0-1.621-.11-2.38-.318a9 9 0 0 0 2.74.308a6.41 6.41 0 0 1 .94-7.17a6.42 6.42 0 0 1 7.69-1.46A9 9 0 0 0 25 16c0 1.052-.18 2.062-.512 3l-.26.21h-1.726c-1.93 0-3.268 1.344-3.268 3.274v1.756z"/><path fill="#fcd53f" d="M24.66 13.54a8.9 8.9 0 0 0-2.57-.38c-2.54 0-4.97 1.09-6.66 2.99a9 9 0 0 0-1.79 3.06a8.8 8.8 0 0 0-.46 3.39c.04.7.16 1.39.36 2.06a9 9 0 0 1-2.344-1.048c-.022-.048-.13-.122-.15-.17c-1.438-3.251-.997-7.248 1.514-10.074c1.84-2.07 4.535-3.184 7.105-3.184c1.308 0 2.506.285 3.723.838c.04.018.183.17.222.188c-.44-.7-.99-1.35-1.63-1.93a8.9 8.9 0 0 0-2.41-1.54c-.074 0-.11.06-.183.062a11.8 11.8 0 0 0-8.59 3.977a12 12 0 0 0-2.389 4.09c-.387 1.142-.55 2.29-.581 3.496c-.002.068-.096.124-.097.192a9 9 0 1 1 16.93-6.017"/><path fill="#f8312f" d="M12.69 13.46a9.3 9.3 0 0 1 6.97-3.13c1.35 0 2.7.29 3.95.88c-.44-.7-.99-1.35-1.63-1.93a8.9 8.9 0 0 0-2.41-1.54c-1.63.01-3.21.35-4.71 1c-1.58.69-2.96 1.7-4.11 2.99c-1.07 1.2-1.87 2.58-2.39 4.09c-.41 1.21-.62 2.47-.63 3.75c.5 1.17 1.26 2.25 2.28 3.15c.38.34.78.64 1.19.9c-1.52-3.28-1.06-7.29 1.49-10.16M19 28c0 1.1.9 2 2 2s2-.9 2-2c0-.8.97-1.2 1.54-.64l.05.05c.78.78 2.05.78 2.83 0s.78-2.05 0-2.83l-.05-.05C26.8 23.97 27.2 23 28 23c1.1 0 2-.9 2-2s-.9-2-2-2h-5.5c-1.93 0-3.5 1.57-3.5 3.5z"/><path fill="#f8312f" d="M17.33 17.835c-1.81 2.03-2.13 4.865-.97 7.155c-.94.04-1.89-.07-2.82-.33c-.2-.67-.39-1.369-.43-2.069c-.07-1.16.124-2.372.494-3.462c.39-1.13.988-2.1 1.788-3a9.04 9.04 0 0 1 6.698-3.02c.88 0 1.74.181 2.57.431c.26.92.37 1.87.33 2.82c-.91-.46-1.91-.655-2.9-.655c-1.76 0-3.49.71-4.76 2.13"/></g></svg>
</template>

CSS

.icon-candy {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M13%204c0-1.1-.9-2-2-2s-2%20.9-2%202c0%20.8-.97%201.2-1.54.64l-.05-.05c-.78-.78-2.05-.78-2.83%200s-.78%202.05%200%202.83l.05.05C5.2%208.03%204.8%209%204%209c-1.1%200-2%20.9-2%202s.9%202%202%202h9z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M19%2024.488A9%209%200%200%201%2016%2025c-.824%200-1.621-.11-2.38-.318a9%209%200%200%200%202.74.308a6.41%206.41%200%200%201%20.94-7.17a6.42%206.42%200%200%201%207.69-1.46A9%209%200%200%200%2025%2016c0%201.052-.18%202.062-.512%203l-.26.21h-1.726c-1.93%200-3.268%201.344-3.268%203.274v1.756z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M24.66%2013.54a8.9%208.9%200%200%200-2.57-.38c-2.54%200-4.97%201.09-6.66%202.99a9%209%200%200%200-1.79%203.06a8.8%208.8%200%200%200-.46%203.39c.04.7.16%201.39.36%202.06a9%209%200%200%201-2.344-1.048c-.022-.048-.13-.122-.15-.17c-1.438-3.251-.997-7.248%201.514-10.074c1.84-2.07%204.535-3.184%207.105-3.184c1.308%200%202.506.285%203.723.838c.04.018.183.17.222.188c-.44-.7-.99-1.35-1.63-1.93a8.9%208.9%200%200%200-2.41-1.54c-.074%200-.11.06-.183.062a11.8%2011.8%200%200%200-8.59%203.977a12%2012%200%200%200-2.389%204.09c-.387%201.142-.55%202.29-.581%203.496c-.002.068-.096.124-.097.192a9%209%200%201%201%2016.93-6.017%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M12.69%2013.46a9.3%209.3%200%200%201%206.97-3.13c1.35%200%202.7.29%203.95.88c-.44-.7-.99-1.35-1.63-1.93a8.9%208.9%200%200%200-2.41-1.54c-1.63.01-3.21.35-4.71%201c-1.58.69-2.96%201.7-4.11%202.99c-1.07%201.2-1.87%202.58-2.39%204.09c-.41%201.21-.62%202.47-.63%203.75c.5%201.17%201.26%202.25%202.28%203.15c.38.34.78.64%201.19.9c-1.52-3.28-1.06-7.29%201.49-10.16M19%2028c0%201.1.9%202%202%202s2-.9%202-2c0-.8.97-1.2%201.54-.64l.05.05c.78.78%202.05.78%202.83%200s.78-2.05%200-2.83l-.05-.05C26.8%2023.97%2027.2%2023%2028%2023c1.1%200%202-.9%202-2s-.9-2-2-2h-5.5c-1.93%200-3.5%201.57-3.5%203.5z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M17.33%2017.835c-1.81%202.03-2.13%204.865-.97%207.155c-.94.04-1.89-.07-2.82-.33c-.2-.67-.39-1.369-.43-2.069c-.07-1.16.124-2.372.494-3.462c.39-1.13.988-2.1%201.788-3a9.04%209.04%200%200%201%206.698-3.02c.88%200%201.74.181%202.57.431c.26.92.37%201.87.33%202.82c-.91-.46-1.91-.655-2.9-.655c-1.76%200-3.49.71-4.76%202.13%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M13%204c0-1.1-.9-2-2-2s-2%20.9-2%202c0%20.8-.97%201.2-1.54.64l-.05-.05c-.78-.78-2.05-.78-2.83%200s-.78%202.05%200%202.83l.05.05C5.2%208.03%204.8%209%204%209c-1.1%200-2%20.9-2%202s.9%202%202%202h9z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M19%2024.488A9%209%200%200%201%2016%2025c-.824%200-1.621-.11-2.38-.318a9%209%200%200%200%202.74.308a6.41%206.41%200%200%201%20.94-7.17a6.42%206.42%200%200%201%207.69-1.46A9%209%200%200%200%2025%2016c0%201.052-.18%202.062-.512%203l-.26.21h-1.726c-1.93%200-3.268%201.344-3.268%203.274v1.756z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M24.66%2013.54a8.9%208.9%200%200%200-2.57-.38c-2.54%200-4.97%201.09-6.66%202.99a9%209%200%200%200-1.79%203.06a8.8%208.8%200%200%200-.46%203.39c.04.7.16%201.39.36%202.06a9%209%200%200%201-2.344-1.048c-.022-.048-.13-.122-.15-.17c-1.438-3.251-.997-7.248%201.514-10.074c1.84-2.07%204.535-3.184%207.105-3.184c1.308%200%202.506.285%203.723.838c.04.018.183.17.222.188c-.44-.7-.99-1.35-1.63-1.93a8.9%208.9%200%200%200-2.41-1.54c-.074%200-.11.06-.183.062a11.8%2011.8%200%200%200-8.59%203.977a12%2012%200%200%200-2.389%204.09c-.387%201.142-.55%202.29-.581%203.496c-.002.068-.096.124-.097.192a9%209%200%201%201%2016.93-6.017%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M12.69%2013.46a9.3%209.3%200%200%201%206.97-3.13c1.35%200%202.7.29%203.95.88c-.44-.7-.99-1.35-1.63-1.93a8.9%208.9%200%200%200-2.41-1.54c-1.63.01-3.21.35-4.71%201c-1.58.69-2.96%201.7-4.11%202.99c-1.07%201.2-1.87%202.58-2.39%204.09c-.41%201.21-.62%202.47-.63%203.75c.5%201.17%201.26%202.25%202.28%203.15c.38.34.78.64%201.19.9c-1.52-3.28-1.06-7.29%201.49-10.16M19%2028c0%201.1.9%202%202%202s2-.9%202-2c0-.8.97-1.2%201.54-.64l.05.05c.78.78%202.05.78%202.83%200s.78-2.05%200-2.83l-.05-.05C26.8%2023.97%2027.2%2023%2028%2023c1.1%200%202-.9%202-2s-.9-2-2-2h-5.5c-1.93%200-3.5%201.57-3.5%203.5z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M17.33%2017.835c-1.81%202.03-2.13%204.865-.97%207.155c-.94.04-1.89-.07-2.82-.33c-.2-.67-.39-1.369-.43-2.069c-.07-1.16.124-2.372.494-3.462c.39-1.13.988-2.1%201.788-3a9.04%209.04%200%200%201%206.698-3.02c.88%200%201.74.181%202.57.431c.26.92.37%201.87.33%202.82c-.91-.46-1.91-.655-2.9-.655c-1.76%200-3.49.71-4.76%202.13%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/candy.svg?color=%231a73e8&size=48