<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="jh834rjz"/><path class="cgkbdfbl"/><path fill="url(#SVGW8GOUbNN)" class="s7_cwnq"/><defs><linearGradient id="SVGW8GOUbNN" x1="9.029" x2="18.187" y1="15.981" y2="15.981" gradientUnits="userSpaceOnUse"><stop offset=".12" class="ihizzhp"/><stop offset=".76" class="gmxa-xb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:mx" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .jh834rjz {
  fill: #1977f3;
  d: path("M7.2 7.406a2.113 2.113 0 0 1 3.7 0l5.814 10.28H5.2c-1.691 0-2.748-1.87-1.905-3.368z");
}

:global .cgkbdfbl {
  fill: #002f81;
  d: path("M16.8 7.406a2.113 2.113 0 0 0-3.7 0l-4.123 7.296c-.753 1.327.185 2.985 1.682 2.985h8.14c1.691 0 2.748-1.872 1.904-3.369z");
}

:global .s7_cwnq {
  d: path("M10.659 17.686h6.055L12 9.348L8.971 14.7c-.748 1.327.19 2.985 1.687 2.985");
}

:global .ihizzhp {
  stop-color: #1c6ad9;
}

:global .gmxa-xb {
  stop-color: #1c6ad9;
  stop-opacity: 0;
}

</style>
