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

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

const viewBox = {"width":32,"height":32};
const content = `<rect transform="rotate(-44.999 8.266 23.737)" class="fapkzkb"/><rect transform="rotate(-44.999 6.301 17.78)" class="cp-w0wk"/><rect transform="rotate(-44.999 14.162 25.7)" class="d2gcqwb"/><path class="i1_qy3w"/><path class="x6rhz8g"/><path class="p8os7hr"/><rect transform="rotate(-44.999 17.623 10.4)" class="j8h8dsb"/><rect transform="rotate(-44.999 21.579 6.446)" class="veelslu"/><rect transform="rotate(-44.999 21.578 14.353)" class="d4hs26i"/><rect transform="rotate(-44.999 25.531 10.4)" class="s8pwdab"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="vscode-icons:file-type-kusto" {...props}></Icon>
<style>
:global .fapkzkb {
  width: 15.433px;
  height: 2.796px;
  x: .55px;
  y: 22.339px;
  fill: #b8d432;
  rx: .439px;
}

:global .cp-w0wk {
  width: 9.859px;
  height: 2.796px;
  x: 1.372px;
  y: 16.382px;
  fill: #b8d432;
  rx: .439px;
}

:global .d2gcqwb {
  width: 9.859px;
  height: 2.796px;
  x: 9.232px;
  y: 24.301px;
  fill: #b8d432;
  rx: .439px;
}

:global .i1_qy3w {
  fill: #0078d4;
  d: path("M30 2H2l28 27.999z");
}

:global .x6rhz8g {
  fill: #59b4d9;
  d: path("m10.282 10.282l11.436 11.436L30 13.436V2H18.564z");
}

:global .p8os7hr {
  fill: #fff;
  d: path("M30 29.999V2L16 16z");
  opacity: .2;
}

:global .j8h8dsb {
  width: 2.796px;
  height: 2.796px;
  x: 16.226px;
  y: 9.001px;
  fill: #fff;
  rx: .622px;
}

:global .veelslu {
  width: 2.796px;
  height: 2.796px;
  x: 20.18px;
  y: 5.048px;
  fill: #fff;
  rx: .622px;
}

:global .d4hs26i {
  width: 2.796px;
  height: 2.796px;
  x: 20.18px;
  y: 12.955px;
  fill: #fff;
  rx: .622px;
}

:global .s8pwdab {
  width: 2.796px;
  height: 2.796px;
  x: 24.133px;
  y: 9.002px;
  fill: #fff;
  rx: .622px;
}

</style>
