Gentleface › Nature & animals › leaf-off

leaf-off icon

Leaf off: eco mode off. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.232 11.939C10.696 12.387 10.117 12.753 9.492 13.035C8.805 13.345 8.086 13.545 7.336 13.634C6.624 13.719 5.916 13.7 5.211 13.578C4.648 13.481 4.113 13.322 3.606 13.101L1.854 14.854C1.756 14.951 1.638 15 1.5 15C1.362 15 1.244 14.951 1.146 14.854C1.047 14.754 0.997 14.636 0.997 14.5C0.997 14.364 1.047 14.246 1.146 14.146L2.899 12.394C2.678 11.887 2.519 11.352 2.422 10.789C2.3 10.084 2.281 9.376 2.366 8.664C2.455 7.914 2.655 7.195 2.965 6.508C3.247 5.883 3.613 5.304 4.061 4.768L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.521 11.229L8 8.707L4.854 11.854C4.756 11.951 4.638 12 4.5 12C4.362 12 4.244 11.951 4.146 11.854C4.047 11.754 3.997 11.636 3.997 11.5C3.997 11.364 4.047 11.246 4.146 11.146L7.293 8L4.771 5.479C4.407 5.925 4.109 6.405 3.877 6.919C3.608 7.513 3.436 8.134 3.359 8.782C3.285 9.397 3.302 10.009 3.407 10.618C3.5 11.151 3.655 11.653 3.874 12.126C4.347 12.345 4.849 12.5 5.382 12.593C5.991 12.698 6.603 12.715 7.218 12.641C7.866 12.564 8.487 12.392 9.081 12.123C9.595 11.891 10.075 11.593 10.521 11.229ZM9.542 1.568C11.016 1.189 12.668 1 14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 3.332 14.811 4.984 14.432 6.458C14.08 7.827 13.57 9.022 12.902 10.041C12.825 10.159 12.72 10.232 12.587 10.259C12.454 10.287 12.328 10.262 12.21 10.185C12.095 10.11 12.023 10.004 11.995 9.869C11.966 9.734 11.99 9.609 12.066 9.493C12.673 8.566 13.139 7.471 13.463 6.209C13.786 4.953 13.963 3.551 13.995 2.005C12.449 2.037 11.047 2.214 9.791 2.537C8.529 2.861 7.434 3.327 6.507 3.934C6.391 4.01 6.266 4.034 6.131 4.005C5.996 3.977 5.89 3.905 5.815 3.79C5.739 3.674 5.715 3.549 5.744 3.414C5.772 3.279 5.844 3.173 5.959 3.098C6.978 2.43 8.173 1.92 9.542 1.568Z"/></svg>

React

// Gentleface "leaf-off" (line-round), MIT. https://gentleface.com/icons/leaf-off
import type { SVGProps } from 'react';

export function LeafOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.232 11.939C10.696 12.387 10.117 12.753 9.492 13.035C8.805 13.345 8.086 13.545 7.336 13.634C6.624 13.719 5.916 13.7 5.211 13.578C4.648 13.481 4.113 13.322 3.606 13.101L1.854 14.854C1.756 14.951 1.638 15 1.5 15C1.362 15 1.244 14.951 1.146 14.854C1.047 14.754 0.997 14.636 0.997 14.5C0.997 14.364 1.047 14.246 1.146 14.146L2.899 12.394C2.678 11.887 2.519 11.352 2.422 10.789C2.3 10.084 2.281 9.376 2.366 8.664C2.455 7.914 2.655 7.195 2.965 6.508C3.247 5.883 3.613 5.304 4.061 4.768L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.521 11.229L8 8.707L4.854 11.854C4.756 11.951 4.638 12 4.5 12C4.362 12 4.244 11.951 4.146 11.854C4.047 11.754 3.997 11.636 3.997 11.5C3.997 11.364 4.047 11.246 4.146 11.146L7.293 8L4.771 5.479C4.407 5.925 4.109 6.405 3.877 6.919C3.608 7.513 3.436 8.134 3.359 8.782C3.285 9.397 3.302 10.009 3.407 10.618C3.5 11.151 3.655 11.653 3.874 12.126C4.347 12.345 4.849 12.5 5.382 12.593C5.991 12.698 6.603 12.715 7.218 12.641C7.866 12.564 8.487 12.392 9.081 12.123C9.595 11.891 10.075 11.593 10.521 11.229ZM9.542 1.568C11.016 1.189 12.668 1 14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 3.332 14.811 4.984 14.432 6.458C14.08 7.827 13.57 9.022 12.902 10.041C12.825 10.159 12.72 10.232 12.587 10.259C12.454 10.287 12.328 10.262 12.21 10.185C12.095 10.11 12.023 10.004 11.995 9.869C11.966 9.734 11.99 9.609 12.066 9.493C12.673 8.566 13.139 7.471 13.463 6.209C13.786 4.953 13.963 3.551 13.995 2.005C12.449 2.037 11.047 2.214 9.791 2.537C8.529 2.861 7.434 3.327 6.507 3.934C6.391 4.01 6.266 4.034 6.131 4.005C5.996 3.977 5.89 3.905 5.815 3.79C5.739 3.674 5.715 3.549 5.744 3.414C5.772 3.279 5.844 3.173 5.959 3.098C6.978 2.43 8.173 1.92 9.542 1.568Z" />
    </svg>
  );
}

Vue

Vue: see /icons/leaf-off.md

Svelte

Svelte: see /icons/leaf-off.md

HTML img

HTML img: see /icons/leaf-off.md

CSS

CSS: see /icons/leaf-off.md

Data URL

Data URL: see /icons/leaf-off.md

Sprite

Sprite: see /icons/leaf-off.md

SwiftUI

SwiftUI: see /icons/leaf-off.md

Compose

Compose: see /icons/leaf-off.md

Android XML

Android XML: see /icons/leaf-off.md

Flutter

Flutter: see /icons/leaf-off.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { LeafOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

eco mode off

Example

Thermostat or car: eco mode off

Built from

leaf + slash

Tags

leaf, nature, eco, green, environment, sustainability, slash

Category

Nature & animals

Component name

LeafOffIcon

History

2026-11-06 added, released in 0.4.0

Since

version 0.4.0

Family 1

leaf

More nature & animals icons

bat bird birdhouse butterfly cactus cannabis cannabis-off cat clover co2 compost cow crab dog dog-bark feather · all nature & animals icons

For agents

Metadata: /icons/leaf-off.json · Markdown: /icons/leaf-off.md · SVG: https://gentleface.com/svg/{style}/16/leaf-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/leaf-off.png

leaf-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp