candy emoji
candy from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- candy
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the candy emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b1cc33" d="m48.075 26.673l4.042-.992l10.178-2.601c.238-.048.858-.36 1.03-.531l1.019-.781c.618-.618.855-1.579.453-2.356a2.008 2.008 0 0 0-3.186-.568c-.722.69-1.87.818-2.66.208a2 2 0 0 1-.242-2.962c.694-.736.826-1.907.196-2.698a2 2 0 0 0-2.973-.183c-.709.7-1.89.785-2.667.164a2 2 0 0 1-.21-2.943c.685-.72.825-1.865.224-2.656a2 2 0 0 0-3.014-.211a7 7 0 0 0-1.864 3.362l-2.113 9.139l-.902 4.193M24.71 44.707l-4.562 1.427l-10.285 2.55c-.563.113-1.08.39-1.485.796l-.712.711c-.713.713-.883 1.867-.282 2.677a2.003 2.003 0 0 0 2.999.265c.72-.69 1.869-.816 2.66-.207a2 2 0 0 1 .241 2.962c-.693.736-.825 1.907-.194 2.698a2 2 0 0 0 2.937.215c.738-.694 1.91-.83 2.701-.197a2 2 0 0 1 .21 2.943c-.684.72-.825 1.866-.223 2.656a2 2 0 0 0 3.013.211l.472-.472a4.4 4.4 0 0 0 1.203-2.248l2.468-9.838l1.236-3.489"/><circle cx="35.993" cy="36" r="14.999" fill="#b1cc33"/><path fill="#5c9e31" d="M51.001 35.99c.001-5.502-2.973-10.3-7.392-12.91a14.9 14.9 0 0 1 2.09 7.608c0 8.285-6.716 15.002-15 15A14.9 14.9 0 0 1 23.09 43.6c2.61 4.42 7.408 7.39 12.911 7.392c8.284 0 15-6.717 14.999-15.002"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="35.999" cy="35.999" r="15" transform="rotate(-45 36 35.999)"/><path d="m51.929 25.356l9.547-1.91a5.13 5.13 0 0 0 2.623-1.403l.234-.234c.705-.705.883-1.84.303-2.649a2.003 2.003 0 0 0-3.019-.292c-.721.69-1.869.818-2.66.208a2 2 0 0 1-.241-2.962c.694-.736.826-1.907.195-2.698a2 2 0 0 0-2.972-.183c-.709.699-1.89.785-2.667.163a2 2 0 0 1-.21-2.943c.685-.72.825-1.865.224-2.655a2 2 0 0 0-3.014-.212l-.486.486a4.33 4.33 0 0 0-1.185 2.214l-1.957 9.785M20.071 46.643l-10.546 2.11a1.77 1.77 0 0 0-.904.483l-.954.954c-.715.714-.883 1.87-.28 2.68a2.002 2.002 0 0 0 2.994.263c.724-.69 1.871-.82 2.663-.208a2 2 0 0 1 .242 2.958c-.695.738-.83 1.91-.197 2.702a2 2 0 0 0 2.94.213c.736-.694 1.907-.827 2.698-.196a2 2 0 0 1 .209 2.946c-.684.72-.823 1.865-.222 2.655a2 2 0 0 0 3.013.211L23.142 63l2.216-11.072"/><circle cx="36.001" cy="35.958" r="15" transform="rotate(-45 36 35.958)"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiCandy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b1cc33" d="m48.075 26.673l4.042-.992l10.178-2.601c.238-.048.858-.36 1.03-.531l1.019-.781c.618-.618.855-1.579.453-2.356a2.008 2.008 0 0 0-3.186-.568c-.722.69-1.87.818-2.66.208a2 2 0 0 1-.242-2.962c.694-.736.826-1.907.196-2.698a2 2 0 0 0-2.973-.183c-.709.7-1.89.785-2.667.164a2 2 0 0 1-.21-2.943c.685-.72.825-1.865.224-2.656a2 2 0 0 0-3.014-.211a7 7 0 0 0-1.864 3.362l-2.113 9.139l-.902 4.193M24.71 44.707l-4.562 1.427l-10.285 2.55c-.563.113-1.08.39-1.485.796l-.712.711c-.713.713-.883 1.867-.282 2.677a2.003 2.003 0 0 0 2.999.265c.72-.69 1.869-.816 2.66-.207a2 2 0 0 1 .241 2.962c-.693.736-.825 1.907-.194 2.698a2 2 0 0 0 2.937.215c.738-.694 1.91-.83 2.701-.197a2 2 0 0 1 .21 2.943c-.684.72-.825 1.866-.223 2.656a2 2 0 0 0 3.013.211l.472-.472a4.4 4.4 0 0 0 1.203-2.248l2.468-9.838l1.236-3.489"/><circle cx="35.993" cy="36" r="14.999" fill="#b1cc33"/><path fill="#5c9e31" d="M51.001 35.99c.001-5.502-2.973-10.3-7.392-12.91a14.9 14.9 0 0 1 2.09 7.608c0 8.285-6.716 15.002-15 15A14.9 14.9 0 0 1 23.09 43.6c2.61 4.42 7.408 7.39 12.911 7.392c8.284 0 15-6.717 14.999-15.002"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><circle cx="35.999" cy="35.999" r="15" transform="rotate(-45 36 35.999)"/><path d="m51.929 25.356l9.547-1.91a5.13 5.13 0 0 0 2.623-1.403l.234-.234c.705-.705.883-1.84.303-2.649a2.003 2.003 0 0 0-3.019-.292c-.721.69-1.869.818-2.66.208a2 2 0 0 1-.241-2.962c.694-.736.826-1.907.195-2.698a2 2 0 0 0-2.972-.183c-.709.699-1.89.785-2.667.163a2 2 0 0 1-.21-2.943c.685-.72.825-1.865.224-2.655a2 2 0 0 0-3.014-.212l-.486.486a4.33 4.33 0 0 0-1.185 2.214l-1.957 9.785M20.071 46.643l-10.546 2.11a1.77 1.77 0 0 0-.904.483l-.954.954c-.715.714-.883 1.87-.28 2.68a2.002 2.002 0 0 0 2.994.263c.724-.69 1.871-.82 2.663-.208a2 2 0 0 1 .242 2.958c-.695.738-.83 1.91-.197 2.702a2 2 0 0 0 2.94.213c.736-.694 1.907-.827 2.698-.196a2 2 0 0 1 .209 2.946c-.684.72-.823 1.865-.222 2.655a2 2 0 0 0 3.013.211L23.142 63l2.216-11.072"/><circle cx="36.001" cy="35.958" r="15" transform="rotate(-45 36 35.958)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b1cc33" d="m48.075 26.673l4.042-.992l10.178-2.601c.238-.048.858-.36 1.03-.531l1.019-.781c.618-.618.855-1.579.453-2.356a2.008 2.008 0 0 0-3.186-.568c-.722.69-1.87.818-2.66.208a2 2 0 0 1-.242-2.962c.694-.736.826-1.907.196-2.698a2 2 0 0 0-2.973-.183c-.709.7-1.89.785-2.667.164a2 2 0 0 1-.21-2.943c.685-.72.825-1.865.224-2.656a2 2 0 0 0-3.014-.211a7 7 0 0 0-1.864 3.362l-2.113 9.139l-.902 4.193M24.71 44.707l-4.562 1.427l-10.285 2.55c-.563.113-1.08.39-1.485.796l-.712.711c-.713.713-.883 1.867-.282 2.677a2.003 2.003 0 0 0 2.999.265c.72-.69 1.869-.816 2.66-.207a2 2 0 0 1 .241 2.962c-.693.736-.825 1.907-.194 2.698a2 2 0 0 0 2.937.215c.738-.694 1.91-.83 2.701-.197a2 2 0 0 1 .21 2.943c-.684.72-.825 1.866-.223 2.656a2 2 0 0 0 3.013.211l.472-.472a4.4 4.4 0 0 0 1.203-2.248l2.468-9.838l1.236-3.489"/><circle cx="35.993" cy="36" r="14.999" fill="#b1cc33"/><path fill="#5c9e31" d="M51.001 35.99c.001-5.502-2.973-10.3-7.392-12.91a14.9 14.9 0 0 1 2.09 7.608c0 8.285-6.716 15.002-15 15A14.9 14.9 0 0 1 23.09 43.6c2.61 4.42 7.408 7.39 12.911 7.392c8.284 0 15-6.717 14.999-15.002"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="35.999" cy="35.999" r="15" transform="rotate(-45 36 35.999)"/><path d="m51.929 25.356l9.547-1.91a5.13 5.13 0 0 0 2.623-1.403l.234-.234c.705-.705.883-1.84.303-2.649a2.003 2.003 0 0 0-3.019-.292c-.721.69-1.869.818-2.66.208a2 2 0 0 1-.241-2.962c.694-.736.826-1.907.195-2.698a2 2 0 0 0-2.972-.183c-.709.699-1.89.785-2.667.163a2 2 0 0 1-.21-2.943c.685-.72.825-1.865.224-2.655a2 2 0 0 0-3.014-.212l-.486.486a4.33 4.33 0 0 0-1.185 2.214l-1.957 9.785M20.071 46.643l-10.546 2.11a1.77 1.77 0 0 0-.904.483l-.954.954c-.715.714-.883 1.87-.28 2.68a2.002 2.002 0 0 0 2.994.263c.724-.69 1.871-.82 2.663-.208a2 2 0 0 1 .242 2.958c-.695.738-.83 1.91-.197 2.702a2 2 0 0 0 2.94.213c.736-.694 1.907-.827 2.698-.196a2 2 0 0 1 .209 2.946c-.684.72-.823 1.865-.222 2.655a2 2 0 0 0 3.013.211L23.142 63l2.216-11.072"/><circle cx="36.001" cy="35.958" r="15" transform="rotate(-45 36 35.958)"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22m48.075%2026.673l4.042-.992l10.178-2.601c.238-.048.858-.36%201.03-.531l1.019-.781c.618-.618.855-1.579.453-2.356a2.008%202.008%200%200%200-3.186-.568c-.722.69-1.87.818-2.66.208a2%202%200%200%201-.242-2.962c.694-.736.826-1.907.196-2.698a2%202%200%200%200-2.973-.183c-.709.7-1.89.785-2.667.164a2%202%200%200%201-.21-2.943c.685-.72.825-1.865.224-2.656a2%202%200%200%200-3.014-.211a7%207%200%200%200-1.864%203.362l-2.113%209.139l-.902%204.193M24.71%2044.707l-4.562%201.427l-10.285%202.55c-.563.113-1.08.39-1.485.796l-.712.711c-.713.713-.883%201.867-.282%202.677a2.003%202.003%200%200%200%202.999.265c.72-.69%201.869-.816%202.66-.207a2%202%200%200%201%20.241%202.962c-.693.736-.825%201.907-.194%202.698a2%202%200%200%200%202.937.215c.738-.694%201.91-.83%202.701-.197a2%202%200%200%201%20.21%202.943c-.684.72-.825%201.866-.223%202.656a2%202%200%200%200%203.013.211l.472-.472a4.4%204.4%200%200%200%201.203-2.248l2.468-9.838l1.236-3.489%22%2F%3E%3Ccircle%20cx%3D%2235.993%22%20cy%3D%2236%22%20r%3D%2214.999%22%20fill%3D%22%23b1cc33%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M51.001%2035.99c.001-5.502-2.973-10.3-7.392-12.91a14.9%2014.9%200%200%201%202.09%207.608c0%208.285-6.716%2015.002-15%2015A14.9%2014.9%200%200%201%2023.09%2043.6c2.61%204.42%207.408%207.39%2012.911%207.392c8.284%200%2015-6.717%2014.999-15.002%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2235.999%22%20cy%3D%2235.999%22%20r%3D%2215%22%20transform%3D%22rotate(-45%2036%2035.999)%22%2F%3E%3Cpath%20d%3D%22m51.929%2025.356l9.547-1.91a5.13%205.13%200%200%200%202.623-1.403l.234-.234c.705-.705.883-1.84.303-2.649a2.003%202.003%200%200%200-3.019-.292c-.721.69-1.869.818-2.66.208a2%202%200%200%201-.241-2.962c.694-.736.826-1.907.195-2.698a2%202%200%200%200-2.972-.183c-.709.699-1.89.785-2.667.163a2%202%200%200%201-.21-2.943c.685-.72.825-1.865.224-2.655a2%202%200%200%200-3.014-.212l-.486.486a4.33%204.33%200%200%200-1.185%202.214l-1.957%209.785M20.071%2046.643l-10.546%202.11a1.77%201.77%200%200%200-.904.483l-.954.954c-.715.714-.883%201.87-.28%202.68a2.002%202.002%200%200%200%202.994.263c.724-.69%201.871-.82%202.663-.208a2%202%200%200%201%20.242%202.958c-.695.738-.83%201.91-.197%202.702a2%202%200%200%200%202.94.213c.736-.694%201.907-.827%202.698-.196a2%202%200%200%201%20.209%202.946c-.684.72-.823%201.865-.222%202.655a2%202%200%200%200%203.013.211L23.142%2063l2.216-11.072%22%2F%3E%3Ccircle%20cx%3D%2236.001%22%20cy%3D%2235.958%22%20r%3D%2215%22%20transform%3D%22rotate(-45%2036%2035.958)%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22m48.075%2026.673l4.042-.992l10.178-2.601c.238-.048.858-.36%201.03-.531l1.019-.781c.618-.618.855-1.579.453-2.356a2.008%202.008%200%200%200-3.186-.568c-.722.69-1.87.818-2.66.208a2%202%200%200%201-.242-2.962c.694-.736.826-1.907.196-2.698a2%202%200%200%200-2.973-.183c-.709.7-1.89.785-2.667.164a2%202%200%200%201-.21-2.943c.685-.72.825-1.865.224-2.656a2%202%200%200%200-3.014-.211a7%207%200%200%200-1.864%203.362l-2.113%209.139l-.902%204.193M24.71%2044.707l-4.562%201.427l-10.285%202.55c-.563.113-1.08.39-1.485.796l-.712.711c-.713.713-.883%201.867-.282%202.677a2.003%202.003%200%200%200%202.999.265c.72-.69%201.869-.816%202.66-.207a2%202%200%200%201%20.241%202.962c-.693.736-.825%201.907-.194%202.698a2%202%200%200%200%202.937.215c.738-.694%201.91-.83%202.701-.197a2%202%200%200%201%20.21%202.943c-.684.72-.825%201.866-.223%202.656a2%202%200%200%200%203.013.211l.472-.472a4.4%204.4%200%200%200%201.203-2.248l2.468-9.838l1.236-3.489%22%2F%3E%3Ccircle%20cx%3D%2235.993%22%20cy%3D%2236%22%20r%3D%2214.999%22%20fill%3D%22%23b1cc33%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M51.001%2035.99c.001-5.502-2.973-10.3-7.392-12.91a14.9%2014.9%200%200%201%202.09%207.608c0%208.285-6.716%2015.002-15%2015A14.9%2014.9%200%200%201%2023.09%2043.6c2.61%204.42%207.408%207.39%2012.911%207.392c8.284%200%2015-6.717%2014.999-15.002%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2235.999%22%20cy%3D%2235.999%22%20r%3D%2215%22%20transform%3D%22rotate(-45%2036%2035.999)%22%2F%3E%3Cpath%20d%3D%22m51.929%2025.356l9.547-1.91a5.13%205.13%200%200%200%202.623-1.403l.234-.234c.705-.705.883-1.84.303-2.649a2.003%202.003%200%200%200-3.019-.292c-.721.69-1.869.818-2.66.208a2%202%200%200%201-.241-2.962c.694-.736.826-1.907.195-2.698a2%202%200%200%200-2.972-.183c-.709.699-1.89.785-2.667.163a2%202%200%200%201-.21-2.943c.685-.72.825-1.865.224-2.655a2%202%200%200%200-3.014-.212l-.486.486a4.33%204.33%200%200%200-1.185%202.214l-1.957%209.785M20.071%2046.643l-10.546%202.11a1.77%201.77%200%200%200-.904.483l-.954.954c-.715.714-.883%201.87-.28%202.68a2.002%202.002%200%200%200%202.994.263c.724-.69%201.871-.82%202.663-.208a2%202%200%200%201%20.242%202.958c-.695.738-.83%201.91-.197%202.702a2%202%200%200%200%202.94.213c.736-.694%201.907-.827%202.698-.196a2%202%200%200%201%20.209%202.946c-.684.72-.823%201.865-.222%202.655a2%202%200%200%200%203.013.211L23.142%2063l2.216-11.072%22%2F%3E%3Ccircle%20cx%3D%2236.001%22%20cy%3D%2235.958%22%20r%3D%2215%22%20transform%3D%22rotate(-45%2036%2035.958)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/candy.svg?color=%231a73e8&size=48
