<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="aw-63pbgo"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:dock-outline-sharp" {...props}></Icon>
<style>
:global(.aw-63pbgo) {
  fill: currentColor;
  d: path("M8.5 21.52v-1h7v1zM16.192 17V3H7.808v14zM12.04 6.308q.327 0 .548-.222q.22-.222.22-.549t-.222-.548t-.549-.22t-.547.222t-.22.549t.22.547t.55.22M7.808 3v14zm-1 15V2h10.384v3.723h.731v2.9h-.73V18z");
}

</style>
