<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="r3vbgdt4t"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:turn-sharp-left" {...props}></Icon>
<style>
:global(.r3vbgdt4t) {
  fill: currentColor;
  d: path("M16.5 20v-5.27q0-.268-.173-.441t-.442-.173h-7.77q-.67 0-1.143-.473Q6.5 13.171 6.5 12.5V5.916l-2.1 2.1l-.708-.708L7 4l3.308 3.308l-.708.708l-2.1-2.1V12.5q0 .27.173.442q.173.173.443.173h7.769q.67 0 1.143.472q.472.473.472 1.144V20z");
}

</style>
