candy icon
candy-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- candy-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-width="2" d="M8.464 15.536a4 4 0 0 1 0-5.656L9.88 8.465a4 4 0 0 1 5.657 5.657l-1.415 1.414a4 4 0 0 1-5.657 0Z"/><path fill="none" stroke="currentColor" stroke-width="2" d="M4.087 16.816a.5.5 0 0 1 .195-.828l3.475-1.159l1.415 1.414l-1.159 3.476a.5.5 0 0 1-.828.195zM16.815 4.088a.5.5 0 0 0-.828.195l-1.159 3.475l1.414 1.414l3.476-1.158a.5.5 0 0 0 .195-.828z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCandyLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="2" d="M8.464 15.536a4 4 0 0 1 0-5.656L9.88 8.465a4 4 0 0 1 5.657 5.657l-1.415 1.414a4 4 0 0 1-5.657 0Z"/><path fill="none" stroke="currentColor" strokeWidth="2" d="M4.087 16.816a.5.5 0 0 1 .195-.828l3.475-1.159l1.415 1.414l-1.159 3.476a.5.5 0 0 1-.828.195zM16.815 4.088a.5.5 0 0 0-.828.195l-1.159 3.475l1.414 1.414l3.476-1.158a.5.5 0 0 0 .195-.828z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M8.464 15.536a4 4 0 0 1 0-5.656L9.88 8.465a4 4 0 0 1 5.657 5.657l-1.415 1.414a4 4 0 0 1-5.657 0Z"/><path fill="none" stroke="currentColor" stroke-width="2" d="M4.087 16.816a.5.5 0 0 1 .195-.828l3.475-1.159l1.415 1.414l-1.159 3.476a.5.5 0 0 1-.828.195zM16.815 4.088a.5.5 0 0 0-.828.195l-1.159 3.475l1.414 1.414l3.476-1.158a.5.5 0 0 0 .195-.828z"/></svg> </template>
CSS
.icon-candy-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M8.464%2015.536a4%204%200%200%201%200-5.656L9.88%208.465a4%204%200%200%201%205.657%205.657l-1.415%201.414a4%204%200%200%201-5.657%200Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M4.087%2016.816a.5.5%200%200%201%20.195-.828l3.475-1.159l1.415%201.414l-1.159%203.476a.5.5%200%200%201-.828.195zM16.815%204.088a.5.5%200%200%200-.828.195l-1.159%203.475l1.414%201.414l3.476-1.158a.5.5%200%200%200%20.195-.828z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M8.464%2015.536a4%204%200%200%201%200-5.656L9.88%208.465a4%204%200%200%201%205.657%205.657l-1.415%201.414a4%204%200%200%201-5.657%200Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M4.087%2016.816a.5.5%200%200%201%20.195-.828l3.475-1.159l1.415%201.414l-1.159%203.476a.5.5%200%200%201-.828.195zM16.815%204.088a.5.5%200%200%200-.828.195l-1.159%203.475l1.414%201.414l3.476-1.158a.5.5%200%200%200%20.195-.828z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/candy-line.svg?color=%231a73e8&size=48
