candy icon
candy-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- candy-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
candyEmoji One (Colored)candyFluent EmojicandyFluent Emoji FlatcandyFluent Emoji High ContrastcandyFirefox OS EmojicandyHuge IconscandyIconParkcandyIconPark OutlinecandyIconPark SolidcandyIconPark TwoTonecandyLucidecandyMaterial Design IconscandyNoto EmojicandyOpenMojicandyStreamline EmojiscandyTabler IconscandyTDesign IconscandyTwitter Emoji
Related icons in MingCute Icon
Use the candy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m16.68 5.366l-.708 2.121l.246.246l.049.048l.246.246l2.12-.707zm.804 4.446l2.55-.85a1.5 1.5 0 0 0 .586-2.484l-3.098-3.099a1.5 1.5 0 0 0-2.484.587l-.85 2.55a5 5 0 0 0-5.016 1.241L7.757 9.171a5 5 0 0 0-1.24 5.017l-2.551.85a1.5 1.5 0 0 0-.586 2.483l3.098 3.099a1.5 1.5 0 0 0 2.484-.586l.85-2.55a5 5 0 0 0 5.016-1.242l1.415-1.414a5 5 0 0 0 1.24-5.016m-9.747 6.41l.04.04l.25.25l-.707 2.122l-1.954-1.955l2.121-.707z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCandyFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="m16.68 5.366l-.708 2.121l.246.246l.049.048l.246.246l2.12-.707zm.804 4.446l2.55-.85a1.5 1.5 0 0 0 .586-2.484l-3.098-3.099a1.5 1.5 0 0 0-2.484.587l-.85 2.55a5 5 0 0 0-5.016 1.241L7.757 9.171a5 5 0 0 0-1.24 5.017l-2.551.85a1.5 1.5 0 0 0-.586 2.483l3.098 3.099a1.5 1.5 0 0 0 2.484-.586l.85-2.55a5 5 0 0 0 5.016-1.242l1.415-1.414a5 5 0 0 0 1.24-5.016m-9.747 6.41l.04.04l.25.25l-.707 2.122l-1.954-1.955l2.121-.707z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m16.68 5.366l-.708 2.121l.246.246l.049.048l.246.246l2.12-.707zm.804 4.446l2.55-.85a1.5 1.5 0 0 0 .586-2.484l-3.098-3.099a1.5 1.5 0 0 0-2.484.587l-.85 2.55a5 5 0 0 0-5.016 1.241L7.757 9.171a5 5 0 0 0-1.24 5.017l-2.551.85a1.5 1.5 0 0 0-.586 2.483l3.098 3.099a1.5 1.5 0 0 0 2.484-.586l.85-2.55a5 5 0 0 0 5.016-1.242l1.415-1.414a5 5 0 0 0 1.24-5.016m-9.747 6.41l.04.04l.25.25l-.707 2.122l-1.954-1.955l2.121-.707z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-candy-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m16.68%205.366l-.708%202.121l.246.246l.049.048l.246.246l2.12-.707zm.804%204.446l2.55-.85a1.5%201.5%200%200%200%20.586-2.484l-3.098-3.099a1.5%201.5%200%200%200-2.484.587l-.85%202.55a5%205%200%200%200-5.016%201.241L7.757%209.171a5%205%200%200%200-1.24%205.017l-2.551.85a1.5%201.5%200%200%200-.586%202.483l3.098%203.099a1.5%201.5%200%200%200%202.484-.586l.85-2.55a5%205%200%200%200%205.016-1.242l1.415-1.414a5%205%200%200%200%201.24-5.016m-9.747%206.41l.04.04l.25.25l-.707%202.122l-1.954-1.955l2.121-.707z%22%20clip-rule%3D%22evenodd%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m16.68%205.366l-.708%202.121l.246.246l.049.048l.246.246l2.12-.707zm.804%204.446l2.55-.85a1.5%201.5%200%200%200%20.586-2.484l-3.098-3.099a1.5%201.5%200%200%200-2.484.587l-.85%202.55a5%205%200%200%200-5.016%201.241L7.757%209.171a5%205%200%200%200-1.24%205.017l-2.551.85a1.5%201.5%200%200%200-.586%202.483l3.098%203.099a1.5%201.5%200%200%200%202.484-.586l.85-2.55a5%205%200%200%200%205.016-1.242l1.415-1.414a5%205%200%200%200%201.24-5.016m-9.747%206.41l.04.04l.25.25l-.707%202.122l-1.954-1.955l2.121-.707z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/candy-fill.svg?color=%231a73e8&size=48
