<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(#SVGmkOQHbOz)" clip-rule="evenodd" class="ueu4h3bq"/><defs><linearGradient id="SVGmkOQHbOz" x1="4.573" x2="19.264" y1="10.769" y2="10.769" gradientUnits="userSpaceOnUse"><stop class="d0950ac"/><stop offset=".495" class="ma-uzbb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:rfox" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .ueu4h3bq {
  fill-rule: evenodd;
  d: path("M4.452 10.38V3L8.11 6.774zm10.243-2.735H9.318l2.74 11.473zM8.55 7.68L11.796 21l-6.779-9.86zm6.9 0L12.204 21l6.779-9.86zm4.099 2.7V3L15.89 6.774z");
}

:global .d0950ac {
  stop-color: #af0607;
}

:global .ma-uzbb {
  stop-color: #ed1c24;
}

</style>
