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

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

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path fill="url(#tokenBrandedBxx0)" clip-rule="evenodd" class="zezwhcbe"/><path fill="url(#tokenBrandedBxx1)" class="d_n2mse"/><path fill="url(#tokenBrandedBxx2)" class="wznoiyi"/><path fill="url(#tokenBrandedBxx3)" class="wk_hgzj"/><defs><linearGradient id="tokenBrandedBxx0" x1="21.999" x2="2.013" y1="11.821" y2="11.286" gradientUnits="userSpaceOnUse"><stop class="njb870b"/><stop offset="1" class="ssneecg"/></linearGradient><linearGradient id="tokenBrandedBxx1" x1="22" x2="2.013" y1="11.821" y2="11.286" gradientUnits="userSpaceOnUse"><stop class="njb870b"/><stop offset="1" class="ssneecg"/></linearGradient><linearGradient id="tokenBrandedBxx2" x1="22" x2="2.013" y1="11.821" y2="11.286" gradientUnits="userSpaceOnUse"><stop class="njb870b"/><stop offset="1" class="ssneecg"/></linearGradient><linearGradient id="tokenBrandedBxx3" x1="22" x2="2.013" y1="11.821" y2="11.286" gradientUnits="userSpaceOnUse"><stop class="njb870b"/><stop offset="1" class="ssneecg"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:bxx" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .zezwhcbe {
  fill-rule: evenodd;
  d: path("M2 8.667h3.195A1.833 1.833 0 0 1 7.028 10.5a1.267 1.267 0 0 1-1.266 1.267h-.053A1.533 1.533 0 0 1 7.238 13.3a2.033 2.033 0 0 1-2.033 2.033H2zm1.429.952h1.428a.952.952 0 0 1 0 1.905H3.43zm0 2.857h1.428a.952.952 0 1 1 0 1.905H3.43z");
}

:global .d_n2mse {
  d: path("M7.714 8.667h1.924l4.743 6.666h-1.924z");
}

:global .wznoiyi {
  d: path("M13.905 8.667h-1.924L7.24 15.333h1.923zm1.429 0h1.923L22 15.333h-1.924z");
}

:global .wk_hgzj {
  d: path("M21.524 8.667H19.6l-4.743 6.666h1.924z");
}

:global .njb870b {
  stop-color: #59B5F6;
}

:global .ssneecg {
  stop-color: #1648C7;
}

</style>
