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

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path class="cxduedc"/><path class="dfekyxa"/><path class="kwfekzbm"/><path class="w39mjw0x"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:lake" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .cxduedc {
  fill: #fff;
  d: path("M21 3H3v18h18z");
}

:global .dfekyxa {
  fill: #1f1f1f;
  d: path("M3 3h18v18H3z");
}

:global .kwfekzbm {
  fill: #fff;
  d: path("M8.465 15.214v1.606a4.82 4.82 0 1 0 0-9.642v1.607a3.2 3.2 0 0 1 3.214 3.214a3.2 3.2 0 0 1-3.214 3.214");
}

:global .w39mjw0x {
  fill: #bdbec0;
  d: path("M13.286 12H11.68a4.83 4.83 0 0 0 4.822 4.821v-1.607A3.203 3.203 0 0 1 13.286 12");
}

</style>
