lemon icon
lemon-outline from Flowbite Icons by Themesberg · Outline · Food Beverage · MIT Free for personal and commercial use.
- Name
- lemon-outline
- Set
- Flowbite Icons
- Style
- Outline
- Category
- Food Beverage
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
The same icon in other sets
lemonBoxIcons v2lemonBoxIcons v2 SolidlemonEmoji One (Colored)lemonFont Awesome 6 RegularlemonFont Awesome 6 SolidlemonFont Awesome RegularlemonFont Awesome SolidlemonFluent EmojilemonFluent Emoji FlatlemonFluent Emoji High ContrastlemonFirefox OS EmojilemonIconParklemonIconPark OutlinelemonIconPark SolidlemonIconPark TwoTonelemonLine AwesomelemonLucide LablemonNoto EmojilemonOpenMojilemonStreamline EmojislemonTabler IconslemonTDesign IconslemonTwitter Emoji
More food beverage icons from Flowbite Icons
apple-full-outlinebacon-outlinebeer-mug-empty-outlinebone-outlinebowl-food-outlinebowl-rice-outlinebread-slice-outlineburger-outlinecake-candles-outlinecandy-cane-outlinecarrot-outlinechampagne-glasses-outlinecheese-outlinecloud-meatball-outlinecookie-outlinecube-solidcubes-stacked-outlinedroplet-bottle-alt-outlinedroplet-bottle-outlinedrumstick-bite-outlineegg-outlinefish-alt-outlinefish-outlineflask-outline
Use the lemon 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-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.306 8.295C9.557 9.382 8.82 11.25 9.002 13.94m5.665-9.759l-1.056.505c-.342.133-1.524.32-1.716.32c-4.832.646-7.745 5.768-5.881 10.339l.45 1.105c.074.179.128.485.135.562l.098 1.181q0 0 0 0c.107 1.306 1.463 2.102 2.631 1.548l.01-.005c.071-.034.974-.472 1.052-.502c.08-.032.357-.138.547-.164l1.168-.156c4.832-.647 7.745-5.769 5.881-10.34l-.45-1.104a1.9 1.9 0 0 1-.135-.563l-.097-1.18c-.108-1.308-1.468-2.105-2.637-1.546"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteLemonOutline(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12.306 8.295C9.557 9.382 8.82 11.25 9.002 13.94m5.665-9.759l-1.056.505c-.342.133-1.524.32-1.716.32c-4.832.646-7.745 5.768-5.881 10.339l.45 1.105c.074.179.128.485.135.562l.098 1.181q0 0 0 0c.107 1.306 1.463 2.102 2.631 1.548l.01-.005c.071-.034.974-.472 1.052-.502c.08-.032.357-.138.547-.164l1.168-.156c4.832-.647 7.745-5.769 5.881-10.34l-.45-1.104a1.9 1.9 0 0 1-.135-.563l-.097-1.18c-.108-1.308-1.468-2.105-2.637-1.546"/></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-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.306 8.295C9.557 9.382 8.82 11.25 9.002 13.94m5.665-9.759l-1.056.505c-.342.133-1.524.32-1.716.32c-4.832.646-7.745 5.768-5.881 10.339l.45 1.105c.074.179.128.485.135.562l.098 1.181q0 0 0 0c.107 1.306 1.463 2.102 2.631 1.548l.01-.005c.071-.034.974-.472 1.052-.502c.08-.032.357-.138.547-.164l1.168-.156c4.832-.647 7.745-5.769 5.881-10.34l-.45-1.104a1.9 1.9 0 0 1-.135-.563l-.097-1.18c-.108-1.308-1.468-2.105-2.637-1.546"/></svg> </template>
CSS
.icon-lemon-outline {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12.306%208.295C9.557%209.382%208.82%2011.25%209.002%2013.94m5.665-9.759l-1.056.505c-.342.133-1.524.32-1.716.32c-4.832.646-7.745%205.768-5.881%2010.339l.45%201.105c.074.179.128.485.135.562l.098%201.181q0%200%200%200c.107%201.306%201.463%202.102%202.631%201.548l.01-.005c.071-.034.974-.472%201.052-.502c.08-.032.357-.138.547-.164l1.168-.156c4.832-.647%207.745-5.769%205.881-10.34l-.45-1.104a1.9%201.9%200%200%201-.135-.563l-.097-1.18c-.108-1.308-1.468-2.105-2.637-1.546%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12.306%208.295C9.557%209.382%208.82%2011.25%209.002%2013.94m5.665-9.759l-1.056.505c-.342.133-1.524.32-1.716.32c-4.832.646-7.745%205.768-5.881%2010.339l.45%201.105c.074.179.128.485.135.562l.098%201.181q0%200%200%200c.107%201.306%201.463%202.102%202.631%201.548l.01-.005c.071-.034.974-.472%201.052-.502c.08-.032.357-.138.547-.164l1.168-.156c4.832-.647%207.745-5.769%205.881-10.34l-.45-1.104a1.9%201.9%200%200%201-.135-.563l-.097-1.18c-.108-1.308-1.468-2.105-2.637-1.546%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/lemon-outline.svg?color=%231a73e8&size=48
