heroicons + sidekickicons
All icons

Leaf icon

leaf

A leaf, for nature, plants, eco-friendly and vegan options, and sustainability.

Missing from Heroicons, where it was requested with 16 votes in #453 and #444 .

Component
LeafIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
nature, plant, eco, green, environment, sustainability, vegan, organic, garden

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.625 18.375C4.5 9 9.75 4.5 19.5 4.5c0 9.75-4.5 15-13.875 13.875ZM3.75 20.25l9.75-9.75" />
</svg>

Download

leaf icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Leaf icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Eco-friendly Eco-friendly

Badges · Micro

History

  1. Added in Sidekickicons 0.20.0 .

More Sidekickicons