<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(#SVG9DxWZbvo)" class="l2o3t0p"/><path fill="url(#SVG9rcsncuN)" class="q-qmrbb"/><path fill="url(#SVGwBcXZ5RQ)" class="qq1fkzi"/><path fill="url(#SVG9C0LFbwW)" class="n5uexoh"/><defs><linearGradient id="SVG9DxWZbvo" x1="3" x2="20.996" y1="9.429" y2="8.984" gradientUnits="userSpaceOnUse"><stop class="qtvm34b"/><stop offset="1" class="rumhk8b"/></linearGradient><linearGradient id="SVG9rcsncuN" x1="3" x2="20.996" y1="13.457" y2="13.889" gradientUnits="userSpaceOnUse"><stop class="cvo3_7b"/><stop offset="1" class="q6ur7wb"/></linearGradient><linearGradient id="SVGwBcXZ5RQ" x1="3" x2="22.028" y1="9.428" y2="10.734" gradientUnits="userSpaceOnUse"><stop class="qasircc"/><stop offset="1" class="c8bc5zb"/></linearGradient><linearGradient id="SVG9C0LFbwW" x1="21" x2="11.471" y1="13.852" y2="14.382" gradientUnits="userSpaceOnUse"><stop class="gwod7ws"/><stop offset="1" class="ioh598k"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:kwenta" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .l2o3t0p {
  d: path("m3 14.118l9-5.633V3L3 8.633z");
}

:global .q-qmrbb {
  d: path("m21 14.118l-9-5.633V3l9 5.633z");
}

:global .qq1fkzi {
  d: path("m3 9.882l9 5.633V21l-9-5.633z");
}

:global .n5uexoh {
  d: path("m21 9.882l-9 5.633V21l9-5.633z");
}

:global .qtvm34b {
  stop-color: #c39a6f;
}

:global .rumhk8b {
  stop-color: #9a6a3a;
}

:global .cvo3_7b {
  stop-color: #c29665;
}

:global .q6ur7wb {
  stop-color: #ae8351;
}

:global .qasircc {
  stop-color: #323232;
}

:global .c8bc5zb {
  stop-color: #353535;
}

:global .gwod7ws {
  stop-color: #373737;
}

:global .ioh598k {
  stop-color: #2a2a2c;
}

</style>
