<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(#SVGqZUiXdBY)" class="a5ydl5l"/><path class="h51s22g"/><path fill="url(#SVGq7ydtbFw)" class="v0kqgdb"/><defs><linearGradient id="SVGqZUiXdBY" x1="16.43" x2="7.141" y1="21" y2="7.898" gradientUnits="userSpaceOnUse"><stop class="qej2mib"/><stop offset="1" class="al0cvbc"/></linearGradient><linearGradient id="SVGq7ydtbFw" x1="17.706" x2="7.581" y1="3" y2="12.281" gradientUnits="userSpaceOnUse"><stop class="i0kd34b"/><stop offset="1" class="rpg3sto"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:kda" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .a5ydl5l {
  d: path("M20.357 21h-5.571L9.07 12.857l2.286-4.714z");
}

:global .h51s22g {
  fill: #6a0097;
  d: path("M3.643 3h4.5v18h-4.5z");
}

:global .v0kqgdb {
  d: path("M19.357 3h-5.142L8.143 9.187v5.623z");
}

:global .qej2mib {
  stop-color: #6a0097;
}

:global .al0cvbc {
  stop-color: #e40790;
}

:global .i0kd34b {
  stop-color: #730196;
}

:global .rpg3sto {
  stop-color: #ed098f;
}

</style>
