<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(#SVGeK3V9cAp)" class="zbm5yjb"/><path class="e9fxj7bn"/><defs><linearGradient id="SVGeK3V9cAp" x1="10.92" x2="17.923" y1="7.669" y2="19.374" gradientUnits="userSpaceOnUse"><stop class="s3dojib"/><stop offset=".52" class="f2ho08r"/><stop offset="1" class="fmcfnrr"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:azit" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .zbm5yjb {
  d: path("m11.874 5.166l-.141-.257L3 19.091h2.553l6.19-9.982l6.731 9.982H21z");
}

:global .e9fxj7bn {
  fill: #5550d2;
  d: path("m13.435 16.909l7.565-12h-7.069l1.244 2.182h1.963l-7.592 12h11.078l-1.244-2.182z");
}

:global .s3dojib {
  stop-color: #3938b8;
}

:global .f2ho08r {
  stop-color: #3937bd;
}

:global .fmcfnrr {
  stop-color: #5955d9;
}

</style>
