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

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":32,"height":32};
const content = `<defs><radialGradient id="SVG5NiZhbGj" cx="0" cy="0" r="1" gradientTransform="matrix(-28 0 0 -28 30 2)" gradientUnits="userSpaceOnUse"><stop offset="0" class="qea20536a"/><stop offset=".504" class="u1ts3dbke"/><stop offset="1" class="z2w67ghwc"/></radialGradient></defs><path class="hxclh5oeg"/><path fill="url(#SVG5NiZhbGj)" transform="translate(10.714 10.714)scale(.64286)" class="pl1ql5bqj"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="vscode-icons:folder-type-kotlin-opened" {...props}></Icon>
<style>
:global(.hxclh5oeg) {
  fill: var(--svg-color--f90, #f90);
  d: path("M27.4 5.5h-9.2l-2.1 4.2H4.3v4H.5l3.8 12.8h25.2v-21Zm-7.2 2.1h7.1v2.1h-8.1Zm5.5 6.1H6.6v-1.9h20.8v7.626Z");
}

:global(.pl1ql5bqj) {
  d: path("M30 30H2V2h28L15.711 15.794z");
}

:global(.qea20536a) {
  stop-color: var(--svg-color--e44857, #e44857);
}

:global(.u1ts3dbke) {
  stop-color: var(--svg-color--c711e1, #c711e1);
}

:global(.z2w67ghwc) {
  stop-color: var(--svg-color--7f52ff, #7f52ff);
}

</style>
