lemon icon

lemon from Font Awesome 6 Solid by Dave Gandy · Regular · Food · CC-BY-4.0 Attribution required.

Name
lemon
Set
Font Awesome 6 Solid
Style
Regular
Category
Food
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

lemonBoxIcons v2lemonBoxIcons v2 SolidlemonEmoji One (Colored)lemonFont Awesome 6 RegularlemonFont Awesome RegularlemonFont Awesome Solidlemon-outlineFlowbite IconslemonFluent EmojilemonFluent Emoji FlatlemonFluent Emoji High ContrastlemonFirefox OS EmojilemonIconParklemonIconPark OutlinelemonIconPark SolidlemonIconPark TwoTonelemonLine AwesomelemonLucide LablemonNoto EmojilemonOpenMojilemonStreamline EmojislemonTabler IconslemonTDesign IconslemonTwitter Emoji

More food icons from Font Awesome 6 Solid

baconbonebread-slicecandy-canecarrotcheesecloud-meatballegghotdogpepper-hotpizza-slicestroopwafel

Use the lemon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M448 96c0-35.3-28.7-64-64-64c-6.6 0-13 1-19 2.9c-22.5 7-48.1 14.9-71 9c-75.2-19.1-156.4 11-213.7 68.3S-7.2 250.8 11.9 326c5.8 22.9-2 48.4-9 71C1 403 0 409.4 0 416c0 35.3 28.7 64 64 64c6.6 0 13-1 19.1-2.9c22.5-7 48.1-14.9 71-9c75.2 19.1 156.4-11 213.7-68.3s87.5-138.5 68.3-213.7c-5.8-22.9 2-48.4 9-71c1.9-6 2.9-12.4 2.9-19.1m-235.5 31.4c-54.6 16-101.1 62.5-117.1 117.1c-2.5 8.5-11.4 13.3-19.9 10.9S62.2 244 64.6 235.5c19.1-65.1 73.7-119.8 138.9-138.9c8.5-2.5 17.4 2.4 19.9 10.9s-2.4 17.4-10.9 19.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidLemon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M448 96c0-35.3-28.7-64-64-64c-6.6 0-13 1-19 2.9c-22.5 7-48.1 14.9-71 9c-75.2-19.1-156.4 11-213.7 68.3S-7.2 250.8 11.9 326c5.8 22.9-2 48.4-9 71C1 403 0 409.4 0 416c0 35.3 28.7 64 64 64c6.6 0 13-1 19.1-2.9c22.5-7 48.1-14.9 71-9c75.2 19.1 156.4-11 213.7-68.3s87.5-138.5 68.3-213.7c-5.8-22.9 2-48.4 9-71c1.9-6 2.9-12.4 2.9-19.1m-235.5 31.4c-54.6 16-101.1 62.5-117.1 117.1c-2.5 8.5-11.4 13.3-19.9 10.9S62.2 244 64.6 235.5c19.1-65.1 73.7-119.8 138.9-138.9c8.5-2.5 17.4 2.4 19.9 10.9s-2.4 17.4-10.9 19.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M448 96c0-35.3-28.7-64-64-64c-6.6 0-13 1-19 2.9c-22.5 7-48.1 14.9-71 9c-75.2-19.1-156.4 11-213.7 68.3S-7.2 250.8 11.9 326c5.8 22.9-2 48.4-9 71C1 403 0 409.4 0 416c0 35.3 28.7 64 64 64c6.6 0 13-1 19.1-2.9c22.5-7 48.1-14.9 71-9c75.2 19.1 156.4-11 213.7-68.3s87.5-138.5 68.3-213.7c-5.8-22.9 2-48.4 9-71c1.9-6 2.9-12.4 2.9-19.1m-235.5 31.4c-54.6 16-101.1 62.5-117.1 117.1c-2.5 8.5-11.4 13.3-19.9 10.9S62.2 244 64.6 235.5c19.1-65.1 73.7-119.8 138.9-138.9c8.5-2.5 17.4 2.4 19.9 10.9s-2.4 17.4-10.9 19.9"/></svg>
</template>

CSS

.icon-lemon {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%2096c0-35.3-28.7-64-64-64c-6.6%200-13%201-19%202.9c-22.5%207-48.1%2014.9-71%209c-75.2-19.1-156.4%2011-213.7%2068.3S-7.2%20250.8%2011.9%20326c5.8%2022.9-2%2048.4-9%2071C1%20403%200%20409.4%200%20416c0%2035.3%2028.7%2064%2064%2064c6.6%200%2013-1%2019.1-2.9c22.5-7%2048.1-14.9%2071-9c75.2%2019.1%20156.4-11%20213.7-68.3s87.5-138.5%2068.3-213.7c-5.8-22.9%202-48.4%209-71c1.9-6%202.9-12.4%202.9-19.1m-235.5%2031.4c-54.6%2016-101.1%2062.5-117.1%20117.1c-2.5%208.5-11.4%2013.3-19.9%2010.9S62.2%20244%2064.6%20235.5c19.1-65.1%2073.7-119.8%20138.9-138.9c8.5-2.5%2017.4%202.4%2019.9%2010.9s-2.4%2017.4-10.9%2019.9%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%2096c0-35.3-28.7-64-64-64c-6.6%200-13%201-19%202.9c-22.5%207-48.1%2014.9-71%209c-75.2-19.1-156.4%2011-213.7%2068.3S-7.2%20250.8%2011.9%20326c5.8%2022.9-2%2048.4-9%2071C1%20403%200%20409.4%200%20416c0%2035.3%2028.7%2064%2064%2064c6.6%200%2013-1%2019.1-2.9c22.5-7%2048.1-14.9%2071-9c75.2%2019.1%20156.4-11%20213.7-68.3s87.5-138.5%2068.3-213.7c-5.8-22.9%202-48.4%209-71c1.9-6%202.9-12.4%202.9-19.1m-235.5%2031.4c-54.6%2016-101.1%2062.5-117.1%20117.1c-2.5%208.5-11.4%2013.3-19.9%2010.9S62.2%20244%2064.6%20235.5c19.1-65.1%2073.7-119.8%20138.9-138.9c8.5-2.5%2017.4%202.4%2019.9%2010.9s-2.4%2017.4-10.9%2019.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/lemon.svg?color=%231a73e8&size=48