lollipop emoji
lollipop from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- lollipop
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji High Contrast
Use the lollipop emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m29.46 26.986l-8.713-8.343a10.962 10.962 0 1 0-2.531 2.423l8.824 8.448a1.75 1.75 0 0 0 2.42-2.528M3.027 11.475C6.679 10 8.947 10.4 12 12c0 0-1.514-4.459-7.433-5.065a9.05 9.05 0 0 1 3.474-3C11.361 6.277 12.106 8.532 12 12c0 0 3.1-3.539.672-8.966A8.93 8.93 0 0 1 16.964 4.5C16.439 8.521 14.855 10.228 12 12c0 0 4.615.918 8.1-3.9A8.9 8.9 0 0 1 21 12c0 .182-.017.36-.027.54c-3.547 1.469-5.921 1.107-8.973-.54c0 0 1.514 4.459 7.434 5.065a9.06 9.06 0 0 1-3.415 2.976C13.019 17.7 12.158 15.506 12 12c0 0-3.1 3.539-.672 8.966a8.94 8.94 0 0 1-4.26-1.447C7.663 15.679 9.049 13.745 12 12c0 0-4.615-.918-8.1 3.9A8.9 8.9 0 0 1 3 12c0-.177.016-.351.027-.525"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastLollipop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m29.46 26.986l-8.713-8.343a10.962 10.962 0 1 0-2.531 2.423l8.824 8.448a1.75 1.75 0 0 0 2.42-2.528M3.027 11.475C6.679 10 8.947 10.4 12 12c0 0-1.514-4.459-7.433-5.065a9.05 9.05 0 0 1 3.474-3C11.361 6.277 12.106 8.532 12 12c0 0 3.1-3.539.672-8.966A8.93 8.93 0 0 1 16.964 4.5C16.439 8.521 14.855 10.228 12 12c0 0 4.615.918 8.1-3.9A8.9 8.9 0 0 1 21 12c0 .182-.017.36-.027.54c-3.547 1.469-5.921 1.107-8.973-.54c0 0 1.514 4.459 7.434 5.065a9.06 9.06 0 0 1-3.415 2.976C13.019 17.7 12.158 15.506 12 12c0 0-3.1 3.539-.672 8.966a8.94 8.94 0 0 1-4.26-1.447C7.663 15.679 9.049 13.745 12 12c0 0-4.615-.918-8.1 3.9A8.9 8.9 0 0 1 3 12c0-.177.016-.351.027-.525"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m29.46 26.986l-8.713-8.343a10.962 10.962 0 1 0-2.531 2.423l8.824 8.448a1.75 1.75 0 0 0 2.42-2.528M3.027 11.475C6.679 10 8.947 10.4 12 12c0 0-1.514-4.459-7.433-5.065a9.05 9.05 0 0 1 3.474-3C11.361 6.277 12.106 8.532 12 12c0 0 3.1-3.539.672-8.966A8.93 8.93 0 0 1 16.964 4.5C16.439 8.521 14.855 10.228 12 12c0 0 4.615.918 8.1-3.9A8.9 8.9 0 0 1 21 12c0 .182-.017.36-.027.54c-3.547 1.469-5.921 1.107-8.973-.54c0 0 1.514 4.459 7.434 5.065a9.06 9.06 0 0 1-3.415 2.976C13.019 17.7 12.158 15.506 12 12c0 0-3.1 3.539-.672 8.966a8.94 8.94 0 0 1-4.26-1.447C7.663 15.679 9.049 13.745 12 12c0 0-4.615-.918-8.1 3.9A8.9 8.9 0 0 1 3 12c0-.177.016-.351.027-.525"/></svg> </template>
CSS
.icon-lollipop {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m29.46%2026.986l-8.713-8.343a10.962%2010.962%200%201%200-2.531%202.423l8.824%208.448a1.75%201.75%200%200%200%202.42-2.528M3.027%2011.475C6.679%2010%208.947%2010.4%2012%2012c0%200-1.514-4.459-7.433-5.065a9.05%209.05%200%200%201%203.474-3C11.361%206.277%2012.106%208.532%2012%2012c0%200%203.1-3.539.672-8.966A8.93%208.93%200%200%201%2016.964%204.5C16.439%208.521%2014.855%2010.228%2012%2012c0%200%204.615.918%208.1-3.9A8.9%208.9%200%200%201%2021%2012c0%20.182-.017.36-.027.54c-3.547%201.469-5.921%201.107-8.973-.54c0%200%201.514%204.459%207.434%205.065a9.06%209.06%200%200%201-3.415%202.976C13.019%2017.7%2012.158%2015.506%2012%2012c0%200-3.1%203.539-.672%208.966a8.94%208.94%200%200%201-4.26-1.447C7.663%2015.679%209.049%2013.745%2012%2012c0%200-4.615-.918-8.1%203.9A8.9%208.9%200%200%201%203%2012c0-.177.016-.351.027-.525%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m29.46%2026.986l-8.713-8.343a10.962%2010.962%200%201%200-2.531%202.423l8.824%208.448a1.75%201.75%200%200%200%202.42-2.528M3.027%2011.475C6.679%2010%208.947%2010.4%2012%2012c0%200-1.514-4.459-7.433-5.065a9.05%209.05%200%200%201%203.474-3C11.361%206.277%2012.106%208.532%2012%2012c0%200%203.1-3.539.672-8.966A8.93%208.93%200%200%201%2016.964%204.5C16.439%208.521%2014.855%2010.228%2012%2012c0%200%204.615.918%208.1-3.9A8.9%208.9%200%200%201%2021%2012c0%20.182-.017.36-.027.54c-3.547%201.469-5.921%201.107-8.973-.54c0%200%201.514%204.459%207.434%205.065a9.06%209.06%200%200%201-3.415%202.976C13.019%2017.7%2012.158%2015.506%2012%2012c0%200-3.1%203.539-.672%208.966a8.94%208.94%200%200%201-4.26-1.447C7.663%2015.679%209.049%2013.745%2012%2012c0%200-4.615-.918-8.1%203.9A8.9%208.9%200%200%201%203%2012c0-.177.016-.351.027-.525%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/lollipop.svg?color=%231a73e8&size=48
