<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(#SVG76mRtdBt)" class="q9rrdcbc"/><defs><linearGradient id="SVG76mRtdBt" x1="3" x2="21" y1="11.999" y2="11.999" gradientUnits="userSpaceOnUse"><stop class="yhhq-wy"/><stop offset=".23" class="zy-f0qp"/><stop offset=".52" class="p42p1rw"/><stop offset=".74" class="v0bq2ke"/><stop offset=".9" class="ze6jmjj"/><stop offset="1" class="jq9qo2m"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:krom" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .q9rrdcbc {
  d: path("m19.375 19.457l-7.339-6.246L4.5 19.583c-.582.492-1.5.096-1.5-.654V5.069c0-.75.918-1.14 1.5-.654l7.536 6.402l7.405-6.318a.96.96 0 0 1 1.32.072a.88.88 0 0 1-.078 1.278l-7.225 6.132l7.17 6.12a.88.88 0 0 1 .09 1.272a.973.973 0 0 1-1.343.084M4.8 6.983v9.978l5.814-4.956z");
}

:global .yhhq-wy {
  stop-color: #9eebfd;
}

:global .zy-f0qp {
  stop-color: #aac5f9;
}

:global .p42p1rw {
  stop-color: #a5bcf8;
}

:global .v0bq2ke {
  stop-color: #b6b5f7;
}

:global .ze6jmjj {
  stop-color: #ebb0f2;
}

:global .jq9qo2m {
  stop-color: #aea0f4;
}

</style>
