<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="aufudzb"/><path class="pnuo4hm"/><path class="ow35jzb"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:area" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .aufudzb {
  fill: #b8a874;
  d: path("M12 3L7.735 9.632h2.131L12 6.06l2.132 3.572h2.131z");
}

:global .pnuo4hm {
  fill: #a0857c;
  d: path("m12 21l-4.264-6.632h2.131L12 17.94l2.132-3.572h2.131z");
}

:global .ow35jzb {
  fill: #a4a4a4;
  d: path("m7.026 11.053l-1.658 1.895h13.264l-1.658-1.895z");
}

</style>
