<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="dvvdmsb"/><path fill="url(#SVGRmDsgdgw)" class="l5lic1l"/><path fill="url(#SVG6tziOcok)" class="h3ulchw"/><defs><linearGradient id="SVGRmDsgdgw" x1="8.865" x2="20.52" y1="10.485" y2="10.485" gradientUnits="userSpaceOnUse"><stop class="pb0ct0b"/><stop offset="1" class="z78uzoj"/></linearGradient><linearGradient id="SVG6tziOcok" x1="13.054" x2="3.397" y1="13.515" y2="13.515" gradientUnits="userSpaceOnUse"><stop class="pb0ct0b"/><stop offset="1" class="z78uzoj"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:ubsn" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .dvvdmsb {
  fill: #fff;
  d: path("m13.875 14.625l-6-3.75v-1.5l6 3.75z");
  opacity: .8;
}

:global .l5lic1l {
  d: path("M7.875 9.375H21v1.5H7.875z");
}

:global .h3ulchw {
  d: path("M13.875 14.625H3v-1.5h10.875z");
}

:global .pb0ct0b {
  stop-color: #fff;
}

:global .z78uzoj {
  stop-color: #fff;
  stop-opacity: 0;
}

</style>
