leaf three icon

leaf-three-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name
leaf-three-16-regular
Set
Fluent UI System Icons
Style
16 Regular
Viewbox
16×16
License
MIT

5 other variants in Fluent UI System Icons

leaf-three-16-filledleaf-three-20-filledleaf-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 16 16"><path fill="currentColor" d="M9 1h2.85c.635 0 1.15.515 1.15 1.15V5q-.002.519-.126 1h.884C14.444 6 15 6.556 15 7.242V10.5a4.5 4.5 0 0 1-7.309 3.516l-.837.838a.5.5 0 0 1-.707-.708l.837-.837a4.5 4.5 0 0 1-.788-1.49A4 4 0 0 1 1 8V5.148A1.15 1.15 0 0 1 2.15 4H5l.126.002A4 4 0 0 1 9 1m1.854 9.854l-2.45 2.45A3.5 3.5 0 0 0 14 10.5V7.241A.24.24 0 0 0 13.758 7H10.5a3.5 3.5 0 0 0-2.803 5.596l2.45-2.45a.5.5 0 0 1 .707.708M11.829 6c.11-.313.171-.65.171-1V2.15a.15.15 0 0 0-.15-.15H9a3 3 0 0 0-2.88 2.159A4.01 4.01 0 0 1 8.663 6.39A4.5 4.5 0 0 1 10.5 6zm-4.035.904A3 3 0 0 0 5 5H2.15a.15.15 0 0 0-.15.15V8a3 3 0 0 0 4.012 2.825a4.6 4.6 0 0 1 .047-1.058L4.146 7.854a.5.5 0 1 1 .708-.708l1.53 1.531a4.5 4.5 0 0 1 1.41-1.773"/></svg>

React

import type { SVGProps } from "react";

export function FluentLeafThree16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9 1h2.85c.635 0 1.15.515 1.15 1.15V5q-.002.519-.126 1h.884C14.444 6 15 6.556 15 7.242V10.5a4.5 4.5 0 0 1-7.309 3.516l-.837.838a.5.5 0 0 1-.707-.708l.837-.837a4.5 4.5 0 0 1-.788-1.49A4 4 0 0 1 1 8V5.148A1.15 1.15 0 0 1 2.15 4H5l.126.002A4 4 0 0 1 9 1m1.854 9.854l-2.45 2.45A3.5 3.5 0 0 0 14 10.5V7.241A.24.24 0 0 0 13.758 7H10.5a3.5 3.5 0 0 0-2.803 5.596l2.45-2.45a.5.5 0 0 1 .707.708M11.829 6c.11-.313.171-.65.171-1V2.15a.15.15 0 0 0-.15-.15H9a3 3 0 0 0-2.88 2.159A4.01 4.01 0 0 1 8.663 6.39A4.5 4.5 0 0 1 10.5 6zm-4.035.904A3 3 0 0 0 5 5H2.15a.15.15 0 0 0-.15.15V8a3 3 0 0 0 4.012 2.825a4.6 4.6 0 0 1 .047-1.058L4.146 7.854a.5.5 0 1 1 .708-.708l1.53 1.531a4.5 4.5 0 0 1 1.41-1.773"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9 1h2.85c.635 0 1.15.515 1.15 1.15V5q-.002.519-.126 1h.884C14.444 6 15 6.556 15 7.242V10.5a4.5 4.5 0 0 1-7.309 3.516l-.837.838a.5.5 0 0 1-.707-.708l.837-.837a4.5 4.5 0 0 1-.788-1.49A4 4 0 0 1 1 8V5.148A1.15 1.15 0 0 1 2.15 4H5l.126.002A4 4 0 0 1 9 1m1.854 9.854l-2.45 2.45A3.5 3.5 0 0 0 14 10.5V7.241A.24.24 0 0 0 13.758 7H10.5a3.5 3.5 0 0 0-2.803 5.596l2.45-2.45a.5.5 0 0 1 .707.708M11.829 6c.11-.313.171-.65.171-1V2.15a.15.15 0 0 0-.15-.15H9a3 3 0 0 0-2.88 2.159A4.01 4.01 0 0 1 8.663 6.39A4.5 4.5 0 0 1 10.5 6zm-4.035.904A3 3 0 0 0 5 5H2.15a.15.15 0 0 0-.15.15V8a3 3 0 0 0 4.012 2.825a4.6 4.6 0 0 1 .047-1.058L4.146 7.854a.5.5 0 1 1 .708-.708l1.53 1.531a4.5 4.5 0 0 1 1.41-1.773"/></svg>
</template>

CSS

.icon-leaf-three-16-regular {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%201h2.85c.635%200%201.15.515%201.15%201.15V5q-.002.519-.126%201h.884C14.444%206%2015%206.556%2015%207.242V10.5a4.5%204.5%200%200%201-7.309%203.516l-.837.838a.5.5%200%200%201-.707-.708l.837-.837a4.5%204.5%200%200%201-.788-1.49A4%204%200%200%201%201%208V5.148A1.15%201.15%200%200%201%202.15%204H5l.126.002A4%204%200%200%201%209%201m1.854%209.854l-2.45%202.45A3.5%203.5%200%200%200%2014%2010.5V7.241A.24.24%200%200%200%2013.758%207H10.5a3.5%203.5%200%200%200-2.803%205.596l2.45-2.45a.5.5%200%200%201%20.707.708M11.829%206c.11-.313.171-.65.171-1V2.15a.15.15%200%200%200-.15-.15H9a3%203%200%200%200-2.88%202.159A4.01%204.01%200%200%201%208.663%206.39A4.5%204.5%200%200%201%2010.5%206zm-4.035.904A3%203%200%200%200%205%205H2.15a.15.15%200%200%200-.15.15V8a3%203%200%200%200%204.012%202.825a4.6%204.6%200%200%201%20.047-1.058L4.146%207.854a.5.5%200%201%201%20.708-.708l1.53%201.531a4.5%204.5%200%200%201%201.41-1.773%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%201h2.85c.635%200%201.15.515%201.15%201.15V5q-.002.519-.126%201h.884C14.444%206%2015%206.556%2015%207.242V10.5a4.5%204.5%200%200%201-7.309%203.516l-.837.838a.5.5%200%200%201-.707-.708l.837-.837a4.5%204.5%200%200%201-.788-1.49A4%204%200%200%201%201%208V5.148A1.15%201.15%200%200%201%202.15%204H5l.126.002A4%204%200%200%201%209%201m1.854%209.854l-2.45%202.45A3.5%203.5%200%200%200%2014%2010.5V7.241A.24.24%200%200%200%2013.758%207H10.5a3.5%203.5%200%200%200-2.803%205.596l2.45-2.45a.5.5%200%200%201%20.707.708M11.829%206c.11-.313.171-.65.171-1V2.15a.15.15%200%200%200-.15-.15H9a3%203%200%200%200-2.88%202.159A4.01%204.01%200%200%201%208.663%206.39A4.5%204.5%200%200%201%2010.5%206zm-4.035.904A3%203%200%200%200%205%205H2.15a.15.15%200%200%200-.15.15V8a3%203%200%200%200%204.012%202.825a4.6%204.6%200%200%201%20.047-1.058L4.146%207.854a.5.5%200%201%201%20.708-.708l1.53%201.531a4.5%204.5%200%200%201%201.41-1.773%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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