<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(#tokenBrandedBgb0)" class="kdy6qmdy"/><defs><linearGradient id="tokenBrandedBgb0" x1="22" x2="2" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop class="blowpba"/><stop offset="1" class="j0y2uwq"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:bgb" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .kdy6qmdy {
  d: path("M2.364 8.188a1.296 1.296 0 0 0 0 1.8l5.49 5.648h3.607l-5.297-5.454h6.14L9.878 7.758H6.394l5.297-5.455H8.085zm15.557 7.448l-5.618 6.061h3.612l5.721-6.17a1.403 1.403 0 0 0 0-1.885l-5.454-5.884H12.57l5.06 5.454h-5.933l2.424 2.424z");
}

:global .blowpba {
  stop-color: #008BCE;
}

:global .j0y2uwq {
  stop-color: #1BA2B6;
}

</style>
