leaf icon

leaf-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name
leaf-sharp
Set
Keyline Icons
Style
Sharp
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

leafleaf-duotoneleaf-fillleaf-sharp-duotoneleaf-sharp-fillleaf-sharp-two-toneleaf-two-tone

The same icon in other sets

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

Use the leaf icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M7.2784 17.9298C6.0328 15.8736 4.6092 11.144 8.88 8.6765C12.6338 6.5076 15.5004 8.0067 18.9941 3.1908C19.2226 2.8757 19.7335 2.969 19.8579 3.3373C21.2259 7.3899 21.9545 13.7344 18.5503 17.5014C14.2791 22.228 8.5181 20.0005 7.2784 17.9298ZM12.5003 14.0037C10.5004 18.5012 6.2492 17.7512 3.0003 21L2.7075 21.2923"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsLeafSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M7.2784 17.9298C6.0328 15.8736 4.6092 11.144 8.88 8.6765C12.6338 6.5076 15.5004 8.0067 18.9941 3.1908C19.2226 2.8757 19.7335 2.969 19.8579 3.3373C21.2259 7.3899 21.9545 13.7344 18.5503 17.5014C14.2791 22.228 8.5181 20.0005 7.2784 17.9298ZM12.5003 14.0037C10.5004 18.5012 6.2492 17.7512 3.0003 21L2.7075 21.2923"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M7.2784 17.9298C6.0328 15.8736 4.6092 11.144 8.88 8.6765C12.6338 6.5076 15.5004 8.0067 18.9941 3.1908C19.2226 2.8757 19.7335 2.969 19.8579 3.3373C21.2259 7.3899 21.9545 13.7344 18.5503 17.5014C14.2791 22.228 8.5181 20.0005 7.2784 17.9298ZM12.5003 14.0037C10.5004 18.5012 6.2492 17.7512 3.0003 21L2.7075 21.2923"/></svg>
</template>

CSS

.icon-leaf-sharp {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7.2784%2017.9298C6.0328%2015.8736%204.6092%2011.144%208.88%208.6765C12.6338%206.5076%2015.5004%208.0067%2018.9941%203.1908C19.2226%202.8757%2019.7335%202.969%2019.8579%203.3373C21.2259%207.3899%2021.9545%2013.7344%2018.5503%2017.5014C14.2791%2022.228%208.5181%2020.0005%207.2784%2017.9298ZM12.5003%2014.0037C10.5004%2018.5012%206.2492%2017.7512%203.0003%2021L2.7075%2021.2923%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7.2784%2017.9298C6.0328%2015.8736%204.6092%2011.144%208.88%208.6765C12.6338%206.5076%2015.5004%208.0067%2018.9941%203.1908C19.2226%202.8757%2019.7335%202.969%2019.8579%203.3373C21.2259%207.3899%2021.9545%2013.7344%2018.5503%2017.5014C14.2791%2022.228%208.5181%2020.0005%207.2784%2017.9298ZM12.5003%2014.0037C10.5004%2018.5012%206.2492%2017.7512%203.0003%2021L2.7075%2021.2923%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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