<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="g6nzvfo7j"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:text-rotation-angledown" {...props}></Icon>
<style>
:global(.g6nzvfo7j) {
  fill: currentColor;
  d: path("M10.577 20.5v-1h2.215l-9.8-9.8l.708-.708l9.8 9.8v-2.215h1V20.5zm4.235-5.858l-.735-.715l1.28-2.727l-3.284-3.284l-2.727 1.269l-.715-.735l10.046-4.504l.708.689zm-1.881-7.13l2.819 2.83l2.389-5.08l-.07-.07z");
}

</style>
