leaf 3 angled icon

leaf-3-angled from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.

Name: leaf-3-angled
Set: Majesticons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Majesticons

Use the leaf 3 angled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.156 6.473a2.64 2.64 0 0 0-2.63-2.629C15.049 3.817 9.909 4.193 6.5 7.6c-2.796 2.796-2.915 7.3-.157 10.057s7.26 2.639 10.057-.157c3.407-3.408 3.783-8.548 3.756-11.027m-4.62 1.991a1 1 0 0 1 0 1.415l-.978.977l.587.195a1 1 0 0 1-.633 1.898l-1.535-.512l-1.247 1.247l.586.196a1 1 0 0 1-.632 1.897l-1.173-.39a3 3 0 0 1-.344-.14l-2.41 2.41l-3.121 3.121a1 1 0 0 1-1.414-1.414l3.121-3.121l2.41-2.41a3 3 0 0 1-.14-.344l-.39-1.173a1 1 0 0 1 1.897-.632l.196.586l1.247-1.247l-.512-1.535a1 1 0 0 1 1.898-.633l.195.587l.977-.978a1 1 0 0 1 1.414 0z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MajesticonsLeaf3Angled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M20.156 6.473a2.64 2.64 0 0 0-2.63-2.629C15.049 3.817 9.909 4.193 6.5 7.6c-2.796 2.796-2.915 7.3-.157 10.057s7.26 2.639 10.057-.157c3.407-3.408 3.783-8.548 3.756-11.027m-4.62 1.991a1 1 0 0 1 0 1.415l-.978.977l.587.195a1 1 0 0 1-.633 1.898l-1.535-.512l-1.247 1.247l.586.196a1 1 0 0 1-.632 1.897l-1.173-.39a3 3 0 0 1-.344-.14l-2.41 2.41l-3.121 3.121a1 1 0 0 1-1.414-1.414l3.121-3.121l2.41-2.41a3 3 0 0 1-.14-.344l-.39-1.173a1 1 0 0 1 1.897-.632l.196.586l1.247-1.247l-.512-1.535a1 1 0 0 1 1.898-.633l.195.587l.977-.978a1 1 0 0 1 1.414 0z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.156 6.473a2.64 2.64 0 0 0-2.63-2.629C15.049 3.817 9.909 4.193 6.5 7.6c-2.796 2.796-2.915 7.3-.157 10.057s7.26 2.639 10.057-.157c3.407-3.408 3.783-8.548 3.756-11.027m-4.62 1.991a1 1 0 0 1 0 1.415l-.978.977l.587.195a1 1 0 0 1-.633 1.898l-1.535-.512l-1.247 1.247l.586.196a1 1 0 0 1-.632 1.897l-1.173-.39a3 3 0 0 1-.344-.14l-2.41 2.41l-3.121 3.121a1 1 0 0 1-1.414-1.414l3.121-3.121l2.41-2.41a3 3 0 0 1-.14-.344l-.39-1.173a1 1 0 0 1 1.897-.632l.196.586l1.247-1.247l-.512-1.535a1 1 0 0 1 1.898-.633l.195.587l.977-.978a1 1 0 0 1 1.414 0z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-leaf-3-angled {
  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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.156%206.473a2.64%202.64%200%200%200-2.63-2.629C15.049%203.817%209.909%204.193%206.5%207.6c-2.796%202.796-2.915%207.3-.157%2010.057s7.26%202.639%2010.057-.157c3.407-3.408%203.783-8.548%203.756-11.027m-4.62%201.991a1%201%200%200%201%200%201.415l-.978.977l.587.195a1%201%200%200%201-.633%201.898l-1.535-.512l-1.247%201.247l.586.196a1%201%200%200%201-.632%201.897l-1.173-.39a3%203%200%200%201-.344-.14l-2.41%202.41l-3.121%203.121a1%201%200%200%201-1.414-1.414l3.121-3.121l2.41-2.41a3%203%200%200%201-.14-.344l-.39-1.173a1%201%200%200%201%201.897-.632l.196.586l1.247-1.247l-.512-1.535a1%201%200%200%201%201.898-.633l.195.587l.977-.978a1%201%200%200%201%201.414%200z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.156%206.473a2.64%202.64%200%200%200-2.63-2.629C15.049%203.817%209.909%204.193%206.5%207.6c-2.796%202.796-2.915%207.3-.157%2010.057s7.26%202.639%2010.057-.157c3.407-3.408%203.783-8.548%203.756-11.027m-4.62%201.991a1%201%200%200%201%200%201.415l-.978.977l.587.195a1%201%200%200%201-.633%201.898l-1.535-.512l-1.247%201.247l.586.196a1%201%200%200%201-.632%201.897l-1.173-.39a3%203%200%200%201-.344-.14l-2.41%202.41l-3.121%203.121a1%201%200%200%201-1.414-1.414l3.121-3.121l2.41-2.41a3%203%200%200%201-.14-.344l-.39-1.173a1%201%200%200%201%201.897-.632l.196.586l1.247-1.247l-.512-1.535a1%201%200%200%201%201.898-.633l.195.587l.977-.978a1%201%200%200%201%201.414%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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