<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="s2qx0jl3c"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:outdoor-garden-outline" {...props}></Icon>
<style>
:global(.s2qx0jl3c) {
  fill: var(--svg-color, currentColor);
  d: path("M2.5 20.5V6.25L6 3.616l3 2.25l3-2.25l3 2.25l3-2.25l3.5 2.634V20.5zm1-1h5V6.75L6 4.866L3.5 6.75zm6 0h5V6.75L12 4.866L9.5 6.75zm6 0h5V6.75L18 4.866L15.5 6.75z");
}

</style>
