<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(#SVGhbH6qdVD)" class="l1lyo5s"/><path fill="url(#SVG2kZGedeC)" class="a3qg1cc"/><defs><linearGradient id="SVGhbH6qdVD" x1="15.003" x2="15.003" y1="4.688" y2="19.313" gradientUnits="userSpaceOnUse"><stop class="ig5jf0b"/><stop offset="1" class="tjyxn3b"/></linearGradient><linearGradient id="SVG2kZGedeC" x1="15.656" x2="15.656" y1="4.688" y2="19.313" gradientUnits="userSpaceOnUse"><stop class="qxz0g2l"/><stop offset="1" class="ka_licb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:bmex" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .l1lyo5s {
  d: path("M6.937 4.688L3 19.313h3.375l2.25-9h3.64l1.422-5.625z");
}

:global .a3qg1cc {
  d: path("M17.44 19.313L21 4.688h-3.375l-2.25 9H12l-1.687 5.624z");
}

:global .ig5jf0b {
  stop-color: #fb2f03;
}

:global .tjyxn3b {
  stop-color: #b42600;
}

:global .qxz0g2l {
  stop-color: #2560e2;
}

:global .ka_licb {
  stop-color: #2253d3;
}

</style>
