<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="gn76rpl4i"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:landscape-rounded" {...props}></Icon>
<style>
:global(.gn76rpl4i) {
  fill: var(--svg-color, currentColor);
  d: path("m2.2 16.4l4-5.325q.15-.2.363-.3t.437-.1t.438.1t.362.3l3.4 4.525q.15.2.35.3t.45.1q.625 0 .9-.562t-.1-1.063L10.7 11.6q-.2-.275-.2-.6t.2-.6l2.5-3.325q.15-.2.363-.3t.437-.1t.438.1t.362.3l7 9.325q.375.5.1 1.05T21 18H3q-.625 0-.9-.55t.1-1.05");
}

</style>
