lemon icon
lemon from Font Awesome 6 Regular by Dave Gandy · Regular · Food · CC-BY-4.0 Attribution required.
- Name
- lemon
- Set
- Font Awesome 6 Regular
- 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 SolidlemonFont Awesome RegularlemonFont Awesome Solidlemon-outlineFlowbite IconslemonFluent EmojilemonFluent Emoji FlatlemonFluent Emoji High ContrastlemonFirefox OS EmojilemonIconParklemonIconPark OutlinelemonIconPark SolidlemonIconPark TwoTonelemonLine AwesomelemonLucide LablemonNoto EmojilemonOpenMojilemonStreamline EmojislemonTabler IconslemonTDesign IconslemonTwitter Emoji
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="M368 80c-3.2 0-6.2.4-8.9 1.3c-19.1 5.5-46.1 10.6-74.3 3.3c-57.4-14.9-124.6 7.4-174.7 57.5S37.7 259.4 52.6 316.8c7.3 28.2 2.2 55.2-3.3 74.3c-.8 2.8-1.3 5.8-1.3 8.9c0 17.7 14.3 32 32 32c3.2 0 6.2-.4 8.9-1.3c19.1-5.5 46.1-10.7 74.3-3.3c57.4 14.9 124.6-7.4 174.7-57.5s72.4-117.3 57.5-174.7c-7.3-28.2-2.2-55.2 3.3-74.3c.8-2.8 1.3-5.8 1.3-8.9c0-17.7-14.3-32-32-32m0-48c44.2 0 80 35.8 80 80c0 7.7-1.1 15.2-3.1 22.3c-4.6 15.8-7.1 32.9-3 48.9c20.1 77.6-10.9 161.5-70 220.7s-143.1 90.2-220.7 70c-16-4.1-33-1.6-48.9 3c-7.1 2-14.6 3.1-22.3 3.1c-44.2 0-80-35.8-80-80c0-7.7 1.1-15.2 3.1-22.3c4.6-15.8 7.1-32.9 3-48.9C-14 251.3 17 167.3 76.2 108.2S219.3 18 296.8 38.1c16 4.1 33 1.6 48.9-3c7.1-2 14.6-3.1 22.3-3.1M246.7 167c-52 15.2-96.5 59.7-111.7 111.7c-3.7 12.7-17.1 20-29.8 16.3s-20-17.1-16.3-29.8c19.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.8"/></svg>
React
import type { SVGProps } from "react";
export function Fa6RegularLemon(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="M368 80c-3.2 0-6.2.4-8.9 1.3c-19.1 5.5-46.1 10.6-74.3 3.3c-57.4-14.9-124.6 7.4-174.7 57.5S37.7 259.4 52.6 316.8c7.3 28.2 2.2 55.2-3.3 74.3c-.8 2.8-1.3 5.8-1.3 8.9c0 17.7 14.3 32 32 32c3.2 0 6.2-.4 8.9-1.3c19.1-5.5 46.1-10.7 74.3-3.3c57.4 14.9 124.6-7.4 174.7-57.5s72.4-117.3 57.5-174.7c-7.3-28.2-2.2-55.2 3.3-74.3c.8-2.8 1.3-5.8 1.3-8.9c0-17.7-14.3-32-32-32m0-48c44.2 0 80 35.8 80 80c0 7.7-1.1 15.2-3.1 22.3c-4.6 15.8-7.1 32.9-3 48.9c20.1 77.6-10.9 161.5-70 220.7s-143.1 90.2-220.7 70c-16-4.1-33-1.6-48.9 3c-7.1 2-14.6 3.1-22.3 3.1c-44.2 0-80-35.8-80-80c0-7.7 1.1-15.2 3.1-22.3c4.6-15.8 7.1-32.9 3-48.9C-14 251.3 17 167.3 76.2 108.2S219.3 18 296.8 38.1c16 4.1 33 1.6 48.9-3c7.1-2 14.6-3.1 22.3-3.1M246.7 167c-52 15.2-96.5 59.7-111.7 111.7c-3.7 12.7-17.1 20-29.8 16.3s-20-17.1-16.3-29.8c19.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.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M368 80c-3.2 0-6.2.4-8.9 1.3c-19.1 5.5-46.1 10.6-74.3 3.3c-57.4-14.9-124.6 7.4-174.7 57.5S37.7 259.4 52.6 316.8c7.3 28.2 2.2 55.2-3.3 74.3c-.8 2.8-1.3 5.8-1.3 8.9c0 17.7 14.3 32 32 32c3.2 0 6.2-.4 8.9-1.3c19.1-5.5 46.1-10.7 74.3-3.3c57.4 14.9 124.6-7.4 174.7-57.5s72.4-117.3 57.5-174.7c-7.3-28.2-2.2-55.2 3.3-74.3c.8-2.8 1.3-5.8 1.3-8.9c0-17.7-14.3-32-32-32m0-48c44.2 0 80 35.8 80 80c0 7.7-1.1 15.2-3.1 22.3c-4.6 15.8-7.1 32.9-3 48.9c20.1 77.6-10.9 161.5-70 220.7s-143.1 90.2-220.7 70c-16-4.1-33-1.6-48.9 3c-7.1 2-14.6 3.1-22.3 3.1c-44.2 0-80-35.8-80-80c0-7.7 1.1-15.2 3.1-22.3c4.6-15.8 7.1-32.9 3-48.9C-14 251.3 17 167.3 76.2 108.2S219.3 18 296.8 38.1c16 4.1 33 1.6 48.9-3c7.1-2 14.6-3.1 22.3-3.1M246.7 167c-52 15.2-96.5 59.7-111.7 111.7c-3.7 12.7-17.1 20-29.8 16.3s-20-17.1-16.3-29.8c19.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.8"/></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%22M368%2080c-3.2%200-6.2.4-8.9%201.3c-19.1%205.5-46.1%2010.6-74.3%203.3c-57.4-14.9-124.6%207.4-174.7%2057.5S37.7%20259.4%2052.6%20316.8c7.3%2028.2%202.2%2055.2-3.3%2074.3c-.8%202.8-1.3%205.8-1.3%208.9c0%2017.7%2014.3%2032%2032%2032c3.2%200%206.2-.4%208.9-1.3c19.1-5.5%2046.1-10.7%2074.3-3.3c57.4%2014.9%20124.6-7.4%20174.7-57.5s72.4-117.3%2057.5-174.7c-7.3-28.2-2.2-55.2%203.3-74.3c.8-2.8%201.3-5.8%201.3-8.9c0-17.7-14.3-32-32-32m0-48c44.2%200%2080%2035.8%2080%2080c0%207.7-1.1%2015.2-3.1%2022.3c-4.6%2015.8-7.1%2032.9-3%2048.9c20.1%2077.6-10.9%20161.5-70%20220.7s-143.1%2090.2-220.7%2070c-16-4.1-33-1.6-48.9%203c-7.1%202-14.6%203.1-22.3%203.1c-44.2%200-80-35.8-80-80c0-7.7%201.1-15.2%203.1-22.3c4.6-15.8%207.1-32.9%203-48.9C-14%20251.3%2017%20167.3%2076.2%20108.2S219.3%2018%20296.8%2038.1c16%204.1%2033%201.6%2048.9-3c7.1-2%2014.6-3.1%2022.3-3.1M246.7%20167c-52%2015.2-96.5%2059.7-111.7%20111.7c-3.7%2012.7-17.1%2020-29.8%2016.3s-20-17.1-16.3-29.8c19.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.8%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%22M368%2080c-3.2%200-6.2.4-8.9%201.3c-19.1%205.5-46.1%2010.6-74.3%203.3c-57.4-14.9-124.6%207.4-174.7%2057.5S37.7%20259.4%2052.6%20316.8c7.3%2028.2%202.2%2055.2-3.3%2074.3c-.8%202.8-1.3%205.8-1.3%208.9c0%2017.7%2014.3%2032%2032%2032c3.2%200%206.2-.4%208.9-1.3c19.1-5.5%2046.1-10.7%2074.3-3.3c57.4%2014.9%20124.6-7.4%20174.7-57.5s72.4-117.3%2057.5-174.7c-7.3-28.2-2.2-55.2%203.3-74.3c.8-2.8%201.3-5.8%201.3-8.9c0-17.7-14.3-32-32-32m0-48c44.2%200%2080%2035.8%2080%2080c0%207.7-1.1%2015.2-3.1%2022.3c-4.6%2015.8-7.1%2032.9-3%2048.9c20.1%2077.6-10.9%20161.5-70%20220.7s-143.1%2090.2-220.7%2070c-16-4.1-33-1.6-48.9%203c-7.1%202-14.6%203.1-22.3%203.1c-44.2%200-80-35.8-80-80c0-7.7%201.1-15.2%203.1-22.3c4.6-15.8%207.1-32.9%203-48.9C-14%20251.3%2017%20167.3%2076.2%20108.2S219.3%2018%20296.8%2038.1c16%204.1%2033%201.6%2048.9-3c7.1-2%2014.6-3.1%2022.3-3.1M246.7%20167c-52%2015.2-96.5%2059.7-111.7%20111.7c-3.7%2012.7-17.1%2020-29.8%2016.3s-20-17.1-16.3-29.8c19.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.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/lemon.svg?color=%231a73e8&size=48
