<script>
import Icon from '@iconify/css-svelte';

let {width, height, ...props} = $props();

const viewBox = {"width":32,"height":32};
const content = `<defs><linearGradient id="SVGL3eT8dEE" x1="49.009" x2="225.83" y1="213.75" y2="129.72" gradientUnits="userSpaceOnUse"><stop offset="0" class="ilbgwsv"/><stop offset=".24" class="aw-heib"/><stop offset=".352" class="ogjwuir"/><stop offset=".494" class="w_34b6m"/><stop offset=".745" class="fkanc0x"/><stop offset="1" class="kv5jolw"/></linearGradient><linearGradient id="SVGXdyn1ciA" x1="41.025" x2="156.74" y1="28.344" y2="160.34" gradientUnits="userSpaceOnUse"><stop offset="0" class="mhz21-b"/><stop offset="1" class="bwlyepb"/></linearGradient><clipPath id="SVGqpIVPcCN"><path class="ewp0duh"/></clipPath></defs><path class="sg9npebx"/><g clip-path="url(#SVGqpIVPcCN)" transform="matrix(.08105 0 0 .08508 12.5 11)"><path fill="url(#SVGL3eT8dEE)" class="lzmzk1bq"/><path fill="url(#SVGXdyn1ciA)" class="lzmzk1bq"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="vscode-icons:folder-type-angular" {...props}></Icon>
<style>
:global .ilbgwsv {
  stop-color: #e40035;
}

:global .aw-heib {
  stop-color: #f60a48;
}

:global .ogjwuir {
  stop-color: #f20755;
}

:global .w_34b6m {
  stop-color: #dc087d;
}

:global .fkanc0x {
  stop-color: #9717e7;
}

:global .kv5jolw {
  stop-color: #6c00f5;
}

:global .mhz21-b {
  stop-color: #ff31d9;
}

:global .bwlyepb {
  stop-color: #ff5be1;
  stop-opacity: 0;
}

:global .ewp0duh {
  fill: #fff;
  d: path("M0 0h223v236H0z");
}

:global .sg9npebx {
  fill: #a50027;
  d: path("M27.417 5.5H18.19l-2.083 4.2H4.5v16.8h25v-21Zm0 4.2h-8.135l1.091-2.1h7.044Z");
}

:global .lzmzk1bq {
  d: path("m222.08 39.192l-8.019 125.92L137.39-.008zm-53.105 162.82l-57.933 33.056l-57.934-33.056l11.783-28.556h92.301zm-57.933-139.34l30.357 73.803H80.684zm-103.1 102.44L.005 39.192L84.695 0z");
}

</style>
