<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(#SVG57HQvccX)" class="ftru-3b"/><defs><linearGradient id="SVG57HQvccX" x1="8.422" x2="20.69" y1="12" y2="21" gradientUnits="userSpaceOnUse"><stop class="qf7vshb"/><stop offset="1" class="h5lasdb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:salt" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .ftru-3b {
  d: path("m12 8.525l4.966 9.992H7.037zM12 3L3.31 21h17.38z");
}

:global .qf7vshb {
  stop-color: #17babc;
}

:global .h5lasdb {
  stop-color: #687883;
}

</style>
