leaf two icon

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

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

9 other variants in Fluent UI System Icons

leaf-two-16-filledleaf-two-20-filledleaf-two-20-regularleaf-two-24-filledleaf-two-24-regularleaf-two-32-filledleaf-two-32-regularleaf-two-48-filledleaf-two-48-regular

Related icons in Fluent UI System Icons

leaf-one-16-filledleaf-three-16-filled

Use the leaf two icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.167v3.004a4.17 4.17 0 0 0 5.328 4.008c.164.41.387.789.658 1.128l-1.785 1.787a.5.5 0 0 0 .708.707l1.784-1.786A4.498 4.498 0 0 0 15 8.502v-3.27c0-.678-.55-1.227-1.227-1.227h-3.27c-.566 0-1.106.104-1.604.294A4.17 4.17 0 0 0 5.17 2H2.167C1.523 2 1 2.523 1 3.167m7.405 8.135l2.452-2.453a.5.5 0 0 0-.708-.707L7.7 10.594a3.498 3.498 0 0 1 2.803-5.59h3.271c.125 0 .227.102.227.227v3.271a3.498 3.498 0 0 1-5.595 2.8M5.171 3A3.17 3.17 0 0 1 8.01 4.758A4.5 4.5 0 0 0 6.389 6.68L4.853 5.146a.5.5 0 1 0-.707.708L6.064 7.77a4.5 4.5 0 0 0-.003 1.444A3.17 3.17 0 0 1 2 6.17l-.001-3.004A.17.17 0 0 1 2.167 3z"/></svg>

React

import type { SVGProps } from "react";

export function FluentLeafTwo16Regular(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="M1 3.167v3.004a4.17 4.17 0 0 0 5.328 4.008c.164.41.387.789.658 1.128l-1.785 1.787a.5.5 0 0 0 .708.707l1.784-1.786A4.498 4.498 0 0 0 15 8.502v-3.27c0-.678-.55-1.227-1.227-1.227h-3.27c-.566 0-1.106.104-1.604.294A4.17 4.17 0 0 0 5.17 2H2.167C1.523 2 1 2.523 1 3.167m7.405 8.135l2.452-2.453a.5.5 0 0 0-.708-.707L7.7 10.594a3.498 3.498 0 0 1 2.803-5.59h3.271c.125 0 .227.102.227.227v3.271a3.498 3.498 0 0 1-5.595 2.8M5.171 3A3.17 3.17 0 0 1 8.01 4.758A4.5 4.5 0 0 0 6.389 6.68L4.853 5.146a.5.5 0 1 0-.707.708L6.064 7.77a4.5 4.5 0 0 0-.003 1.444A3.17 3.17 0 0 1 2 6.17l-.001-3.004A.17.17 0 0 1 2.167 3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.167v3.004a4.17 4.17 0 0 0 5.328 4.008c.164.41.387.789.658 1.128l-1.785 1.787a.5.5 0 0 0 .708.707l1.784-1.786A4.498 4.498 0 0 0 15 8.502v-3.27c0-.678-.55-1.227-1.227-1.227h-3.27c-.566 0-1.106.104-1.604.294A4.17 4.17 0 0 0 5.17 2H2.167C1.523 2 1 2.523 1 3.167m7.405 8.135l2.452-2.453a.5.5 0 0 0-.708-.707L7.7 10.594a3.498 3.498 0 0 1 2.803-5.59h3.271c.125 0 .227.102.227.227v3.271a3.498 3.498 0 0 1-5.595 2.8M5.171 3A3.17 3.17 0 0 1 8.01 4.758A4.5 4.5 0 0 0 6.389 6.68L4.853 5.146a.5.5 0 1 0-.707.708L6.064 7.77a4.5 4.5 0 0 0-.003 1.444A3.17 3.17 0 0 1 2 6.17l-.001-3.004A.17.17 0 0 1 2.167 3z"/></svg>
</template>

CSS

.icon-leaf-two-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%22M1%203.167v3.004a4.17%204.17%200%200%200%205.328%204.008c.164.41.387.789.658%201.128l-1.785%201.787a.5.5%200%200%200%20.708.707l1.784-1.786A4.498%204.498%200%200%200%2015%208.502v-3.27c0-.678-.55-1.227-1.227-1.227h-3.27c-.566%200-1.106.104-1.604.294A4.17%204.17%200%200%200%205.17%202H2.167C1.523%202%201%202.523%201%203.167m7.405%208.135l2.452-2.453a.5.5%200%200%200-.708-.707L7.7%2010.594a3.498%203.498%200%200%201%202.803-5.59h3.271c.125%200%20.227.102.227.227v3.271a3.498%203.498%200%200%201-5.595%202.8M5.171%203A3.17%203.17%200%200%201%208.01%204.758A4.5%204.5%200%200%200%206.389%206.68L4.853%205.146a.5.5%200%201%200-.707.708L6.064%207.77a4.5%204.5%200%200%200-.003%201.444A3.17%203.17%200%200%201%202%206.17l-.001-3.004A.17.17%200%200%201%202.167%203z%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%22M1%203.167v3.004a4.17%204.17%200%200%200%205.328%204.008c.164.41.387.789.658%201.128l-1.785%201.787a.5.5%200%200%200%20.708.707l1.784-1.786A4.498%204.498%200%200%200%2015%208.502v-3.27c0-.678-.55-1.227-1.227-1.227h-3.27c-.566%200-1.106.104-1.604.294A4.17%204.17%200%200%200%205.17%202H2.167C1.523%202%201%202.523%201%203.167m7.405%208.135l2.452-2.453a.5.5%200%200%200-.708-.707L7.7%2010.594a3.498%203.498%200%200%201%202.803-5.59h3.271c.125%200%20.227.102.227.227v3.271a3.498%203.498%200%200%201-5.595%202.8M5.171%203A3.17%203.17%200%200%201%208.01%204.758A4.5%204.5%200%200%200%206.389%206.68L4.853%205.146a.5.5%200%201%200-.707.708L6.064%207.77a4.5%204.5%200%200%200-.003%201.444A3.17%203.17%200%200%201%202%206.17l-.001-3.004A.17.17%200%200%201%202.167%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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