leaf three icon

leaf-three-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
leaf-three-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

leaf-three-16-filledleaf-three-16-regularleaf-three-20-regularleaf-three-24-filledleaf-three-24-regular

Related icons in Fluent UI System Icons

leaf-one-16-filledleaf-two-16-filled

Use the leaf three icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11 2a5 5 0 0 0-4 2a6 6 0 0 1 5.226 3.05A6 6 0 0 1 13 7h3V3.335C16 2.598 15.402 2 14.665 2zM7.337 14.989A5 5 0 0 1 2 10V6.335C2 5.598 2.598 5 3.335 5H7c1.757 0 3.302.906 4.194 2.277a6.02 6.02 0 0 0-3.426 2.784L6.354 8.646a.5.5 0 1 0-.708.708l1.683 1.682A6 6 0 0 0 7 13c0 .697.119 1.366.337 1.989M8 13a5 5 0 0 1 5-5h3.665C17.402 8 18 8.598 18 9.335V13a5 5 0 0 1-8.164 3.872l-.982.982a.5.5 0 0 1-.707-.708l.982-.982A4.98 4.98 0 0 1 8 13m2.547 3.16l3.307-3.306a.5.5 0 0 0-.707-.708L9.84 15.453q.31.398.707.707"/></svg>

React

import type { SVGProps } from "react";

export function FluentLeafThree20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11 2a5 5 0 0 0-4 2a6 6 0 0 1 5.226 3.05A6 6 0 0 1 13 7h3V3.335C16 2.598 15.402 2 14.665 2zM7.337 14.989A5 5 0 0 1 2 10V6.335C2 5.598 2.598 5 3.335 5H7c1.757 0 3.302.906 4.194 2.277a6.02 6.02 0 0 0-3.426 2.784L6.354 8.646a.5.5 0 1 0-.708.708l1.683 1.682A6 6 0 0 0 7 13c0 .697.119 1.366.337 1.989M8 13a5 5 0 0 1 5-5h3.665C17.402 8 18 8.598 18 9.335V13a5 5 0 0 1-8.164 3.872l-.982.982a.5.5 0 0 1-.707-.708l.982-.982A4.98 4.98 0 0 1 8 13m2.547 3.16l3.307-3.306a.5.5 0 0 0-.707-.708L9.84 15.453q.31.398.707.707"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11 2a5 5 0 0 0-4 2a6 6 0 0 1 5.226 3.05A6 6 0 0 1 13 7h3V3.335C16 2.598 15.402 2 14.665 2zM7.337 14.989A5 5 0 0 1 2 10V6.335C2 5.598 2.598 5 3.335 5H7c1.757 0 3.302.906 4.194 2.277a6.02 6.02 0 0 0-3.426 2.784L6.354 8.646a.5.5 0 1 0-.708.708l1.683 1.682A6 6 0 0 0 7 13c0 .697.119 1.366.337 1.989M8 13a5 5 0 0 1 5-5h3.665C17.402 8 18 8.598 18 9.335V13a5 5 0 0 1-8.164 3.872l-.982.982a.5.5 0 0 1-.707-.708l.982-.982A4.98 4.98 0 0 1 8 13m2.547 3.16l3.307-3.306a.5.5 0 0 0-.707-.708L9.84 15.453q.31.398.707.707"/></svg>
</template>

CSS

.icon-leaf-three-20-filled {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%202a5%205%200%200%200-4%202a6%206%200%200%201%205.226%203.05A6%206%200%200%201%2013%207h3V3.335C16%202.598%2015.402%202%2014.665%202zM7.337%2014.989A5%205%200%200%201%202%2010V6.335C2%205.598%202.598%205%203.335%205H7c1.757%200%203.302.906%204.194%202.277a6.02%206.02%200%200%200-3.426%202.784L6.354%208.646a.5.5%200%201%200-.708.708l1.683%201.682A6%206%200%200%200%207%2013c0%20.697.119%201.366.337%201.989M8%2013a5%205%200%200%201%205-5h3.665C17.402%208%2018%208.598%2018%209.335V13a5%205%200%200%201-8.164%203.872l-.982.982a.5.5%200%200%201-.707-.708l.982-.982A4.98%204.98%200%200%201%208%2013m2.547%203.16l3.307-3.306a.5.5%200%200%200-.707-.708L9.84%2015.453q.31.398.707.707%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%202a5%205%200%200%200-4%202a6%206%200%200%201%205.226%203.05A6%206%200%200%201%2013%207h3V3.335C16%202.598%2015.402%202%2014.665%202zM7.337%2014.989A5%205%200%200%201%202%2010V6.335C2%205.598%202.598%205%203.335%205H7c1.757%200%203.302.906%204.194%202.277a6.02%206.02%200%200%200-3.426%202.784L6.354%208.646a.5.5%200%201%200-.708.708l1.683%201.682A6%206%200%200%200%207%2013c0%20.697.119%201.366.337%201.989M8%2013a5%205%200%200%201%205-5h3.665C17.402%208%2018%208.598%2018%209.335V13a5%205%200%200%201-8.164%203.872l-.982.982a.5.5%200%200%201-.707-.708l.982-.982A4.98%204.98%200%200%201%208%2013m2.547%203.16l3.307-3.306a.5.5%200%200%200-.707-.708L9.84%2015.453q.31.398.707.707%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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