lemon icon

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

Name
lemon
Set
Font Awesome Solid
Style
Solid
Category
Food
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

lemonBoxIcons v2lemonBoxIcons v2 SolidlemonEmoji One (Colored)lemonFont Awesome 6 RegularlemonFont Awesome 6 SolidlemonFont Awesome Regularlemon-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 Solid

baconbonebread-slicecandy-canecarrotcheesecloud-meatballegghamburgerhotdogpepper-hotpizza-slicestroopwafel

Use the lemon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 160c0-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.3S88.8 314.8 107.9 390c5.8 22.9-2 48.4-9 71c-1.9 6-2.9 12.4-2.9 19c0 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.4-138.6 68.3-213.8c-5.8-22.9 2-48.4 9-71c1.9-6 2.9-12.4 2.9-19.1zm-225.3 47c-52 15.2-96.5 59.7-111.7 111.7c-3.7 12.7-17.1 20-29.8 16.3s-20-17-16.2-29.7c19.8-67.7 76.6-124.5 144.3-144.3c12.7-3.7 26.1 3.6 29.8 16.3s-3.6 26.1-16.3 29.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidLemon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 160c0-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.3S88.8 314.8 107.9 390c5.8 22.9-2 48.4-9 71c-1.9 6-2.9 12.4-2.9 19c0 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.4-138.6 68.3-213.8c-5.8-22.9 2-48.4 9-71c1.9-6 2.9-12.4 2.9-19.1zm-225.3 47c-52 15.2-96.5 59.7-111.7 111.7c-3.7 12.7-17.1 20-29.8 16.3s-20-17-16.2-29.7c19.8-67.7 76.6-124.5 144.3-144.3c12.7-3.7 26.1 3.6 29.8 16.3s-3.6 26.1-16.3 29.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 160c0-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.3S88.8 314.8 107.9 390c5.8 22.9-2 48.4-9 71c-1.9 6-2.9 12.4-2.9 19c0 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.4-138.6 68.3-213.8c-5.8-22.9 2-48.4 9-71c1.9-6 2.9-12.4 2.9-19.1zm-225.3 47c-52 15.2-96.5 59.7-111.7 111.7c-3.7 12.7-17.1 20-29.8 16.3s-20-17-16.2-29.7c19.8-67.7 76.6-124.5 144.3-144.3c12.7-3.7 26.1 3.6 29.8 16.3s-3.6 26.1-16.3 29.8z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544%20160c0-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.3S88.8%20314.8%20107.9%20390c5.8%2022.9-2%2048.4-9%2071c-1.9%206-2.9%2012.4-2.9%2019c0%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.4-138.6%2068.3-213.8c-5.8-22.9%202-48.4%209-71c1.9-6%202.9-12.4%202.9-19.1zm-225.3%2047c-52%2015.2-96.5%2059.7-111.7%20111.7c-3.7%2012.7-17.1%2020-29.8%2016.3s-20-17-16.2-29.7c19.8-67.7%2076.6-124.5%20144.3-144.3c12.7-3.7%2026.1%203.6%2029.8%2016.3s-3.6%2026.1-16.3%2029.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544%20160c0-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.3S88.8%20314.8%20107.9%20390c5.8%2022.9-2%2048.4-9%2071c-1.9%206-2.9%2012.4-2.9%2019c0%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.4-138.6%2068.3-213.8c-5.8-22.9%202-48.4%209-71c1.9-6%202.9-12.4%202.9-19.1zm-225.3%2047c-52%2015.2-96.5%2059.7-111.7%20111.7c-3.7%2012.7-17.1%2020-29.8%2016.3s-20-17-16.2-29.7c19.8-67.7%2076.6-124.5%20144.3-144.3c12.7-3.7%2026.1%203.6%2029.8%2016.3s-3.6%2026.1-16.3%2029.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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