leaf icon

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

Name
leaf
Set
Font Awesome 6 Solid
Style
Regular
Category
Charity
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

leafAkar IconsleafBootstrap IconsleafBoxIcons v2leafBoxIcons v2 SolidleafFont Awesome Solidleaf-20-filledFluent UI System IconsleafIconParkleafIconPark OutlineleafIconoirleafIonIconsleafJam IconsleafLine AwesomeleafLucideleafMaterial Design Iconsleaf-fillMingCute IconleafMyna UI IconsleafPhosphorleafPixelarticonsleaf-fillRemix Iconleaf-boldSolarleafTabler Icons

More charity icons from Font Awesome 6 Solid

dollar-signgifthand-holding-hearthandshakeheartparachute-boxpiggy-bankribbonseedling

Use the leaf icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M272 96c-78.6 0-145.1 51.5-167.7 122.5c33.6-17 71.5-26.5 111.7-26.5h88c8.8 0 16 7.2 16 16s-7.2 16-16 16h-88c-16.6 0-32.7 1.9-48.3 5.4c-25.9 5.9-49.9 16.4-71.4 30.7C38.3 298.8 0 364.9 0 440v16c0 13.3 10.7 24 24 24s24-10.7 24-24v-16c0-48.7 20.7-92.5 53.8-123.2C121.6 392.3 190.3 448 272 448h1c132.1-.7 239-130.9 239-291.4c0-42.6-7.5-83.1-21.1-119.6c-2.6-6.9-12.7-6.6-16.2-.1C455.9 72.1 418.7 96 376 96z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidLeaf(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M272 96c-78.6 0-145.1 51.5-167.7 122.5c33.6-17 71.5-26.5 111.7-26.5h88c8.8 0 16 7.2 16 16s-7.2 16-16 16h-88c-16.6 0-32.7 1.9-48.3 5.4c-25.9 5.9-49.9 16.4-71.4 30.7C38.3 298.8 0 364.9 0 440v16c0 13.3 10.7 24 24 24s24-10.7 24-24v-16c0-48.7 20.7-92.5 53.8-123.2C121.6 392.3 190.3 448 272 448h1c132.1-.7 239-130.9 239-291.4c0-42.6-7.5-83.1-21.1-119.6c-2.6-6.9-12.7-6.6-16.2-.1C455.9 72.1 418.7 96 376 96z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M272 96c-78.6 0-145.1 51.5-167.7 122.5c33.6-17 71.5-26.5 111.7-26.5h88c8.8 0 16 7.2 16 16s-7.2 16-16 16h-88c-16.6 0-32.7 1.9-48.3 5.4c-25.9 5.9-49.9 16.4-71.4 30.7C38.3 298.8 0 364.9 0 440v16c0 13.3 10.7 24 24 24s24-10.7 24-24v-16c0-48.7 20.7-92.5 53.8-123.2C121.6 392.3 190.3 448 272 448h1c132.1-.7 239-130.9 239-291.4c0-42.6-7.5-83.1-21.1-119.6c-2.6-6.9-12.7-6.6-16.2-.1C455.9 72.1 418.7 96 376 96z"/></svg>
</template>

CSS

.icon-leaf {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M272%2096c-78.6%200-145.1%2051.5-167.7%20122.5c33.6-17%2071.5-26.5%20111.7-26.5h88c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-88c-16.6%200-32.7%201.9-48.3%205.4c-25.9%205.9-49.9%2016.4-71.4%2030.7C38.3%20298.8%200%20364.9%200%20440v16c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-16c0-48.7%2020.7-92.5%2053.8-123.2C121.6%20392.3%20190.3%20448%20272%20448h1c132.1-.7%20239-130.9%20239-291.4c0-42.6-7.5-83.1-21.1-119.6c-2.6-6.9-12.7-6.6-16.2-.1C455.9%2072.1%20418.7%2096%20376%2096z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M272%2096c-78.6%200-145.1%2051.5-167.7%20122.5c33.6-17%2071.5-26.5%20111.7-26.5h88c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-88c-16.6%200-32.7%201.9-48.3%205.4c-25.9%205.9-49.9%2016.4-71.4%2030.7C38.3%20298.8%200%20364.9%200%20440v16c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-16c0-48.7%2020.7-92.5%2053.8-123.2C121.6%20392.3%20190.3%20448%20272%20448h1c132.1-.7%20239-130.9%20239-291.4c0-42.6-7.5-83.1-21.1-119.6c-2.6-6.9-12.7-6.6-16.2-.1C455.9%2072.1%20418.7%2096%20376%2096z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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