<script>
import Icon from '@iconify/css-svelte';

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path class="f_sp_9b"/><path fill="url(#SVGYJthzewh)" class="ovu3ixd"/><path fill="url(#SVGPcUOtXlK)" class="ija6hub"/><defs><linearGradient id="SVGYJthzewh" x1="10.318" x2="21.947" y1="5.471" y2="19.465" gradientUnits="userSpaceOnUse"><stop class="pb0ct0b"/><stop offset="1" class="x_3b_kq"/></linearGradient><linearGradient id="SVGPcUOtXlK" x1="17.4" x2="10.888" y1="19.637" y2="10.901" gradientUnits="userSpaceOnUse"><stop class="jwnhb5x"/><stop offset="1" class="cesfl8b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:dydx" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .f_sp_9b {
  fill: #fff;
  d: path("M16.146 3L3.643 21h3.838L20.048 3z");
}

:global .ovu3ixd {
  d: path("m7.886 3l3.677 5.303l-1.922 2.893L3.965 3z");
}

:global .ija6hub {
  d: path("m16.52 21l-4.082-5.87l1.922-2.808L20.357 21z");
}

:global .pb0ct0b {
  stop-color: #fff;
}

:global .x_3b_kq {
  stop-color: #fff;
  stop-opacity: .55;
}

:global .jwnhb5x {
  stop-color: #6966ff;
}

:global .cesfl8b {
  stop-color: #6966ff;
  stop-opacity: .36;
}

</style>
