lemon from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
lemon
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 lemon emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m2 5l5-2.5c2.3-1.01 5.067-.035 6.438 1.635q.556-.267 1.152-.478c5.927-2.104 12.424 1.01 14.509 6.962l1.252 3.558c1.538 4.373.252 9.05-2.883 12.055a2.4 2.4 0 0 0-.702 1.374l-.002.009a4.04 4.04 0 0 1-2.634 3.152a4 4 0 0 1-4.03-.803c-.412-.37-.905-.592-1.405-.63l-.004-.001a11.38 11.38 0 0 1-9.79-7.573L7.65 18.201A11.43 11.43 0 0 1 9.544 7.22l-1.427.595C5.617 8.814 2.82 7.32 2 5m13.258.542c-4.88 1.723-7.441 7.093-5.721 11.996l1.252 3.558a9.38 9.38 0 0 0 8.066 6.244c.984.077 1.881.507 2.582 1.136l.002.001a2 2 0 0 0 2.021.406a2.04 2.04 0 0 0 1.331-1.59a4.38 4.38 0 0 1 1.292-2.504h.001c2.592-2.485 3.649-6.344 2.38-9.949l-1.252-3.56c-1.72-4.91-7.072-7.47-11.953-5.738"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastLemon(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="m2 5l5-2.5c2.3-1.01 5.067-.035 6.438 1.635q.556-.267 1.152-.478c5.927-2.104 12.424 1.01 14.509 6.962l1.252 3.558c1.538 4.373.252 9.05-2.883 12.055a2.4 2.4 0 0 0-.702 1.374l-.002.009a4.04 4.04 0 0 1-2.634 3.152a4 4 0 0 1-4.03-.803c-.412-.37-.905-.592-1.405-.63l-.004-.001a11.38 11.38 0 0 1-9.79-7.573L7.65 18.201A11.43 11.43 0 0 1 9.544 7.22l-1.427.595C5.617 8.814 2.82 7.32 2 5m13.258.542c-4.88 1.723-7.441 7.093-5.721 11.996l1.252 3.558a9.38 9.38 0 0 0 8.066 6.244c.984.077 1.881.507 2.582 1.136l.002.001a2 2 0 0 0 2.021.406a2.04 2.04 0 0 0 1.331-1.59a4.38 4.38 0 0 1 1.292-2.504h.001c2.592-2.485 3.649-6.344 2.38-9.949l-1.252-3.56c-1.72-4.91-7.072-7.47-11.953-5.738"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m2 5l5-2.5c2.3-1.01 5.067-.035 6.438 1.635q.556-.267 1.152-.478c5.927-2.104 12.424 1.01 14.509 6.962l1.252 3.558c1.538 4.373.252 9.05-2.883 12.055a2.4 2.4 0 0 0-.702 1.374l-.002.009a4.04 4.04 0 0 1-2.634 3.152a4 4 0 0 1-4.03-.803c-.412-.37-.905-.592-1.405-.63l-.004-.001a11.38 11.38 0 0 1-9.79-7.573L7.65 18.201A11.43 11.43 0 0 1 9.544 7.22l-1.427.595C5.617 8.814 2.82 7.32 2 5m13.258.542c-4.88 1.723-7.441 7.093-5.721 11.996l1.252 3.558a9.38 9.38 0 0 0 8.066 6.244c.984.077 1.881.507 2.582 1.136l.002.001a2 2 0 0 0 2.021.406a2.04 2.04 0 0 0 1.331-1.59a4.38 4.38 0 0 1 1.292-2.504h.001c2.592-2.485 3.649-6.344 2.38-9.949l-1.252-3.56c-1.72-4.91-7.072-7.47-11.953-5.738"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2%205l5-2.5c2.3-1.01%205.067-.035%206.438%201.635q.556-.267%201.152-.478c5.927-2.104%2012.424%201.01%2014.509%206.962l1.252%203.558c1.538%204.373.252%209.05-2.883%2012.055a2.4%202.4%200%200%200-.702%201.374l-.002.009a4.04%204.04%200%200%201-2.634%203.152a4%204%200%200%201-4.03-.803c-.412-.37-.905-.592-1.405-.63l-.004-.001a11.38%2011.38%200%200%201-9.79-7.573L7.65%2018.201A11.43%2011.43%200%200%201%209.544%207.22l-1.427.595C5.617%208.814%202.82%207.32%202%205m13.258.542c-4.88%201.723-7.441%207.093-5.721%2011.996l1.252%203.558a9.38%209.38%200%200%200%208.066%206.244c.984.077%201.881.507%202.582%201.136l.002.001a2%202%200%200%200%202.021.406a2.04%202.04%200%200%200%201.331-1.59a4.38%204.38%200%200%201%201.292-2.504h.001c2.592-2.485%203.649-6.344%202.38-9.949l-1.252-3.56c-1.72-4.91-7.072-7.47-11.953-5.738%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%22m2%205l5-2.5c2.3-1.01%205.067-.035%206.438%201.635q.556-.267%201.152-.478c5.927-2.104%2012.424%201.01%2014.509%206.962l1.252%203.558c1.538%204.373.252%209.05-2.883%2012.055a2.4%202.4%200%200%200-.702%201.374l-.002.009a4.04%204.04%200%200%201-2.634%203.152a4%204%200%200%201-4.03-.803c-.412-.37-.905-.592-1.405-.63l-.004-.001a11.38%2011.38%200%200%201-9.79-7.573L7.65%2018.201A11.43%2011.43%200%200%201%209.544%207.22l-1.427.595C5.617%208.814%202.82%207.32%202%205m13.258.542c-4.88%201.723-7.441%207.093-5.721%2011.996l1.252%203.558a9.38%209.38%200%200%200%208.066%206.244c.984.077%201.881.507%202.582%201.136l.002.001a2%202%200%200%200%202.021.406a2.04%202.04%200%200%200%201.331-1.59a4.38%204.38%200%200%201%201.292-2.504h.001c2.592-2.485%203.649-6.344%202.38-9.949l-1.252-3.56c-1.72-4.91-7.072-7.47-11.953-5.738%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/lemon.svg?color=%231a73e8&size=48