<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(#SVGC6LlQdTM)" class="xuumaxis"/><defs><linearGradient id="SVGC6LlQdTM" x1="4.665" x2="15.728" y1="18.41" y2="8.872" gradientUnits="userSpaceOnUse"><stop class="q2-8-db"/><stop offset="1" class="kp5e1ch"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:gas" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .xuumaxis {
  d: path("m19.676 17.922l-6.353-2.934V8.49l6.353-2.232zm-9 3.078l-6.353-2.862V6.564l6.353 2.862zm0-12.024L4.567 6.159L13.5 3l6.077 2.826z");
}

:global .q2-8-db {
  stop-color: #beea2e;
}

:global .kp5e1ch {
  stop-color: #52ba00;
}

</style>
