Earth Leaf icon (Filled & Regular)

Used to represent sustainable practices like carbon neutral, etc. The Earth Leaf icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Earth Leaf icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { EarthLeaf24Regular, EarthLeaf24Filled } from "@fluentui/react-icons";

export function Example() {
  return <EarthLeaf24Regular aria-label="Earth Leaf" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_earth_leaf_24_regular.svg" width="24" height="24" alt="Earth Leaf">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9504 2.05443L10.9454 2.04712L10.9317 2.05639C5.91116 2.58957 2 6.83804 2 12C2 14.3123 2.78484 16.4414 4.10267 18.1353L4.10219 18.1374L4.10476 18.1379C5.74689 20.2472 8.21571 21.6811 11.0245 21.953C11.0718 21.4769 11.1878 20.9788 11.3624 20.4764C9.13727 20.3114 7.15058 19.2898 5.73091 17.7402L5.7312 17.7388C5.78569 17.4994 5.81046 17.2205 5.83044 16.9782L5.83998 16.8611C5.85774 16.6415 5.87492 16.4291 5.90349 16.2149C5.97367 15.6885 6.09385 15.3362 6.28005 15.1368C6.51992 14.8798 6.76621 14.8364 7.28108 14.7458L7.37405 14.7294C7.63794 14.6826 7.99065 14.6123 8.3312 14.4267C8.69375 14.2292 9.00059 13.9264 9.23208 13.4822C9.46544 13.0344 9.44753 12.5711 9.38413 12.2067C9.33316 11.9138 9.2354 11.6023 9.15429 11.3439C9.13805 11.2922 9.12248 11.2426 9.10809 11.1957C8.90333 10.5284 8.87773 10.2026 9.04671 9.9461C9.23081 9.6666 9.48319 9.60154 10.1395 9.43235L10.2242 9.41051C10.8896 9.23859 11.7917 8.95068 12.3143 7.83787C12.8802 6.6329 12.5613 5.27352 12.2144 4.35179C12.0949 4.0343 11.9632 3.74566 11.8406 3.50146C11.8936 3.50049 11.9468 3.5 12 3.5C13.6672 3.5 15.2224 3.98001 16.5347 4.80938C16.3434 5.06476 16.0864 5.40123 15.7988 5.76036C15.169 6.54683 14.4588 7.35683 13.9754 7.7194C13.7535 7.88589 13.5825 8.10363 13.4889 8.36839C13.3974 8.62694 13.3968 8.88146 13.4339 9.10184C13.5039 9.51768 13.7252 9.90761 13.921 10.206C14.0842 10.4548 14.2762 10.7064 14.4373 10.9176C14.4757 10.968 14.5124 11.0161 14.5465 11.0613C14.6404 11.1857 14.7162 11.2894 14.7742 11.3777C14.8026 11.421 14.8235 11.4555 14.8382 11.4825C14.8518 11.5073 14.8568 11.5195 14.8574 11.5209C14.8984 11.6318 14.941 11.8103 14.9915 12.0601C14.9984 12.0943 15.0055 12.13 15.0128 12.1669C15.457 11.9691 15.9385 11.8162 16.4535 11.722C16.4057 11.4885 16.346 11.2219 16.2646 11.0014C16.155 10.7047 15.9161 10.386 15.7437 10.1576C15.7003 10.1001 15.657 10.0432 15.6146 9.98759C15.4565 9.78014 15.3061 9.58275 15.1751 9.38298C15.0204 9.14727 14.9455 8.98427 14.9201 8.88539C15.5703 8.38281 16.3679 7.44937 16.9696 6.69797C17.2658 6.32814 17.5298 5.98266 17.7274 5.71921C19.3248 7.17671 20.3642 9.23546 20.4876 11.5375C21.067 11.5829 21.567 11.6594 21.9969 11.7482C21.8633 6.34169 17.4387 2 12 2C11.6455 2 11.2953 2.01845 10.9504 2.05443ZM4.43592 15.8814C3.83767 14.7178 3.5 13.3984 3.5 12C3.5 7.91193 6.38597 4.49793 10.2317 3.68419C10.2651 3.74015 10.3046 3.80813 10.3481 3.88653C10.4866 4.13625 10.6615 4.48421 10.8105 4.88019C11.1249 5.71532 11.2519 6.57127 10.9566 7.20026C10.7322 7.67794 10.4119 7.81276 9.84895 7.9582C9.7992 7.97106 9.74506 7.98412 9.68731 7.99806C9.1547 8.12658 8.31568 8.32904 7.79404 9.12099C7.19301 10.0335 7.48894 11.0324 7.67409 11.6357C7.69481 11.7033 7.71482 11.7674 7.73358 11.8276C7.81312 12.0826 7.87391 12.2775 7.90633 12.4638C7.94419 12.6815 7.91674 12.7605 7.90187 12.789C7.8014 12.9818 7.70209 13.0613 7.61358 13.1095C7.50307 13.1697 7.35983 13.2085 7.11215 13.2525C7.07175 13.2596 7.02795 13.2668 6.98167 13.2744C6.51915 13.3501 5.78336 13.4706 5.18354 14.1132C4.69795 14.6334 4.52081 15.324 4.43592 15.8814ZM12.0073 22.205C12.0661 21.2397 12.5021 20.063 13.2404 18.9537C13.4788 18.548 13.7742 18.1368 14.126 17.7362C15.1916 16.5225 16.7309 15.4577 18.6215 14.9851C18.8894 14.9181 19.0523 14.6466 18.9853 14.3787C18.9183 14.1108 18.6469 13.948 18.379 14.0149C16.2696 14.5423 14.5589 15.7275 13.3745 17.0764C13.1067 17.3814 12.8636 17.6975 12.6477 18.0191C12.558 17.7179 12.5003 17.3773 12.5002 17C12.5002 16.083 12.9669 15.0867 13.7071 14.2972C14.4617 13.4923 15.5534 12.8419 16.9018 12.6634C19.7027 12.2925 21.4401 12.6025 22.4647 12.8905C22.747 12.9699 22.9572 13.2065 23.0027 13.4962C23.0482 13.7859 22.9206 14.0756 22.6762 14.2376C22.6189 14.2757 22.5271 14.3675 22.416 14.5778C22.3062 14.7855 22.2031 15.0589 22.0966 15.4028C22.0085 15.687 21.9255 15.9943 21.8353 16.3282L21.778 16.5399C21.6667 16.9497 21.5438 17.3898 21.396 17.826C21.1039 18.6883 20.692 19.6078 19.9993 20.3139C19.2801 21.0471 18.304 21.5037 17.0002 21.5037C15.6712 21.5037 14.7428 20.9653 14.1499 20.3453C13.7462 21.0852 13.5358 21.7821 13.5045 22.2963C13.4793 22.7097 13.1237 23.0244 12.7102 22.9992C12.2968 22.974 11.9821 22.6184 12.0073 22.205Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/earth_leaf_24_regular.svg";

Details

Name	Earth Leaf
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_earth_leaf_24_regular.svg`
Filled file	`ic_fluent_earth_leaf_24_filled.svg`
React components	`EarthLeaf24Regular, EarthLeaf24Filled`
License	MIT (© Microsoft Corporation)

Keywords

earth globe sustainable sustainability environment

Earth Leaf icon

Use the Earth Leaf icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons