<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 = `<g class="d2kvgvbvc"><path class="qtltt_b4k"/><path class="xfwkmvksa"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="vscode-icons:file-type-dotenv" {...props}></Icon>
<style>
:global(.d2kvgvbvc) {
  fill-rule: evenodd;
}

:global(.qtltt_b4k) {
  d: path("M3.167 3.167h25.667v25.667H3.167z");
}

:global(.xfwkmvksa) {
  fill: var(--svg-color--ecd53f, #ecd53f);
  fill-rule: nonzero;
  d: path("M30 2v28H2V2zM14.757 20.539H9.98v6.44h4.898v-1.085h-3.597V24.14h3.232v-1.085H11.28v-1.428h3.475v-1.09zm2.503 0h-1.264v6.44h1.207v-4.2l2.597 4.2h1.305v-6.44h-1.21v4.3zm5.97 0h-1.41l2.303 6.44h1.388l2.306-6.44h-1.38l-1.577 4.766l-1.63-4.767zM8.3 24.96H6.34v1.96H8.3z");
}

</style>
