<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(#SVGnpXQDesW)" class="z5ojhxb"/><defs><linearGradient id="SVGnpXQDesW" x1="7.757" x2="19.809" y1="5.571" y2="15.72" gradientUnits="userSpaceOnUse"><stop class="we1_wgk"/><stop offset=".45" class="ibdcjkp"/><stop offset="1" class="gyo56sx"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:del" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .z5ojhxb {
  d: path("M19.2 3H4.8v3.6H15v10.8H4.8V21h14.4zm-7.8 7.2H4.8v3.6h6.6z");
}

:global .we1_wgk {
  stop-color: #02fdad;
}

:global .ibdcjkp {
  stop-color: #457df4;
}

:global .gyo56sx {
  stop-color: #9845f5;
}

</style>
