<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="u-dpley"/><path fill="url(#SVGS7Lkadyu)" class="lh5mqrf"/><defs><linearGradient id="SVGS7Lkadyu" x1="17.948" x2="11.967" y1="1.74" y2="20.797" gradientUnits="userSpaceOnUse"><stop offset=".02" class="raq49xb"/><stop offset=".08" class="at8k-1n"/><stop offset=".16" class="jh3wr-f"/><stop offset=".42" class="at8k-1n"/><stop offset=".68" class="vx6xdyx"/><stop offset=".9" class="rvcc9wv"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:trust" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .u-dpley {
  fill: #0500ff;
  d: path("M3.9 5.6L12 3v18c-5.786-2.4-8.1-7-8.1-9.6z");
}

:global .lh5mqrf {
  d: path("M20.1 5.6L12 3v18c5.786-2.4 8.1-7 8.1-9.6z");
}

:global .raq49xb {
  stop-color: #00f;
}

:global .at8k-1n {
  stop-color: #0094ff;
}

:global .jh3wr-f {
  stop-color: #48ff91;
}

:global .vx6xdyx {
  stop-color: #0038ff;
}

:global .rvcc9wv {
  stop-color: #0500ff;
}

</style>
