<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(#SVGDpphpdxb)" class="iop1w-ki"/><defs><linearGradient id="SVGDpphpdxb" x1="18.489" x2="5.771" y1="5.536" y2="18.335" gradientUnits="userSpaceOnUse"><stop class="zu6qp5v"/><stop offset=".22" class="alo1xsh"/><stop offset=".45" class="xfv3tcw"/><stop offset=".71" class="j4y5flr"/><stop offset="1" class="pv78r3b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:ubt" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .iop1w-ki {
  d: path("M21 5.25L18.75 3h-9v14.625H6.375V5.25H3v13.5L5.25 21h5.625l2.25-2.25h5.625L21 16.5V12l-1.125-1.125L21 9.75zm-7.875 1.125h4.5V9.75h-4.5zm4.5 9h-4.5V12h4.5z");
}

:global .zu6qp5v {
  stop-color: #f5e710;
}

:global .alo1xsh {
  stop-color: #4db15a;
}

:global .xfv3tcw {
  stop-color: #00a09a;
}

:global .j4y5flr {
  stop-color: #1e548a;
}

:global .pv78r3b {
  stop-color: #da1e74;
}

</style>
