<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="x59d16a"/><path class="catw1ob"/><path class="lne6d9h"/><path class="yr56j-b"/><path class="cpxth2i"/><path class="gt5c6bg"/><path class="bfhtysb"/><path class="oapw50b"/><path class="e06mxny"/><path class="xxvplgw"/><path class="vb6hxub"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:sakai" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .x59d16a {
  fill: #348aa7;
  d: path("M8 9.75v-4.5L4 7.5z");
}

:global .catw1ob {
  fill: #55cf98;
  d: path("M12 7.5L8 9.75v4.5l4 2.25z");
}

:global .lne6d9h {
  fill: #1a6882;
  d: path("m4 7.5l4 2.25v4.5L4 16.5z");
}

:global .yr56j-b {
  fill: #76e8b5;
  d: path("m8 5.25l4 2.25l-4 2.25z");
}

:global .cpxth2i {
  fill: #12556b;
  d: path("m4 16.5l4-2.25l4 2.25V21z");
}

:global .gt5c6bg {
  fill: #bce784;
  d: path("M16 5.25L12 7.5L8 5.25L12 3z");
}

:global .bfhtysb {
  fill: #48b081;
  d: path("m12 7.5l4 2.25v4.5l-4 2.25z");
}

:global .oapw50b {
  fill: #1a6882;
  d: path("m20 7.5l-4 2.25v4.5l4 2.25z");
}

:global .e06mxny {
  fill: #57c795;
  d: path("M16 5.25L12 7.5l4 2.25z");
}

:global .xxvplgw {
  fill: #0d3e4f;
  d: path("m20 16.5l-4-2.25l-4 2.25V21z");
}

:global .vb6hxub {
  fill: #348aa7;
  d: path("M16 9.75v-4.5l4 2.25z");
}

</style>
