<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(#SVGqLZcVdGJ)" class="qp-2_okd"/><path fill="url(#SVGsW3CXbUP)" class="s9qmrnbf"/><defs><linearGradient id="SVGqLZcVdGJ" x1="15.961" x2="10.527" y1="10.284" y2="10.284" gradientUnits="userSpaceOnUse"><stop class="y-ndiob"/><stop offset="1" class="wbl2fqb"/></linearGradient><linearGradient id="SVGsW3CXbUP" x1="13.625" x2="11.171" y1="9.89" y2="13.447" gradientUnits="userSpaceOnUse"><stop class="d5l6icb"/><stop offset=".51" class="wxdq09l"/><stop offset="1" class="d5l6icb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:route" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .qp-2_okd {
  d: path("M8.528 4.3a.29.29 0 0 1-.01-.393a2.624 2.624 0 0 1 3.852-.127l1.99 1.975a4.164 4.164 0 0 1 .047 5.789l-2.539 2.638l2.643 2.733a2.91 2.91 0 0 1 .01 4.003a.26.26 0 0 1-.293.06a.3.3 0 0 1-.086-.06l-3.785-3.827a4.164 4.164 0 0 1 .01-5.808l2.52-2.534l-4.359-4.453z");
}

:global .s9qmrnbf {
  d: path("m11.196 10.444l1.686-1.696a3.08 3.08 0 0 1 .422 3.941l-1.436 1.488c-.54-.545-1.535-1.848-.7-3.667z");
}

:global .y-ndiob {
  stop-color: #fe8664;
}

:global .wbl2fqb {
  stop-color: #ff3b56;
}

:global .d5l6icb {
  stop-color: #ab3e55;
}

:global .wxdq09l {
  stop-color: #bd4551;
}

</style>
