<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(#SVGPIz9hcuM)" class="kouw2dbv"/><defs><linearGradient id="SVGPIz9hcuM" x1="4.687" x2="19.312" y1="5.25" y2="19.875" gradientUnits="userSpaceOnUse"><stop class="da51tjb"/><stop offset=".18" class="e0fyp_b"/><stop offset=".38" class="f0kcrmf"/><stop offset=".5" class="o91sbyp"/><stop offset=".65" class="qwevjub"/><stop offset=".82" class="s0yvc5b"/><stop offset="1" class="tkcz8ac"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:qsr" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .kouw2dbv {
  d: path("m16.477 21l-5.04-9.281L3 7.635v-.698A3.937 3.937 0 0 1 6.937 3h.585l5.04 9.281L21 16.236v.826A3.937 3.937 0 0 1 17.063 21z");
}

:global .da51tjb {
  stop-color: #a745f5;
}

:global .e0fyp_b {
  stop-color: #54bcf0;
}

:global .f0kcrmf {
  stop-color: #99e5c5;
}

:global .o91sbyp {
  stop-color: #fffcd8;
}

:global .qwevjub {
  stop-color: #91e1c8;
}

:global .s0yvc5b {
  stop-color: #51bcf4;
}

:global .tkcz8ac {
  stop-color: #a745f4;
}

</style>
